文章目录

• 一、帧布局 StackLayout

一、帧布局 StackLayout

---

帧布局 StackLayout 可以只设置一个宽度高度属性 , 不设置其它属性 ;

帧布局的特性是可以多层叠加 , 后面的组件会叠加在前面的组件上面 ;

帧布局 StackLayout 示例 :

下面的帧布局 , 写在后面的组件在上层 , 写在前面的组件在最底层 ;

text1 组件在最底层 , text2 组件在中间层 , text3 组件在最上层 ;

text1 组件被上面两层覆盖 , text2 组件被 text3 组件覆盖 ;

<?xml version="1.0" encoding="utf-8"?> <StackLayoutxmlns:ohos="http://schemas.huawei.com/res/ohos"ohos:height="match_parent"ohos:width="match_parent"><!-- 最底层 --><Textohos:id="$+id:text1"ohos:height="800"ohos:width="800"ohos:background_element="#FF0000"ohos:text_size="50"/><!-- 中间层 --><Textohos:id="$+id:text2"ohos:height="600"ohos:width="600"ohos:background_element="#00FF00"ohos:text_size="50"/><!-- 最上层 --><Textohos:id="$+id:text3"ohos:height="400"ohos:width="400"ohos:background_element="#0000FF"ohos:text_size="50"/></StackLayout>

效果展示 :

总结

以上是生活随笔为你收集整理的【鸿蒙 HarmonyOS】UI 布局 ( 帧布局 StackLayout )的全部内容，希望文章能够帮你解决所遇到的问题。

如果觉得生活随笔网站内容还不错，欢迎将生活随笔推荐给好友。