harmonyOS应用-StackLayout布局

StackLayout布局

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

在XML 中创建StackLayout

color_gray_element.xml

使用默认布局添加组件StackLayout中组件的布局默认在区域的左上角，并且以后创建的组件会在上层。

上图对应的XML布局文件

color_cyan_element.xml

color_red_element.xml

使用layout_alignment属性可以指定组件在StackLayout中的相对位置
上图对应的XML

场景展示将子视图从后面移到前面显示，官网图片

没有更详细的文档说明关于API或者属性的说明，目前还不知道更多的使用方法，需要在以后慢慢学习

                ComponentContainer stackLayout = (ComponentContainer)findComponentById(ResourceTable.Id_stack_layout);
Text text = (Text)findComponentById(ResourceTable.Id_text_stack_1);
if(text != null){
    text.setClickedListener(new Component.ClickedListener() {
        @Override
        public void onClick(Component component) {
            HiLog.error(label, "stackLayout.getChildCount() = " + stackLayout.getChildCount() + " count = " + count);
                stackLayout.moveChildToFront(component);
        }
    });
}