智能客服
你问我答，随时在线为你解决问题
输入关键字搜索
开发者能力认证
鸿蒙高校创新赛
HarmonyOS 7
animation
HarmonyOS行业解决方案
layoutWeight
HarmonyOS模板&组件
bindPopup
bindsheet
RelativeContainer
CustomDialogController
animateTo
CTRL+K
- 更多
入门
Archived
开发
Archived
工具
Archived
示例教程
Archived
术语
Archived
堆叠容器组件
更新时间: 2024-06-29 07:33
子组件按照顺序依次入栈，后一个子组件覆盖前一个子组件。
使用说明
用户登录AppGallery Connect， 点击全部服务 > 开发构建 > Serverless > DevEco低代码，选择应用进入项目页面，选择元服务应用，点击编辑应用进入元服务开发页面，在组件>官方组件中看到堆叠容器组件。点击中心编辑区右上角页面锁，解锁获取编辑权限，将堆叠容器组件拖入到编辑区，即完成使用。选中编辑区堆叠容器，在右侧的页签对其属性进行设置。
特有属性
展开
字段标题 | 类型 | 是否必选 | 默认值 | 描述 |
|---|---|---|---|---|
内容对齐方式 | 否 | 横向和纵向居中 | 设置子组件在容器内的对齐方式。可选择对齐方式有： 顶部起始端 顶部横向居中 顶部尾端 起始端纵向居中 横向和纵向居中 尾端纵向居中 底部起始端 |
对齐方式效果如下：
事件
堆叠容器不具有事件。
子组件位置调整
1.在堆叠容器中，子组件的位置由容器对齐方式与子组件的布局约束共同决定，如图所示。
2.子组件可以在堆叠容器内自由拖动，可以拖动到任何位置，但无法拖出堆叠容器，如图所示。
3.堆叠容器在子组件在拖动时，可以根据子组件的位置提供对齐约束，方便用户操作，如图所示。
层级调整
因为堆叠容器是按子组件入栈顺序进行层级顺序设置，如果想调整子组件顺序，需要重新将子组件复制出容器，再重新拖入堆叠容器，方法如下。
1.选取需要将调整层级的组件，右击选择复制，如因堆叠原因无法选择到组件，可在左下组件树中，将阻碍进行选取操作的其他组件设为隐藏。
2.在堆叠容器外复制出组件(如看不见复制出的组件，可在组件树中选取组件，将其布局中定位方式设置为绝对定位)，并删除原选择组件，将阻碍选取的隐藏组件取消隐藏状态。
3.拖动复制的组件到堆叠容器中，通过拖动到容器内其余子组件的右边设置层级在其下方，相应拖到到左边设置层级在其上方，如图所示。
运行示例
在堆叠容器组件中设置内容对齐方式为顶部尾端，然后拖入2个文本组件，设置文本内容和样式如下：
导入真机的效果图：
华为开发者联盟 版权所有 ©2026
搜索
请输入您想要搜索的关键词