# 1. 学习HarmonyOS第一课
装饰器: 用来装饰类结构、方法、变量
- @Compont: 标记自定义组件
- @Entry: 标记当前组件是入口文件
- @store: 标记该变量是状态变量,值变化是会触发UI刷新
image的系统配置及使用
-
string格式,通常用来加载网络图片,需要申请网络访问权限"name": “ohos.permission.INTERNET” 在项目中的src/main/module.json5 配置,配置真机调试模拟器地址:https://b11et3un53m.feishu.cn/wiki/LGprwXi1biC7TQkWPNDc45IXndh
// moudule配置 requestPermissions "module": { "requestPermissions": [ // 配置读取网路图片权限 { "name": "ohos.permission.INTERNET" } ],
-
Resource格式,加载本地图片
Imgage($r('app.media.icon'))
路径地址: src/main/resources/base/media/icon.png
Imgage($rawfile('app.media.icon'))
路径地址: src/main/resources/rawfile/icon.png
-
添加图片属性
小技巧:鼠标指向该属性可以直接查看官方文档
// 消除锯齿效果 Image($r('app.media.app_icon')) .width(250) //这里的宽度是rp自适应 // 消除锯齿效果 .interpolation(ImageInterpolation.High)
text中英文配置
-
Resource格式
// 配置中英文模式 Text($r('app.string.width_label')) // 默认目录 base/element { "string": [ { "name": "width_label", "value": "Image Width" } ] } // 中文目录 zh_CN { "string": [ { "name": "width_label", "value": "图片宽度" } ] } // 英文目录 en_US { "string": [ { "name": "width_label", "value": "Image Width" } ] }