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 Native层获取应用路径方式
252浏览 • 1回复 待解决
应用通用获焦及走焦方式如何实现
1768浏览 • 1回复 待解决
求鸿蒙应用跳转至应用商店方式
3805浏览 • 1回复 待解决
http长连接实现方式
268浏览 • 1回复 待解决
Navigation实现动态路由方式
523浏览 • 1回复 待解决
http并行下载实现方式
291浏览 • 1回复 待解决
页面之间跳转方式怎么设置
6419浏览 • 1回复 待解决
如何设置给消息通知设置提醒方式
1528浏览 • 1回复 待解决
HarmonyOS装饰器或注解实现方式咨询
308浏览 • 1回复 待解决
Stack实现叠层布局方式
299浏览 • 1回复 待解决
汉子转拼音简便实现方式
309浏览 • 1回复 待解决
有谁知道应用升级方式
1597浏览 • 1回复 待解决
实名购票场景实现智能填充方式
308浏览 • 1回复 待解决
气泡组件有推荐实现方式么?
287浏览 • 1回复 待解决
HarmonyOS 3D卡片遮挡滑动实现方式
179浏览 • 1回复 待解决