diff --git a/README.en.md b/README.en.md index 0b5e1d8cd99bcd0d4e4fa953e94729245e6d173c..7550bf4e4a8f4f8f5e7c79e82dc0ceec722c2966 100644 --- a/README.en.md +++ b/README.en.md @@ -11,6 +11,13 @@ This sample demonstrates the common practices of developing the Tabs component u | Two-layer Nesting Tabs | Sticky Tabs on Scroll | Dynamic Tab Management | Slidable Tabs on the Top | |-------------------------------------------|----------------------------|-----------------------------|---------------------------------| | ![image](screenshots/device/tab_en_1.png) | ![image](screenshots/device/tab_en_2.png) | ![image](screenshots/device/tab_en_3.png) | ![image](screenshots/device/tab_en_4.png) | + +### How to Use +1. Download, compile, and run the sample. +2. The lower section features outer Tabs that demonstrate customizable tab functionality. These tabs can be tailored to show user-defined content or layouts. +3. From top to bottom are the search bar, ad space, and inner tabs; vertical sliding of inner tabs demonstrates the sticky header effect, while horizontal sliding shows tab switching animations. +4. Click the More button on the far right of the inner tabs to open the custom options panel, where you can select which tabs to display—changes take effect after closing the panel, demonstrating dynamic tab management. + ### Project Directory ``` ├──entry/src/main/ets // Code area