# 1. 学习HarmonyOS第一课

装饰器: 用来装饰类结构、方法、变量

• @Compont: 标记自定义组件
• @Entry: 标记当前组件是入口文件
• @store: 标记该变量是状态变量，值变化是会触发UI刷新

image的系统配置及使用

1. string格式，通常用来加载网络图片，需要申请网络访问权限"name": “ohos.permission.INTERNET” 在项目中的src/main/module.json5 配置,配置真机调试模拟器地址：https://b11et3un53m.feishu.cn/wiki/LGprwXi1biC7TQkWPNDc45IXndh

   // moudule配置 requestPermissions
   "module": {
       "requestPermissions": [
         // 配置读取网路图片权限
         {
           "name": "ohos.permission.INTERNET"
         }
       ],
   

2. Resource格式，加载本地图片

   Imgage($r('app.media.icon')) 路径地址: src/main/resources/base/media/icon.png

​ Imgage($rawfile('app.media.icon')) 路径地址: src/main/resources/rawfile/icon.png

3. 添加图片属性

   小技巧：鼠标指向该属性可以直接查看官方文档

    // 消除锯齿效果
      Image($r('app.media.app_icon'))
               .width(250) //这里的宽度是rp自适应
                // 消除锯齿效果
               .interpolation(ImageInterpolation.High)
   

text中英文配置

1. 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"
       }
     ]
   }