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

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

发布

相关问题

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

209浏览 • 1回复待解决

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

166浏览 • 0回复待解决

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

354浏览 • 1回复待解决

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

493浏览 • 1回复待解决

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

276浏览 • 1回复待解决

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

283浏览 • 1回复待解决

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

346浏览 • 1回复待解决

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

121浏览 • 1回复待解决

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

999浏览 • 1回复待解决

HarmonyOS 如何监听深浅色模式

85浏览 • 1回复待解决

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

140浏览 • 0回复待解决

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

1003浏览 • 1回复待解决

HarmonyOS 主动设置深浅色模式

122浏览 • 1回复待解决

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

179浏览 • 1回复待解决

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

362浏览 • 1回复待解决

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

203浏览 • 1回复待解决

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

214浏览 • 1回复待解决

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

261浏览 • 1回复待解决

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

398浏览 • 1回复待解决

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

230浏览 • 1回复待解决

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

213浏览 • 1回复待解决

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

179浏览 • 1回复待解决

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

234浏览 • 1回复待解决

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

133浏览 • 1回复待解决

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

235浏览 • 1回复待解决

51CTO

51CTO博客

51CTO学堂

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

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