diff --git a/README.en.md b/README.en.md new file mode 100644 index 0000000000000000000000000000000000000000..3a6715819879a3a8a118d34f2c0138e84d726ed6 --- /dev/null +++ b/README.en.md @@ -0,0 +1,36 @@ +# Music Album + +### Introduction + +This codelab implements music album pages based on the adaptive layout and responsive layout, achieving one-time development for multi-device deployment. + +The figure shows the effect on the mobile phone. + +![](screenshots/device/phone.en.png) + +The figure shows the effect on the foldable phone. + +![](screenshots/device/foldable.en.png) + +The figure shows the effect on the tablet. + +![](screenshots/device/pad.en.png) + +### Permissions + +N/A + +### How to Use + +1. Install and open an app on a mobile phone, foldable phone, or tablet. The responsive layout and adaptive layout are used to display different effects on the app pages over different devices. +2. Touch the Play/Pause, Previous, or Next icon on the screen to control music playback. +3. Tap the blank area in the playback control area or a song in the list to go to the playback screen. +4. Tap the comment button on the page to go to the corresponding comment page. +5. Other buttons do not have actual tap events or functions. + +### 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/foldable.en.png b/screenshots/device/foldable.en.png new file mode 100644 index 0000000000000000000000000000000000000000..ef807c7cbfd10f64a97d3ca526b869f127e68ded Binary files /dev/null and b/screenshots/device/foldable.en.png differ diff --git a/screenshots/device/pad.en.png b/screenshots/device/pad.en.png new file mode 100644 index 0000000000000000000000000000000000000000..ba2342f7d7cb0d113c317210b8b8c735a632bacc Binary files /dev/null and b/screenshots/device/pad.en.png differ diff --git a/screenshots/device/phone.en.png b/screenshots/device/phone.en.png new file mode 100644 index 0000000000000000000000000000000000000000..bc9371ca661609482a1cb3c594035ea22fff143e Binary files /dev/null and b/screenshots/device/phone.en.png differ