OpenHarmony弹窗功能有哪些

OpenHarmony提供了多种弹窗功能，以满足不同的应用需求。以下是一些常见的弹窗类型及其使用方法：

警告弹窗（AlertDialog）

警告弹窗用于提示用户重要的信息或操作，通常包含标题、内容和两个操作按钮（确认和取消）。

示例代码：

AlertDialog.show({
  title: '警告',
  message: '您确定要执行此操作吗？',
  primaryButton: {
    value: '取消',
    action: () => console.log('取消按钮被点击')
  },
  secondaryButton: {
    value: '确定',
    action: () => console.log('确定按钮被点击')
  }
});

自定义弹窗（CustomDialog）

自定义弹窗允许开发者根据需要自定义弹窗的样式和内容，适用于更复杂的用户交互场景。

示例代码：

@CustomDialog
struct CustomDialogExample {
  @State message: string = '这是一个自定义弹窗';

  build() {
    Column() {
      Text(message)
        .fontSize(20)
        .fontWeight(FontWeight.Bold)
      Button('关闭')
        .onClick(() => openCustomDialog.close())
    }
  }
}

日期选择弹窗（DatePickerDialog）

日期选择弹窗用于让用户选择特定的日期。

示例代码：

DatePickerDialog.show({
  start: new Date('1900-01-01'),
  end: new Date('2100-01-01'),
  onAccept: (value: DatePickerResult) => {
    console.log(`选中的日期是：${value.year}-${value.month + 1}-${value.day}`);
  }
});

文本选择弹窗（TextPickerDialog）

文本选择弹窗用于让用户选择文本。

示例代码：

TextPickerDialog.show({
  range: ['选项1', '选项2', '选项3'],
  onAccept: (value: string) => {
    console.log(`选中的文本是：${value}`);
  }
});

其他弹窗类型

• ActionSheet
• CalendarPickerDialog
• TimePickerDialog

这些弹窗类型都可以通过OpenHarmony提供的API进行实现，开发者可以根据具体的应用需求选择合适的弹窗类型进行使用。