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

一概述

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

二示例

2.1 布局文件

<?xml version="1.0" encoding="utf-8"?>
<StackLayoutxmlns:ohos="http://schemas.huawei.com/res/ohos"ohos:id="$+id:stack_layout"ohos:height="match_parent"ohos:width="match_parent"><Textohos:id="$+id:text_blue"ohos:text_alignment="bottom|horizontal_center"ohos:text_size="24fp"ohos:text="第一层"ohos:height="400vp"ohos:width="400vp"ohos:background_element="#3F56EA" /><Textohos:id="$+id:text_light_purple"ohos:text_alignment="bottom|horizontal_center"ohos:text_size="24fp"ohos:text="第二层"ohos:height="300vp"ohos:width="300vp"ohos:background_element="#00AAEE" /><Textohos:id="$+id:text_orange"ohos:text_alignment="center"ohos:text_size="24fp"ohos:text="第三层"ohos:height="80vp"ohos:width="80vp"ohos:background_element="#00BFC9" /></StackLayout>

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

ComponentContainer stackLayout = (ComponentContainer) findComponentById(ResourceTable.Id_stack_layout);
Text textFirst = (Text) findComponentById(ResourceTable.Id_text_blue);textFirst.setClickedListener(new Component.ClickedListener() {@Overridepublic void onClick(Component component) {stackLayout.moveChildToFront(component);}
});

2.3 效果图

鸿蒙OS应用开发之——页面布局StackLayout相关推荐

鸿蒙OS应用开发之——页面间跳转
一概述本文将创建两个页面,实现页面间跳转第一个页面MainAbility,第二个页面SecondAbility 每个页面都有一个Text(显示页面内容)和Button(跳转按钮) 在MainAb ...
java编写布局文件_鸿蒙OS利用JAVA编写的布局实践练习
鸿蒙OS利用JAVA编写的布局实践练习鸿蒙OS利用JAVA编写的布局实践练习目录 JAVA UI框架利用JAVA代码实现一个简单的布局利用xml实现上述布局 JAVA UI框架 ??应用的Ab ...
小程序开发之页面布局
Flex布局又称弹性布局,在小程序开发中比较适用.因此将Flex布局相关属性整理如下,搞清楚了这个布局,小程序开发的页面布局就不在话下了. 网页布局(layout)是CSS的一个重点应用. 布局的传统 ...
鸿蒙OS应用开发之——环境搭建
一概述作为鸿蒙OS应用开发的初学者,本篇介绍开发工具的安装与配置准备工作软件的下载与安装配置开发环境第一个程序(Hello World) 2.1 开发工具 Java:编译构建依赖JDK(版 ...
鸿蒙OS应用开发基础之页面的跳转
导入路由模块 import router from '@system.router'; PS:页面路由需要在页面渲染完成之后才能调用,在onInit和onReady生命周期中页面还处于渲染阶段,禁止调 ...
微信H5开发之页面布局
随着微信用户数量超过 10 亿,作为 web 开发者,微信很多时候已经成为了我们 web 页面的载体,我们制作的页面几乎都会在微信上面展示和传播.于是,在开发过程中,如何去兼容微信,就成为了一个 we ...
微信小程序开发之页面布局
一.概述 Flex布局又称弹性布局,在小程序开发中比较适用.网页布局(layout)是CSS的一个重点应用.布局的传统解决方案,基于盒状模型,依赖 display属性 + position属性 + f ...
华为鸿蒙os视频馀承东,布局智慧家庭：荣耀首款搭载华为鸿蒙OS智慧屏正式发布...
原标题:布局智慧家庭:荣耀首款搭载华为鸿蒙OS智慧屏正式发布党博文东莞报道日前,华为消费者业务CEO余承东在开发者大会上正式向全球发布了全新基于微内核.面向全场景的分布式操作系统--鸿蒙OS.今 ...
鸿蒙OS应用开发_基础篇_编写第一个HarmonyOs应用_体会HarmonyOs的一次开发多端部署_以及分布式任务调度_IDE安装_了解应用组件以及应用布局---HarmonyOs开发工作笔记001
这个系列的文章,跟大家一起学习HarmonyOs系统的应用开发, 先给出harmonyOs开发手册文档,非常详细: https://developer.harmonyos.com/cn/docs/do ...

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

一概述

二示例

2.1 布局文件

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

2.3 效果图

鸿蒙OS应用开发之——页面布局StackLayout相关推荐

最新文章

热门文章

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

一 概述

二 示例

2.1 布局文件

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

2.3 效果图

鸿蒙OS应用开发之——页面布局StackLayout相关推荐

最新文章

热门文章

一概述

二示例