鸿蒙学习笔记-2、ArkUI界面开发布局思路

科技   2024-11-06 12:31   中国  

鸿蒙界面开发的布局思路,特别是通过Arc UI框架进行界面搭建的方法。

讲解了组件的基本分类,包括基础组件和容器组件,并阐述了如何通过这些组件组合排列构成界面。同时,介绍了布局思路的重要性,强调了先排版再放内容的顺序。以小说简介界面搭建为例,详细解释了如何利用容器组件和基础组件实现界面结构,并指出在布局时需注意的细节,如build函数中只能有一个根元素且必须是容器组件。最后,总结了布局思路的关键要点,旨在帮助学习者掌握鸿蒙界面开发的布局技巧。

鸿蒙界面开发的布局思路

  1. 掌握布局的基本套路,能够搭建界面的基本结构。

  2. 鸿蒙界面开发需要使用ArkUI框架,专门用于构建鸿蒙界面。

  3. 界面由图片、文本、按钮等组件构成,这些组件基于ArkUI实现。

组件的分类

  1. 基础组件:界面上的基础元素,如图片、文字、按钮等。

  2. 容器组件:用于控制布局排布,如column和row。

  3. column组件用于竖排内容,row组件用于横排内容。

布局思路

  1. 先考虑排版,再放置内容。

  2. 布局时先选择容器组件,确定竖排还是横排。

  3. 容器组件内部用于放置内容。

小说简介的示例实现

  1. 界面从上往下布局,最外层使用column组件。

  2. 内部包含小说简介和一行四个文本,分别使用text和row组件。

  3. 通过语法规则搭建界面架子,未包含美化细节。

代码实现

  1. 在build函数中自定义界面结构,删除原有代码。

  2. 先写容器组件,再放置基础组件。

  3. build函数最外层必须有且仅有一个容器组件。

总结

  1. ArkUI构建界面的最小单元是组件。

  2. 组件分为容器组件和基础组件。

  3. 布局思路是先排版再放置内容。




公众号粉丝专属折扣券 👆👆👆券后仅需2元,

领取全部学习笔记和附赠视频资料。


关注作者公众号,领取更多鸿蒙资料 。


Kainy
喜欢偷懒确总是折腾的宇宙非著名 Web 开发者 KainyGuo ,在这里与你分享技术干货、行业动态,畅聊我们所热爱的互联网和开源世界。
 最新文章