一、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:滑动条组件
语法:
属性:
领取专属 10元无门槛券
私享最新 技术干货