鸿蒙布局＞stack

Preview Component struct Stacks { build() { Stack() { // 2. 左上角 View Text(左上) .width(60) .height(60) .backgroundColor(#4ECDC4) // 颜色 .textAlign(TextAlign.Center) .fontColor(Color.White) // 关键定位代码左上角 .position({ x: 10, y: 10 }) // 3. 右上角 View Text(右上) .width(60) .height(60) .backgroundColor(#45B7D1) .textAlign(TextAlign.Center) .fontColor(Color.White) // 关键定位代码右上角 (距离右边10上边10) .position({ x: 100%, y: 10 }) .translate({ x: -100% }) // 平移自身宽度确保完全在容器内 // 4. 左下角 View Text(左下) .width(60) .height(60) .backgroundColor(#FFD700) .textAlign(TextAlign.Center) .fontColor(Color.White) // 关键定位代码左下角 (距离左边10下边10) .position({ x: 10, y: 100% }) .translate({ y: -100% }) // 平移自身高度确保完全在容器内 // 5. 右下角 View Text(右下) .width(60) .height(60) .backgroundColor(#9B59B6) .textAlign(TextAlign.Center) .fontColor(Color.White) // 关键定位代码右下角 (距离右边10下边10) .position({ x: 100%, y: 100% }) .translate({ x: -100%, y: -100% }) // 平移自身宽高确保完全在容器内 } .width(100%) .height(100%) .backgroundColor(#E0E0E0) // 背景色方便观察 } }换成Row/column标签也可以的