openharmony 鸿蒙 ts-universal-attributes-spatial-effect

2026-08-25 浏览 (1)

空间效果

用于为组件设置空间效果参数。

说明:

空间效果仅作用于DepthComponent的子组件,且仅当DepthComponent相关参数设置正确才能生效。

空间效果不支持WebXComponentRichEditorRichTextVideoComponent3DEmbeddedComponent组件。

起始版本: 26.0.0

spatialEffect

spatialEffect(params: SpatialEffectParams|undefined): T

为组件设置空间效果。

起始版本: 26.0.0

模型约束: 此接口仅可在Stage模型下使用。

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

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

参数:

参数名类型必填说明
paramsSpatialEffectParams |undefined空间效果参数。参数为undefined时,移除空间效果。

返回值:

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

SpatialEffectParams

空间效果参数。

起始版本: 26.0.0

模型约束: 此接口仅可在Stage模型下使用。

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

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

名称类型只读可选说明
positionSpatialPosition由四个角点定义的空间位置。
occlusionWeightnumber空间效果的遮挡权重。取值范围:[0, 1],默认值:0。
0表示不会被遮挡,1表示会被完全遮挡,中间值表示部分遮挡。

SpatialPosition

三维空间中的四角位置。

起始版本: 26.0.0

模型约束: 此接口仅可在Stage模型下使用。

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

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

名称类型只读可选说明
leftTopDepthVector3左上角在三维空间中的位置。无单位,其值表示3D空间中的坐标。
rightTopDepthVector3右上角在三维空间中的位置。无单位,其值表示3D空间中的坐标。
leftBottomDepthVector3左下角在三维空间中的位置。无单位,其值表示3D空间中的坐标。
rightBottomDepthVector3右下角在三维空间中的位置。无单位,其值表示3D空间中的坐标。

DepthVector3

景深空间中的三维向量。

起始版本: 26.0.0

模型约束: 此接口仅可在Stage模型下使用。

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

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

名称类型只读可选说明
xnumberX分量。无单位,其值表示3D空间中的坐标。
ynumberY分量。无单位,其值表示3D空间中的坐标。
znumberZ分量。无单位,其值表示3D空间中的坐标。

DepthVector4

景深空间中的四维向量。

起始版本: 26.0.0

模型约束: 此接口仅可在Stage模型下使用。

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

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

名称类型只读可选说明
xnumberX分量。无单位,其值表示3D空间中的坐标。
ynumberY分量。无单位,其值表示3D空间中的坐标。
znumberZ分量。无单位,其值表示3D空间中的坐标。
wnumberW分量。无单位,其值表示3D空间中的坐标。

DepthColorRGB

景深空间中的RGB颜色。

起始版本: 26.0.0

模型约束: 此接口仅可在Stage模型下使用。

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

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

名称类型只读可选说明
rednumber红色分量,取值范围:[0, 255]。
greennumber绿色分量,取值范围:[0, 255]。
bluenumber蓝色分量,取值范围:[0, 255]。

示例

见DepthComponent示例

你可能感兴趣的鸿蒙文章

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/LJm9r27b