借助资源限定词能力,可以实现应用图标的一多配置
1. 创建资源目录,并在资源目录中添加资源文件,以Tablet为例,在src/main/resources下创建tablet资源目录,在tablet目录下创建media资源文件夹
- ├─base
- │ ├─element
- │ ├─media
- │ └─profile
- ├─rawfile
- ├─tablet
- │ ├─element
- │ └─media
复制代码
2. 在1中创建的media文件夹下添加设备类型为tablet时希望显示的图标文件,在UI界面进行引用
- @Entry @Component struct Index { build() {
- Flex({ direction: FlexDirection.Column, alignItems: ItemAlign.Center, justifyContent: FlexAlign.Center }) {
- Text($r("app.string.my_string"))
- .fontSize($r("app.float.my_float"))
- .fontColor($r("app.color.my_color"))
- Image($r("app.media.my_image"))
- .width(100)
- .height(100)
- }
- .width('100%')
- .height('100%') } }
复制代码