diff --git a/README.en.md b/README.en.md new file mode 100644 index 0000000000000000000000000000000000000000..9bbbaeafa2e37d1f54ac52c68004728fe1cf8a99 --- /dev/null +++ b/README.en.md @@ -0,0 +1,40 @@ +# Video App + +### Introduction + +Learn to implement the main page of a video playback app based on the one-time development for multi-device deployment. + +The figure shows the effect on the mobile phone: + +![](screenshots/device/Home_SM.en.png) + +The figure shows the effect on the foldable phone: + +![](screenshots/device/Home_MD.en.png) + +The figure shows the effect on the tablet: + +![](screenshots/device/Home_LG.en.png) + +### Concepts + +- One-time development for multi-device deployment: It enables you to develop and release one set of project code for deployment on multiple devices as demanded. The goal is to help developers efficiently develop apps that support multiple device forms. +- Adaptive layout: When the size of an external container changes, elements can automatically change based on the relative relationship to adapt to the external container. +- Responsive layout: When the size of an external container changes, elements can automatically change based on the breakpoints, grids, or specific features (such as the screen direction and window width and height) to adapt to the external container. +- GridRow: It is a container that is used in a grid layout, together with its child component ****. +- GridCol: It is a container that must be used as a child component of the **** container. + +### Permissions + +N/A + +### How to Use + +1. Install the app on a phone, foldable phone, or tablet, different effects are displayed over different devices. + +### Constraints + +1. The sample app is supported only on Huawei phones running the standard system. +2. HarmonyOS: HarmonyOS NEXT Developer Beta 1 or later +3. DevEco Studio: DevEco Studio NEXT Developer Beta 1 or later +4. HarmonyOS SDK: HarmonyOS NEXT Developer Beta 1 SDK or later diff --git a/screenshots/device/Home_LG.en.png b/screenshots/device/Home_LG.en.png new file mode 100644 index 0000000000000000000000000000000000000000..4963a136fbcbad3417c981913a37b5793cbe5e04 Binary files /dev/null and b/screenshots/device/Home_LG.en.png differ diff --git a/screenshots/device/Home_MD.en.png b/screenshots/device/Home_MD.en.png new file mode 100644 index 0000000000000000000000000000000000000000..c2b041599867b1befea842ab6d1dadff67cc4ccb Binary files /dev/null and b/screenshots/device/Home_MD.en.png differ diff --git a/screenshots/device/Home_SM.en.png b/screenshots/device/Home_SM.en.png new file mode 100644 index 0000000000000000000000000000000000000000..b1b2dc56e8330f25a2e6ea6465a1c86205f3683e Binary files /dev/null and b/screenshots/device/Home_SM.en.png differ