鸿蒙OS应用开发之——页面布局StackLayout

一 概述

• StackLayout相当于Android中的帧布局FrameLayout
• StackLayout直接在屏幕上开辟出一块空白的区域，添加到这个布局中的视图都是以层叠的方式显示
• 第一个添加到布局中视图显示在最底层，最后一个被放在最顶层
• 上一层的视图会覆盖下一层的视图

二 示例

2.1 布局文件

2.2 逻辑文件(将子视图从后面移到前面显示)

ComponentContainer stackLayout = (ComponentContainer) findComponentById(ResourceTable.Id_stack_layout);
Text textFirst = (Text) findComponentById(ResourceTable.Id_text_blue);

textFirst.setClickedListener(new Component.ClickedListener() {
    @Override
    public void onClick(Component component) {
        stackLayout.moveChildToFront(component);
    }
});

2.3 效果图