鸿蒙HarmonyOS 【ArkTS组件】通用属性-显隐控制

📑往期推文全新看点（附带最新·鸿蒙全栈学习笔记）

嵌入式开发适不适合做鸿蒙南向开发？看完这篇你就了解了~

鸿蒙岗位需求突增！移动端、PC端、IoT到底该怎么选？

分享一场鸿蒙开发面试经验记录（三面全过程）

鸿蒙应用开发与鸿蒙系统开发哪个更有前景？

持续更新中。。。

---

控制组件是否可见。

visibility

visibility(value: Visibility)

控制组件的显隐。

卡片能力： 从API version 9开始，该接口支持在ArkTS卡片中使用。

元服务API： 从API version 11开始，该接口支持在元服务中使用。

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

参数：

参数名	类型	必填	说明
value	Visibility	是	控制当前组件显示或隐藏。根据具体场景需要可使用条件渲染代替。 默认值：Visibility.Visible

示例

该示例通过visibility配置不同的值实现不同的显隐控制效果。

1. // xxx.ets
   @Entry
   @Component
   struct VisibilityExample {
     build() {
       Column() {
         Column() {
           // 隐藏不参与占位
           Text('None').fontSize(9).width('90%').fontColor(0xCCCCCC)
           Row().visibility(Visibility.None).width('90%').height(80).backgroundColor(0xAFEEEE)
   
   
           // 隐藏参与占位
           Text('Hidden').fontSize(9).width('90%').fontColor(0xCCCCCC)
           Row().visibility(Visibility.Hidden).width('90%').height(80).backgroundColor(0xAFEEEE)
   
   
           // 正常显示，组件默认的显示模式
           Text('Visible').fontSize(9).width('90%').fontColor(0xCCCCCC)
           Row().visibility(Visibility.Visible).width('90%').height(80).backgroundColor(0xAFEEEE)
         }.width('90%').border({ width: 1 })
       }.width('100%').margin({ top: 5 })
     }
   }