openharmony 鸿蒙 ts-allow-force-dark

2026-08-25 浏览 (1)

禁用反色能力

设置组件是否使用反色能力,反色能力是在深浅色切换时自动对颜色值进行反色或变换,开发者可以通过主动设置不启用反色算法,以保持在深浅色切换时的原有逻辑。

说明:

本模块首批接口从API version 21开始支持。后续版本的新增接口,采用上角标单独标记该接口的起始版本。

allowForceDark

allowForceDark(value: boolean): T

设置组件是否使用反色能力。

说明:

  • 当组件主动设置不使用反色能力时,组件及其所有子组件均不使用反色能力,不受父组件或祖先组件主动设置使用反色能力的影响。

  • 该接口仅在开启了反色能力的情况下生效,开启反色能力可参考利用反色能力快速适配深色模式

原子化服务API: 从API version 21开始,该接口支持在原子化服务中使用。

系统能力: SystemCapability.ArkUI.ArkUI.Full

参数:

参数名类型必填说明
valueboolean组件是否使用反色能力。true:组件使用反色能力;false:组件不使用反色能力。

返回值:

类型说明
T返回当前组件。

示例

// 组件添加allowForceDark(false)属性后,说明对当前组件不使用反色相关能力。
@Entry
@Component
struct ComponentPage {
  build() {
    Column() {
      Column() {
        Text("Hello World")
          .fontSize(20)
          .fontColor(Color.Blue)
          .onClick(() => {
            console.info(`Text is clicked`);
          })
      }
      .allowForceDark(false) // Column及其子组件Text不生效反色能力,不受父组件Column使用反色能力的影响。

      Row() {
        Button('BUTTON')
          .backgroundColor(Color.Grey)
          .allowForceDark(true)
          .onClick(() => {
            console.info(`Button is clicked`);
          })
      }
      .allowForceDark(false) // Row及其子组件Button不生效反色能力,不受父组件Column使用反色能力的影响。
    }
    .allowForceDark(true)
    .width('100%')
    .height('100%')
  }
}

forceDark

你可能感兴趣的鸿蒙文章

openharmony 鸿蒙 ts-drawing-components-shape

openharmony 鸿蒙 ts-universal-attributes-sharp-clipping

openharmony 鸿蒙 ts-universal-attributes-toolbar

openharmony 鸿蒙 ts-container-lazyvgridlayout

openharmony 鸿蒙 ohos-arkui-advanced-FoldSplitContainer

openharmony 鸿蒙 ts-methods-calendarpicker-dialog

openharmony 鸿蒙 ts-uicommonevent

openharmony 鸿蒙 ts-basic-gestures-tapgesture

openharmony 鸿蒙 ohos-arkui-advanced-DialogV2

openharmony 鸿蒙 ts-components-canvas-canvas

  • 所属分类: 后端技术
  • 本文标签: 软件 鸿蒙
  • 版权声明: 本文链接 https://seaxiang.com/blog/XXIGPlue