HarmonyOS4.0 ArkUI常用组件

一、Image

语法：

使用方式：

string格式：用来加载网络图片，需要在module.json5中申请网络访问权限：ohos.permission.INTERNET

PixelMap格式：可以加载像素图，常用在图片编辑中

需要传递pixelMapObject对象，比较繁琐

Resource格式：加载本地图片，推荐使用

app.media固定写法

指向resources/base/media

可省略图片后缀名

Image($rawfile("xxx.png"))

直接指向resources/rawfile

不能省略图片后缀名  

二、Text

语法：

使用方式：

string格式，直接填写文本内容

Resource格式，读取本地资源文件

test_label是一个变量名，当Text组件中的内容不想固定时，可以把数据添加到base/element/string.json中，或者添加到en_US/element/string.json、zh_CN/element/string.json中，系统首先会根据系统的中英文去找en_US或者zh_CN，如果都不匹配，就去默认的base下查找，一般内容会保存国家、语言、设备号等一些信息。

三、TextInput

TextInput、TextArea是输入框组件，通常用于响应用户的输入操作，比如评论区的输入、聊天框的输入、表格的输入等，也可以结合其它组件构建功能页面，例如登录注册页面。

1、创建输入框

语法：

Placeholder：内容提示

Text：文本内容

2、事件方法

3、案例需求

利用文本输入框的内容来控制图片的大小

四、TextArea

用法和TextInput一致，为了的区别就是TextArea是一个多行输入框，在输入框中可以换行

语法：

五、Button

普通按钮

自定义按钮：在Button内嵌套其他组件

六、Slider

Slider：滑动条组件

语法：

属性：