HarmonyOS 应用的灰度设置实现方式

应用的一些页面可能要显示为不带色彩的浅黑白基调,这时候有什么设置能处理。

HarmonyOS
2024-08-30 09:33:40
浏览
收藏 0
回答 1
待解决
回答 1
按赞同
/
按时间
zbw_apple

目前仅支持组件的置灰配置,你可以在所有的根组件设置grayscale属性,参考文档:

https://developer.huawei.com/consumer/cn/doc/harmonyos-references-V5/ts-universal-attributes-image-effect-V5#grayscale

参考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-08-30 20:18:57
相关问题
HarmonyOS 上架灰度和放量问题
176浏览 • 1回复 待解决
应用通用获焦及走焦方式如何实现
1984浏览 • 1回复 待解决
HarmonyOS Native层获取应用路径方式
409浏览 • 1回复 待解决
HarmonyOS ArkTS 关于重载实现方式
36浏览 • 1回复 待解决
HarmonyOS 分页列表实现方式
33浏览 • 1回复 待解决
求鸿蒙应用跳转至应用商店方式
3943浏览 • 1回复 待解决
页面之间跳转方式怎么设置
6633浏览 • 1回复 待解决
http长连接实现方式
482浏览 • 1回复 待解决
Navigation实现动态路由方式
729浏览 • 1回复 待解决
http并行下载实现方式
471浏览 • 1回复 待解决
HarmonyOS loading 跨页面实现方式?
35浏览 • 1回复 待解决
HarmonyOS JSBridge有哪些实现方式
46浏览 • 1回复 待解决
如何设置给消息通知设置提醒方式
1691浏览 • 1回复 待解决
有谁知道应用升级方式
1719浏览 • 1回复 待解决
汉子转拼音简便实现方式
479浏览 • 1回复 待解决