鸿蒙APP开发--ArkUI组件

1.ArkUI组件

a.Image组件(图片组件)：用于展示图片

        (1)声明Image组件并设置图片源：
            Image(src: string|PixelMap|Resource)//有三种声明方式string|PixelMap|Resource
                //下面有介绍
                string格式，通常用于加载网络图片,需要申请网络访问权限：ohos.permission.INTERENT
                    Image('https://xxx.png')
                PixelMap格式，可以加载像素图，常用在图片编辑中
                    Image(pixelMapObject)
                Resource格式，加载本地图片
                    //使用$r是指的图片是在resources目录下的media目录的资源
                    Image($r('app.media.mate60'))
                    //使用$rawfile是指的图片是在resources目录下的rawfile目录下的资源
                    //图片的后缀名不能省略
                    Image($rawfile('mate60.png'))
        (2)添加图片属性
            Image($r('app.media.mate60'))
                //前面三个为组件的通用属性
                .width(100) //宽度
                    在指定宽度和高度时，有三种方式，直接数字100，后面默认加vp单位，还可以用字符串的百分比显示
                .height(120) //高度
                .borderRadius(10) //边框圆角
                //这是Image的特有熟悉，可以改变图片的清晰度
                .interpolation(ImageInterpolation.High) //图片插值

b.Text组件(文本组件)

        (1)声明Text组件并设置文本内容
            Text(content?: string|Resource)
                string格式
                    Text('图片宽度')
                Resource格式
                    //也是读取本地资源，在resources目录下的en_US和zh_CN(叫限定词目录)下，
                    //也就是设备信息，在不同的目录下是准备给不同国家的限定词，
                    //可以设置很多公用的字符串资源
                    Text($r('app.string.width_label'))
        (2)添加文本属性
            Text('文字')