学习HarmonyOS第一课

最新推荐文章于 2024-05-17 18:09:22 发布

简信L

最新推荐文章于 2024-05-17 18:09:22 发布

阅读量197

点赞数 4

文章标签：学习 harmonyos 华为

本文链接：https://blog.csdn.net/m0_49735085/article/details/136493060

版权

	# 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"
    }
  ]
}