【鸿蒙实战开发】添加气泡提示 (Popup)

Popup属性可绑定在组件上显示气泡弹窗提示，设置弹窗内容、交互逻辑和显示状态。主要用于屏幕录制、信息弹出提醒等显示状态。

气泡分为两种类型，一种是系统提供的气泡PopupOptions，一种是开发者可以自定义的气泡CustomPopupOptions。其中PopupOptions为系统提供的气泡，通过配置primaryButton、secondaryButton来设置带按钮的气泡。CustomPopupOptions通过配置builder参数来设置自定义的气泡。

文本提示气泡

文本提示气泡常用于只展示带有文本的信息提示，不带有任何交互的场景。Popup属性需绑定组件，当bindPopup属性中参数show为true时会弹出气泡提示。

在Button组件上绑定Popup属性，每次点击Button按钮，handlePopup会切换布尔值，当值为true时，触发bindPopup弹出气泡。

1.  @Entry
2.  @Component
3.  struct PopupExample {
4.  @State handlePopup: boolean = false

6.  build() {
7.  Column() {
8.  Button('PopupOptions')
9.  .onClick(() => {
10.  this.handlePopup = !this.handlePopup
11.  })
12.  .bindPopup(this.handlePopup, {
13.  message: 'This is a popup with PopupOptions',
14.  })
15.  }.width('100%').padding({ top: 5 })
16.  }
17.  }