以阿里矢量图标为例,下面是从下载到使用到修改样式的步骤和方法

1、阿里图标官网   选择图标→加入购物车→添加到项目→下载图标(选择svg格式)→将下载的svg图标存放到项目目录的media下

2、项目中引入方式和使用方式和png图片的使用方式是一样的——Image($r('app.media.flower'))

build() {
  Column() {
    Image($r('app.media.flower'))
     .width(50) //设置图标的宽
     .height(50)//设置图标的高
     .fillColor(Color.Pink)//设置图标的颜色
  }
}

3、效果

Logo

讨论HarmonyOS开发技术,专注于API与组件、DevEco Studio、测试、元服务和应用上架分发等。

更多推荐