鸿蒙NEXT版实战开发：UI框架-如何使应用一键变灰？

往期鸿蒙全套实战精彩文章必看内容：

• 鸿蒙开发核心知识点，看这篇文章就够了

• 最新版！鸿蒙HarmonyOS Next应用开发实战学习路线

• 鸿蒙HarmonyOS NEXT开发技术最全学习路线指南

• 鸿蒙应用开发实战项目，看这一篇文章就够了（部分项目附源码）

---

如何使应用一键变灰

通过设置页面根容器的饱和度saturate来实现。

参考代码如下：

@Entry 
@Component 
struct Index { 
  @State message: string = 'Hello World' 
 
  build() { 
    Row() { 
      Column() { 
        Text(this.message) 
          .fontSize(50) 
          .fontWeight(FontWeight.Bold) 
 
        Image($r("app.media.icon")) 
          .autoResize(true) 
          .width(100) 
          .height(100) 
      } 
    } 
    .width('100%') 
    .height('100%') 
    .saturate(0) 
  } 
}

​