鸿蒙基础学习 第二版

基础知识

在 HarmonyOS 开发中，于 “build” 里编写代码，通过预览器查看效果。这是开发的起始，在此迈出第一步，为后续的精彩创作奠定基础。

ArkUI 基本语法

ArkUI 是构建 HarmonyOS 应用界面的框架，页面由 “组件” 构成。组件名 (参数) { 内容 }，再加上各类属性设置，就能搭建出丰富的界面。

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

组件名(参数) {
内容
}
.属性1()
.属性2()
.属性N()

常用系统组件

系统组件包括 Text、Image、Column、Row、Button 等。它们各自有独特作用，如 Text 显示文本，Image 展示图片，Column 和 Row 分别实现垂直和水平排列。

单位与适配

不同设备显示能力不同，会自动转换单位。默认单位 “vp”，通常设计图按 1080px 设计，可换算为 360 并用 “vp” 单位尺寸，保证视觉一致。

下方举个例子:

代码附上:

> @Entry
> @Component
> struct Index {
>   build() {
>     Column() {
>       Text('vp单位')
>         .width(100)
>         .height(100)
>         .backgroundColor(Color.Pink)
>
>       Text('px单位')
>         .width('100px')
>         .height('100px')
>         .backgroundColor(Color.Orange)
>     }
>   }
> }

文本属性

文本有众多属性，如字体大小、颜色、样式、粗细、行高、修饰、对齐、缩进、溢出等。合理设置，让文本呈现更完美效果。

在文本的世界里，拥有众多关键属性。fontSize决定字体大小，fontColor赋予色彩，fontStyle塑造样式，fontWeight掌控粗细。lineHeight调整行高，decoration装点修饰线与颜色。textAlign规范水平对齐，align设定垂直方向。textIndent控制首行缩进，textOverflow处理超长显示，maxLines限制最大行数。这些属性共同描绘出文本的精美形态。

下表仅供参考:

显示图片

应用中可显示多种格式图片，如 png、jpg 等。图片组件有宽度、高度等属性，数据源通常在特定位置，还有占位图和填充效果可选。

图片数据源即图片存储位置，通常存储在resources/base/media

注意:默认图片一般来说 不要删除 可能报错

图片填充效果

图片填充效果有 Contain、Cover、Fill。Contain 等比缩放可能有空白，Cover 默认可能显示不全，Fill 不等比缩放充满组件。

属性：objectFit​

参数类型：枚举 ImageFit

• Contain：图片宽或高缩放到与组件尺寸相同则停止缩放，可能导致组件有空白（等比缩放）

• Cover：默认效果，图片缩放到完全覆盖组件范围，可能导致图片显示不完整（等比缩放）

• Fill：图片缩放至充满组件（不等比缩放）

在 HarmonyOS 开发的各个方面，从基础入门的 “build” 和预览器，到 ArkUI 的神奇画笔般的组件绘制，再到常用系统组件的精彩演绎，以及单位与适配的魔法转换，还有精心雕琢的文本属性、闪耀的显示图片和多样的图片填充效果，共同构建了 HarmonyOS 应用开发的精彩世界，为开发者带来丰富多样的创作可能。

HarmonyOS 开发涵盖了基础入门、ArkUI 基本语法、常用系统组件、单位与适配、文本属性、显示图片和图片填充效果等多个方面。

全面掌握这些知识，能够让开发者熟练运用 HarmonyOS 进行高效、高质量的应用开发，从页面布局到视觉呈现，从文本处理到图片展示，都能精准把控，从而开发出满足用户需求、具有良好体验的应用。

踏上 HarmonyOS 开发的征程，每一个知识点都是您进步的阶梯。勇敢探索，用心钻研，相信您一定能在这个充满挑战与机遇的领域中绽放光彩，创造出令人瞩目的应用作品！

以上内容仅供学习交流，如有违法或者侵权可以联系删除。