鸿蒙界面开发的布局思路,特别是通过Arc UI框架进行界面搭建的方法。
讲解了组件的基本分类,包括基础组件和容器组件,并阐述了如何通过这些组件组合排列构成界面。同时,介绍了布局思路的重要性,强调了先排版再放内容的顺序。以小说简介界面搭建为例,详细解释了如何利用容器组件和基础组件实现界面结构,并指出在布局时需注意的细节,如build函数中只能有一个根元素且必须是容器组件。最后,总结了布局思路的关键要点,旨在帮助学习者掌握鸿蒙界面开发的布局技巧。
鸿蒙界面开发的布局思路
掌握布局的基本套路,能够搭建界面的基本结构。
鸿蒙界面开发需要使用ArkUI框架,专门用于构建鸿蒙界面。
界面由图片、文本、按钮等组件构成,这些组件基于ArkUI实现。
组件的分类
基础组件:界面上的基础元素,如图片、文字、按钮等。
容器组件:用于控制布局排布,如column和row。
column组件用于竖排内容,row组件用于横排内容。
布局思路
先考虑排版,再放置内容。
布局时先选择容器组件,确定竖排还是横排。
容器组件内部用于放置内容。
小说简介的示例实现
界面从上往下布局,最外层使用column组件。
内部包含小说简介和一行四个文本,分别使用text和row组件。
通过语法规则搭建界面架子,未包含美化细节。
代码实现
在build函数中自定义界面结构,删除原有代码。
先写容器组件,再放置基础组件。
build函数最外层必须有且仅有一个容器组件。
总结
ArkUI构建界面的最小单元是组件。
组件分为容器组件和基础组件。
布局思路是先排版再放置内容。
公众号粉丝专属折扣券 👆👆👆券后仅需2元,
领取
全部学习笔记和附赠视频资料。
关注作者公众号,领取更多鸿蒙资料 。