不常用

StackLayout直接在屏幕上开辟出一块空白的区域，添加到这个布局中的视图都是以层叠的方式显示，而它会把这些视图默认放到这块区域的左上角，第一个添加到布局中的视图显示在最底层，最后一个被放在最顶层。上一层的视图会覆盖下一层的视图。

StackLayout无自有的XML属性，共有XML属性继承自：Component

StackLayout所包含组件可支持的XML属性见下表：

表1 StackLayout所包含组件可支持的XML属性

属性名称	中文描述	取值	取值说明	使用案例
layout_alignment	对齐方式	left	表示左对齐。	可以设置取值项如表中所列，也可以使用“|”进行多项组合。 ohos:layout_alignment="top" ohos:layout_alignment="top|left"
		top	表示顶部对齐。
		right	表示右对齐。
		bottom	表示底部对齐。
		horizontal_center	表示水平居中对齐。
		vertical_center	表示垂直居中对齐。
		center	表示居中对齐。

<?xml version="1.0" encoding="utf-8"?>
<StackLayout
    xmlns:ohos="http://schemas.huawei.com/res/ohos"
    ohos:height="match_parent"
    ohos:width="match_parent"
    >

    <Component

        ohos:height="250vp"
        ohos:width="250vp"

        ohos:layout_alignment="center"

        ohos:background_element="#FFFF00"
        />
    <Component

        ohos:height="200vp"
        ohos:width="200vp"

        ohos:layout_alignment="center"

        ohos:background_element="#FF00FF"
        />
    <Component

        ohos:height="150vp"
        ohos:width="150vp"

        ohos:layout_alignment="center"

        ohos:background_element="#FF0000"
        />
    <Component

        ohos:height="100vp"
        ohos:width="100vp"

        ohos:layout_alignment="center"

        ohos:background_element="0000FF"
        />

    <Component

        ohos:height="50vp"
        ohos:width="50vp"

        ohos:layout_alignment="center"

        ohos:background_element="#00FF00"
        />

</StackLayout>