鸿蒙星河版笔记来袭！界面开发、组件的属性和方法_鸿蒙下列组件类型中,容器组件是

鸿蒙星河版学习：

• 鸿蒙星河版笔记来袭！开发环境准备到基础函数的学习
• 鸿蒙星河版笔记来袭！对象、联合类型、枚举类型学

一、界面开发起步

开发工具：仍然是 DevEco Studio

学习界面开发：build 里面写代码，预览器 看效果

二、界面开发-布局思路

ArkUI（方舟开发框架）是一套 构建 鸿蒙应用 界面 的框架。

构建页面的最小单位就是 "组件"。

组件分类：

布局思路：先排版，再放内容。

组件语法

1. ArkUI 构建界面最小单元？—组件

2、组件分类？

• 容器组件：column、Row
• 基础组件：Text

3、布局思路？

先排版，再放内容

注意：build有且只能有一个根元素，且是容器组件

三、组件的属性方法

需求：美化组件外观效果——>组件的属性方法

四、字体颜色

语法：.fontColor(颜色值)

五、文字溢出省略号、行高

1. 文字溢出省略 （设置文本超长时的显示方式）

语法：

.textOverflow({ 
    overflow: TextOverflow.XXX 
 })  

注意：需要配合 .maxLines(行数) 使用

2. 行高

语法：.lineHeight(数字)

六、Image图片组件

作用：界面中展示图片

语法：Image(图片数据源) 支持 网络图片资源 和 本地图片资源

Image(‘https://www.itheima.com/images/logo.png’)

作用：界面中展示图片

语法：Image(图片数据源) 支持 网络图片资源 和 本地图片资源

七、输入框与按钮