Harmony arkts 指定button设置visibility

在ArkTS中，设置按钮（Button）的可见性可以通过visibility属性来实现。visibility属性接受一个枚举值Visibility，它有三个选项：Visible、Invisible和Gone。

• Visible：按钮可见。
• Invisible：按钮不可见，但仍然占据原来的空间。
• Gone：按钮不可见，并且不会占据任何空间。

以下是一个简单的例子，展示如何在ArkTS中设置按钮的可见性：

创建了一个按钮，并且通过一个布尔值makeButtonVisible来控制它的可见性。当按钮被点击时，makeButtonVisible的值会被反转，从而通过三元运算符设置visibility属性。

import Button from '@ohos.button'
import Visibility from '@ohos.app.ability.visibility'

@Entry
@Component
struct MyComponent {
  private makeButtonVisible: boolean = true;

  build() {
    Flex({ direction: FlexDirection.Column, alignItems: ItemAlign.Center, justifyContent: FlexAlign.Center }) {
      Button('Click Me')
        .onClick(() => {
          this.makeButtonVisible = !this.makeButtonVisible;
        })
        .visibility(this.makeButtonVisible ? Visibility.Visible : Visibility.Gone)
    }
    .width('100%')
    .height('100%')
  }
}