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 上架后灰度咨询
1489浏览 • 1回复 待解决
HarmonyOS 上架灰度和放量问题
1234浏览 • 1回复 待解决
HarmonyOS app发布有测试和灰度环境吗
2094浏览 • 1回复 待解决
HarmonyOS 关于窗口沉浸式设置方式
1138浏览 • 1回复 待解决
HarmonyOS ArkTS 关于重载实现方式
1022浏览 • 1回复 待解决
应用通用获焦及走焦方式如何实现
3082浏览 • 1回复 待解决
页面之间跳转方式怎么设置
7922浏览 • 1回复 待解决
HarmonyOS Native层获取应用路径方式
1252浏览 • 1回复 待解决
HarmonyOS 小键盘实现方式
613浏览 • 1回复 待解决
HarmonyOS 分页列表实现方式
1107浏览 • 1回复 待解决
Navigation实现动态路由方式
1886浏览 • 1回复 待解决
http长连接实现方式
1473浏览 • 1回复 待解决
求鸿蒙应用跳转至应用商店方式
5017浏览 • 1回复 待解决
http并行下载实现方式
1338浏览 • 1回复 待解决
如何设置给消息通知设置提醒方式
2829浏览 • 1回复 待解决
HarmonyOS 环形渐变canvas实现方式
776浏览 • 1回复 待解决
HarmonyOS 虚线下划线实现方式
1397浏览 • 1回复 待解决