diff --git a/README.en.md b/README.en.md new file mode 100644 index 0000000000000000000000000000000000000000..6cbe4e1beb25dcfdc1a55c2ff73ac9f51f21b944 --- /dev/null +++ b/README.en.md @@ -0,0 +1,32 @@ +# Building Multiple Styles of Dialog Boxes + +### Overview + +This codelab introduces how to implement four types of dialog boxes, including the alert dialog box, custom dialog box, date picker dialog box, and text picker dialog box. + +![](screenshots/device/MultipeDialog.en.gif) + +### Concepts + +- Alert dialog box: an alert dialog box component, in which the text content and response callback can be set. +- Custom dialog box: a custom dialog box that is displayed by using the **CustomDialogController** class. +- Date picker dialog box: a date picker based on the specified date range, which is displayed in the dialog box. +- Text picker dialog box: a text picker based on the specified selection range, which is displayed in the dialog box. + +### Permissions + +N/A + +### How to Use + +1. Open the app home page. Tap the Back button in the upper left corner, and the alert dialog box is displayed. Tap OK to exit the page. +2. Open the app home page. Touch the Date of Birth option, and the date picker dialog box is displayed. Swipe up or down to pick a date, touch OK, and the picked date is displayed. +3. Open the app home page. Touch the Gender option, and the text picker dialog box is displayed. Swipe up or down to pick an option, touch OK, and the picked text is displayed. +4. Open the app home page. Touch the Hobby option, and the custom dialog box is displayed. Pick multiple hobbies, touch OK, and the picked hobbies are displayed. + +### Constraints + +1. The sample is only supported on Huawei phones with standard systems. +2. HarmonyOS: HarmonyOS NEXT Developer Beta1 or later. +3. DevEco Studio: DevEco Studio NEXT Developer Beta1 or later. +4. HarmonyOS SDK: HarmonyOS NEXT Developer Beta1 SDK or later. diff --git a/screenshots/device/MultipeDialog.en.gif b/screenshots/device/MultipeDialog.en.gif new file mode 100644 index 0000000000000000000000000000000000000000..41cd4b118c9b95cc9bbd57b3e2a25c95df3de3bd Binary files /dev/null and b/screenshots/device/MultipeDialog.en.gif differ