华为仓颉鸿蒙HarmonyOS NEXT原生UI容器组件Stack(View层级叠加)

原创

Bison丶 2024-12-24 21:19:00 ©著作权

文章标签 Stack 参数类型默认值 文章分类 Android 移动开发 指尖人生

©著作权归作者所有：来自51CTO博客作者Bison丶的原创作品，请联系作者获取转载授权，否则将追究法律责任

应用层叠方式布局子组件的容器组件。

子组件

可以包含子组件。

构造函数

init()

public init()

创建一个Stack容器。

init(() -> Unit)

public init(child: () -> Unit)

创建一个包含子组件的Stack容器。

参数名	参数类型	必填	默认值	描述
child	() -> Unit	否	{ => }	声明容器内的子组件。

init(Alignment)

public init(alignContent: Alignment)

创建一个Stack容器，子组件对齐方式是alignContent。

参数名	参数类型	必填	默认值	描述
alignContent	Alignment	否	Alignment.Center	设置子组件在容器内的对齐方式。

init(Alignment, () -> Unit)

public init(alignContent: Alignment, child: () -> Unit)

创建一个包含子组件的Stack容器，子组件对齐方式是alignContent。

参数名	参数类型	必填	默认值	描述
alignContent	Alignment	否	Alignment.Center	设置子组件在容器内的对齐方式。
child	() -> Unit	否	{ => }	声明容器内的子组件。

函数

alignment(Alignment)

public func alignment(value: Alignment): This

设置所有子组件在容器内的对齐方式。

参数名	参数类型	必填	默认值	描述
value	Alignment	否	Alignment.Center	子组件在容器内的对齐方式。

自定义枚举类型

Alignment

对齐方式。

枚举值	描述
TopStart	顶部起始端。
Top	顶部横向居中。
TopEnd	顶部尾端。
Start	起始端纵向居中。
Center	横向和纵向居中。
End	尾端纵向居中。
BottomStart	底部起始端。
Bottom	底部横向居中。
BottomEnd	底部尾端。

通用属性/通用事件

通用属性：除文本样式外，其余全部支持。

通用事件：全部支持

示例代码

import ohos.base.*
    import ohos.component.*
    import ohos.state_manage.*
    import ohos.state_macro_manage.*
    import std.collection.*
    
    @Entry
    @Component
    class MyView {
        func build() {
            Stack(Alignment.Bottom) {
                Text("First child, show in bottom")
                .width(90.percent)
                .height(100.percent)
                .backgroundColor(0xd2cab3)
                .align(Alignment.Top)
                Text("Second child, show in top")
                .width(70.percent)
                .height(60.percent)
                .backgroundColor(0xc1cbac)
                .align(Alignment.Top)
            }
            .width(100.percent)
            .height(150)
            .margin(top: 5)
        }
    }

华为仓颉鸿蒙HarmonyOS NEXT原生UI容器组件Stack(View层级叠加)_默认值