#鸿蒙通关秘籍#如何在鸿蒙应用中为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

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

发布

相关问题

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

87浏览 • 1回复待解决

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

48浏览 • 0回复待解决

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

103浏览 • 1回复待解决

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

302浏览 • 1回复待解决

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

99浏览 • 1回复待解决

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

829浏览 • 1回复待解决

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

74浏览 • 1回复待解决

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

838浏览 • 1回复待解决

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

43浏览 • 0回复待解决

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

216浏览 • 1回复待解决

HarmonyOS 怎么全局设置应用不跟随系统深浅色模式？

297浏览 • 1回复待解决

#鸿蒙通关秘籍#如何设置应用局部页面自定义主题风格，并同时可配置子组件深浅色模式？

53浏览 • 1回复待解决

app适配深色浅色切换模式

1868浏览 • 1回复待解决

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

48浏览 • 1回复待解决

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

63浏览 • 1回复待解决

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

33浏览 • 1回复待解决

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

89浏览 • 1回复待解决

应用如何适配深色模式

991浏览 • 1回复待解决

#鸿蒙通关秘籍#如何在鸿蒙开发中实现多终端适配？

17浏览 • 1回复待解决

#鸿蒙通关秘籍#如何在HarmonyOS深色模式下处理图片资源加载？

69浏览 • 1回复待解决

应用如何适配深色模式？

2275浏览 • 1回复待解决

鸿蒙应用开发如何做图片适配？

2199浏览 • 1回复待解决

#鸿蒙通关秘籍#如何在鸿蒙应用中为组件绑定并控制全屏模态页面显示？

36浏览 • 1回复待解决

#鸿蒙通关秘籍#如何在Image组件中设置动态范围模式？

56浏览 • 1回复待解决

应用如何适配大显示模式

1952浏览 • 1回复待解决

51CTO

51CTO博客

51CTO学堂

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

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