OpenHarmony弹窗案例分析

在OpenHarmony中，弹窗功能被广泛应用于各种场景，例如警告、选择、输入等。以下是对OpenHarmony弹窗的案例分析，涵盖了多种类型的弹窗及其实现方式。

1. 基本弹窗类型

警告弹窗

使用AlertDialog实现，可以设置警告信息并通过按钮进行响应。例如：

AlertDialog(context: context.uiabilitycontext) {
    alertdialog.show({
        message: '当前数据未保存,是否确认离开?',
        alignment: dialogalignment.bottom,
        offset: {dx: 0, dy: -20},
        primarybutton: {
            value: '取消',
            action: () => {
                console.info('callback cancel button is clicked');
            }
        },
        secondarybutton: {
            value: '确定',
            action: () => {
                exiting the app.context.terminateself();
                console.info('callback definite button is clicked');
            }
        }
    });
}

#### 日期滑动选择器弹窗
使用`DatePickerDialog`实现，允许用户选择日期：
```javascript
DatePickerDialog(datecallback) {
    datepickerdialog.show({
        start: new Date('1900-1-1'),
        end: new Date('2100-1-1'),
        selected: this.selecteddate,
        lunar: false,
        onaccept: (value: DatePickerResult) => {
            let year = value.year;
            let month = value.month + 1;
            let day = value.day;
            let birthdate: string = this.getbirthdatevalue(year, month, day);
            this.selecteddate.setfullyear(value.year, value.month, value.day);
            datecallback(birthdate);
        }
    });
}

#### 文本滑动选择器弹窗
使用`TextPickerDialog`实现，允许用户选择文本：
```javascript
TextPickerDialog(sexarray: resource) {
    textpickerdialog.show({
        range: sexarray,
        onaccept: (value: string) => {
            this.selectedgender = value;
            // 处理选择的性别
        }
    });
}

自定义弹窗

使用CustomDialogController实现，可以根据业务需求自定义弹窗内容和样式：

CustomDialogController(value: CustomDialogControllerOptions) {
    // 配置弹窗参数
    dialogController.open(); // 显示弹窗
    dialogController.close(); // 关闭弹窗
}

2. bindPopup 方法实现弹窗

bindPopup方法提供了一种简便的方式来创建和展示弹窗，适用于不需要绑定特定组件的弹窗场景：

Column() {
    Button("点击").onClick(() => {
        this.isShowPopup = !this.isShowPopup
    }).bindPopup(this.isShowPopup, {
        message: "我是一个测试popup",
        onWillDismiss: () => {
            this.isShowPopup = !this.isShowPopup
        }
    })
}.width("100%").height("100%").justifyContent(FlexAlign.Center)

3. 解决输入法弹窗显示问题

针对输入法弹窗在某些情况下无法显示的问题，可以通过以下方式解决：

• 确认系统版本及包名是否正确配置。
• 动态调整弹窗位置以适应不同屏幕尺寸。

4. 自定义弹窗实例

以下是一个基于ArkTS的声明式开发范例，展示了如何使用CustomDialog实现自定义弹窗：

@Entry
@Component
struct CustomDialogExample {
    @State message: string = "这是一个自定义弹窗"

    build() {
        Row() {
            Column() {
                Text(message)
                    .fontSize(20)
                    .textAlign(TextAlign.Center)
            }
            Button("关闭")
                .onClick(() => {
                    CustomDialogController.getInstance().close();
                })
        }
    }
}

通过这些示例，可以看到OpenHarmony提供了多种弹窗类型及实现方法，能够满足不同场景的需求。开发者可以根据具体业务场景选择合适的弹窗类型进行使用。