Stack实现叠层布局的方式

Stack实现叠层布局的方式

HarmonyOS
2024-07-31 10:33:01
浏览
收藏 0
回答 1
待解决
回答 1
按赞同
/
按时间
NGKSWCIDT

Stack组件作为一种容器组件,其内部可承载多种子元素。这些子元素在Stack内部默认以居中堆叠的方式进行布局。在Stack的约束之下,子元素能够自主定义其样式并进行排列,从而实现多样化的界面设计。

// xxx.ets
let MTop:Record<string,number> = { 'top': 50 }

@Entry
@Component
struct StackExample {
  build() {
    Column(){
      Stack({ }) {
        Column(){}.width('90%').height('100%').backgroundColor('#ff58b87c')
        Text('text').width('60%').height('60%').backgroundColor('#ffc3f6aa')
        Button('button').width('30%').height('30%').backgroundColor('#ff8ff3eb').fontColor('#000')
      }.width('100%').height(150).margin(MTop)
    }
  }
}
分享
微博
QQ
微信
回复
2024-07-31 18:51:19
相关问题
页面导航如何实现两个页面
1777浏览 • 1回复 待解决
页面导航如何实现A B两个页面
587浏览 • 1回复 待解决
RelativeContainer布局嵌套Stack失效
312浏览 • 1回复 待解决
HarmonyOS Native获取应用路径方式
285浏览 • 1回复 待解决
Stack布局实现吗?
698浏览 • 1回复 待解决
使用List组件设置多列布局方式
332浏览 • 1回复 待解决
商品详情页面的常规布局方式
320浏览 • 1回复 待解决
ArkTS布局组件实现瀑布流式布局
821浏览 • 1回复 待解决
HarmonyOS 如何实现附件中布局
146浏览 • 1回复 待解决
如何实现文本内容竖向布局
453浏览 • 1回复 待解决
http长连接实现方式
326浏览 • 1回复 待解决
Navigation实现动态路由方式
572浏览 • 1回复 待解决
http并行下载实现方式
345浏览 • 1回复 待解决
二级浮出场动画实现
659浏览 • 1回复 待解决