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

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

发布

相关问题

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

1372浏览 • 1回复待解决

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

1102浏览 • 0回复待解决

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

1727浏览 • 1回复待解决

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

1429浏览 • 1回复待解决

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

1574浏览 • 1回复待解决

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

2590浏览 • 1回复待解决

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

1725浏览 • 1回复待解决

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

1052浏览 • 1回复待解决

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

1808浏览 • 1回复待解决

HarmonyOS 如何监听深浅色模式

857浏览 • 1回复待解决

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

696浏览 • 0回复待解决

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

2079浏览 • 1回复待解决

HarmonyOS 主动设置深浅色模式

1444浏览 • 1回复待解决

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

1894浏览 • 1回复待解决

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

1379浏览 • 1回复待解决

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

1615浏览 • 1回复待解决

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

1337浏览 • 1回复待解决

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

1364浏览 • 1回复待解决

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

1672浏览 • 1回复待解决

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

1729浏览 • 2回复待解决

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

760浏览 • 1回复待解决

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

1153浏览 • 1回复待解决

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

1233浏览 • 1回复待解决

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

1031浏览 • 1回复待解决

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

1521浏览 • 1回复待解决

51CTO

51CTO博客

51CTO学堂

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

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