#鸿蒙通关秘籍#如何在鸿蒙应用中为SVG图片适配深浅色模式？

HarmonyOS

暖玉生烟JWT

2024-11-29 15:58:34

浏览

回答 1

待解决

回答 1

按赞同

按时间

CD金戈铁马

SVG格式图标可以使用fillColor属性配合系统资源改变颜色，而无需两套图片资源。在应用代码中加载SVG图标并设置颜色：

Image($r('app.media.pic_svg'))
  .width(50)
  .fillColor($r('sys.color.ohos_id_color_text_primary'))

这样，在切换深浅色模式时，SVG图标会根据fillColor的设置自动适应相应的颜色模式。

2024-11-29 17:40:15

如何写精华回答，获更多曝光？

发布

相关问题

#鸿蒙通关秘籍#如何在鸿蒙应用中监听深浅色模式的切换事件？

1342浏览 • 1回复待解决

#鸿蒙通关秘籍# 如何在HarmonyOS中实现应用跟随系统的深浅色模式自动切换？

1081浏览 • 0回复待解决

#鸿蒙通关秘籍#如何主动设置应用的深浅色模式不随系统变化？

1381浏览 • 1回复待解决

#鸿蒙通关秘籍#如何让应用跟随鸿蒙系统的深浅色模式？

1704浏览 • 1回复待解决

#鸿蒙通关秘籍#如何适配鸿蒙应用的深色和浅色模式？

1450浏览 • 1回复待解决

HarmonyOS 应用如何主动设置深浅色模式

1021浏览 • 1回复待解决

#鸿蒙通关秘籍#如何适配深色与浅色模式？

1697浏览 • 1回复待解决

HarmonyOS 如何在应用中动态的设置深浅色模式？

2541浏览 • 1回复待解决

多个Ability并适配深浅色模式/系统语言切换

1778浏览 • 1回复待解决

HarmonyOS 如何监听深浅色模式

840浏览 • 1回复待解决

#鸿蒙通关秘籍# 怎样在HarmonyOS应用中主动设置固定的深浅色模式并确保不随系统改变？

686浏览 • 0回复待解决

#鸿蒙学习大百科#如何让应用的显示跟随系统的深浅色模式？

1591浏览 • 1回复待解决

#鸿蒙通关秘籍#如何在鸿蒙中实现固定颜色值的深色模式适配？

1346浏览 • 1回复待解决

#鸿蒙通关秘籍#如何在HarmonyOS中为图片设置插值？

734浏览 • 1回复待解决

#鸿蒙通关秘籍#如何在HarmonyOS中为图片添加滤镜效果？

1136浏览 • 1回复待解决

#鸿蒙通关秘籍#如何为鸿蒙应用中的图片添加渲染模式？

1298浏览 • 1回复待解决

#鸿蒙通关秘籍#如何在鸿蒙开发中应用UIAbility的singleton模式？

1343浏览 • 1回复待解决

#鸿蒙通关秘籍#如何在DevEco Studio中为鸿蒙应用创建PageAbility？

1210浏览 • 1回复待解决

#鸿蒙通关秘籍#如何在鸿蒙应用中为列表项添加标记？

1629浏览 • 1回复待解决

#鸿蒙通关秘籍#如何在鸿蒙应用中实现深色模式自动切换？

1698浏览 • 2回复待解决

#鸿蒙通关秘籍#如何在鸿蒙应用中显示本地存档图片？

1014浏览 • 1回复待解决

#鸿蒙通关秘籍#如何在鸿蒙应用中显示网络图片？

1142浏览 • 1回复待解决

#鸿蒙通关秘籍#如何在HarmonyOS中为标题应用属性动画？

1130浏览 • 1回复待解决

#鸿蒙通关秘籍#如何在鸿蒙系统中为音乐播放器进行水平悬停适配？

1233浏览 • 1回复待解决

切换应用深浅色模式,切换应用的深浅色模式，且不跟随系统。本例从资源分类的角度实现。

2045浏览 • 1回复待解决

51CTO

51CTO博客

51CTO学堂

#鸿蒙通关秘籍#如何在鸿蒙应用中为SVG图片适配深浅色模式？

订阅鸿蒙技术特刊，精选内容抢先看