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 上架灰度和放量问题
135浏览 • 1回复 待解决
HarmonyOS Native层获取应用路径方式
365浏览 • 1回复 待解决
应用通用获焦及走焦方式如何实现
1923浏览 • 1回复 待解决
页面之间跳转方式怎么设置
6584浏览 • 1回复 待解决
如何设置给消息通知设置提醒方式
1657浏览 • 1回复 待解决
求鸿蒙应用跳转至应用商店方式
3930浏览 • 1回复 待解决
HarmonyOS 如何设置应用bundleId?
186浏览 • 1回复 待解决
http并行下载实现方式
444浏览 • 1回复 待解决
http长连接实现方式
450浏览 • 1回复 待解决
Navigation实现动态路由方式
683浏览 • 1回复 待解决
使用List组件设置多列布局方式
471浏览 • 1回复 待解决
有谁知道应用升级方式
1699浏览 • 1回复 待解决
Stack实现叠层布局方式
457浏览 • 1回复 待解决
汉子转拼音简便实现方式
431浏览 • 1回复 待解决