diff --git a/README.en.md b/README.en.md new file mode 100644 index 0000000000000000000000000000000000000000..f08dd773786bb91a4018d6d4a5613d0c131f53d1 --- /dev/null +++ b/README.en.md @@ -0,0 +1,32 @@ +# Swiper + +### Introduction + +This codelab introduces several common application scenarios of the **Swiper** container, including the top navigation, carousel, and video sliding. + +![](screenshots/device/swiper.en.gif) + +### Concepts + +- Swiper: a swiper container that provides the capability of swiping between child components. +- Stack: a stack container that allows child components to be successively stacked, with the latter one overwriting the previous one. +- Video: a component that is used to play a video and control its playback. + +### Permissions + +N/A + +### How to Use + +1. On the app home page, tap different category titles on the navigation bar to switch between different pages. Swipe left or right on the screen to change the navigation title accordingly. + +2. The Featured Movies area on the page is an ad carousel, which displays content in a rotating sequence. + +3. Tap an image to switch to the video playback page. Swipe up or down to switch between the content. + +### 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/swiper.en.gif b/screenshots/device/swiper.en.gif new file mode 100644 index 0000000000000000000000000000000000000000..3fe087f617dd966c477fb3af7658ce3d5dde90cd Binary files /dev/null and b/screenshots/device/swiper.en.gif differ