鸿蒙开发基础-1

338 阅读1分钟

一. 页面(组件)结构

image.png

  1. @Entry(页面):@Entry装饰的自定义组件将作为UI页面的入口。在单个UI页面中,最多可以使用@Entry装饰一个自定义组件。

  2. @Component(组件): 仅能装饰struct关键字声明的数据结构(组件)。struct被@Component装饰后具备组件化的能力,需要实现build方法描述UI,一个struct只能被一个@Component装饰。

  3. struct: struct + 自定义组件名 + {...}的组合构成自定义组件,不能有继承关系

  4. build(): 组件的UI描述,自定义组件必须定义build()函数来描述UI呈现。

二.静态图片资源使用

image.png 在resources/base/medis中的图片, 在各个组件中, 可以通过$r('app.media.文件名')访问, 不需要写后缀

在resources/rawfile中的图片, 在各个组件中, 可以通过$rawfile('文件名.png')访问, 要写全后缀

三.国际化

  1. 可以在string.json中配置常量, 会根据设备语言, 自动切换(en_US/element/string 或 zh_CN/element/string.json)对应的json文件

image.png

  1. 在组件中, 使用 $r('app.string.常量名') 获取对应value值

image.png