如何支持全局主题切换

如何支持全局主题切换

HarmonyOS
2024-06-05 20:57:52
浏览
收藏 0
回答 1
待解决
回答 1
按赞同
/
按时间
易安安安

你好,目前仅支持置灰配置,请参考:目前可以通过grayscale为组件属性,可以为组件添加灰度效果,实现页面一键置灰效果

关键代码为

.grayscale(this.saturateValue) // 设置根组件的颜色饱和度  

以下为简易demo请参考

@Entry 
@Component 
struct TabsExample { 
  @State selectedFontColor: string = '#007DFF' 
  @State saturateValue: number = 0; 
  build() { 
    Column() { 
      Row(){ 
        Column().width(100).height(100).backgroundColor(Color.Pink) 
        Column().width(100).height(100).backgroundColor(Color.Orange) 
      } 
      Button("页面置灰") 
        .onClick(() => { 
          this.saturateValue = 1; // 页面置灰 
        }) 
 
      Button("恢复彩色") 
        .onClick(() => { 
          this.saturateValue = 0; // 页面复原 
        }) 
    }.width('100%') 
    .grayscale(this.saturateValue) // 设置根组件的颜色饱和度 
  } 
}
分享
微博
QQ
微信
回复
2024-06-06 21:22:48
相关问题
Canvas中深色/浅色主题切换
314浏览 • 1回复 待解决
应用内黑白主题切换
231浏览 • 1回复 待解决
如何修改DevEco颜色主题
9749浏览 • 3回复 已解决
HarmonyOS 浅色深色主题如何设置
279浏览 • 1回复 待解决
HarmonyOS深色主题适配
295浏览 • 1回复 待解决
harmonyOs 怎么统一配置主题
9323浏览 • 1回复 待解决
HarmonyOS 应用多主题实现方案
260浏览 • 1回复 待解决
如何实现全局dialog?
211浏览 • 1回复 待解决
如何全局存储WebController
729浏览 • 1回复 待解决
基于原生的应用主题开发
419浏览 • 1回复 待解决
全局关闭弹窗如何实现?
130浏览 • 2回复 待解决
HarmonyOS 如何定义全局 style ?
222浏览 • 1回复 待解决
HarmonyOS 如何全局复用样式
250浏览 • 1回复 待解决
ability的主题有哪些可以设置?
16803浏览 • 3回复 待解决
如何实现全局浮窗效果
1576浏览 • 1回复 待解决
如何全局设置页面转场动画
630浏览 • 1回复 待解决
应用如何切换夜间模式
730浏览 • 1回复 待解决
Open Harmony 3.1版本支持横竖屏切换吗?
4985浏览 • 1回复 待解决
HarmonyOS 如何声明全局回调函数
227浏览 • 1回复 待解决