[null,null,["最后更新时间 (UTC):2025-07-26。"],[],[],null,["# Summary\n\nUnderstand the Compose layout templates and sample design layouts in order to\ndesign and build unique app screens.\n\nMost apps use either a non-scrolling or scrolling layout, consisting of the\nfollowing elements:\n\n- **Time text:** Given that the device is a watch, we recommend showing the time text even when in an app journey (optional, but recommended).\n- **Page title:** Wayfinding and reminders of where in the journey the user is (optional, but recommended).\n- **Scroll indicator:** Only on scrolling-layouts; indicates that there's more below the screen fold.\n- **Action buttons**: Recommended at the bottom; confirm, conclude, or continue the user-journey.\n\nApp layout sections\n-------------------\n\n**Note:** These sections don't apply to preset component layouts---such as dialogs, confirmation overlays, pickers, and switchers---which have specific layouts, margins, and custom components. \n**Top section**\n\n\u003cbr /\u003e\n\nThe top section has the option of Time Text, a compact button, and title serving\nas a way finder and clear navigation. All are optional.\n\nA compact button can be used in special cases where the page is very long, and a\nsearch or action button will help the user navigate the list without having to\nscroll all the way to the bottom.\n\n**Middle section**\n\n\u003cbr /\u003e\n\nThe middle section can contain any of the available Compose (non-fullscreen),\nor custom components in a list. This section can contain additional headings to\ngroup content, and the scrollbar.\n\nAll components within the middle content section should be responsive, filling\nthe available width up until the percentage margins. All scrolling layouts will\nhave scaling-lazy-column behavior, showing the components scaling and fading off\nscreen.\n\n**Bottom section**\n\n\u003cbr /\u003e\n\nThe bottom section provides space for primary and secondary action buttons, or\ncan be left empty if this is the end of a journey.\n\nIt is recommended to use an end-of-list Edge-Hugging Button as it utilizes the\nlimited space and complements the round screen.\n\nMore than one action can be needed, which can appear in a button stack, or\ntwo-icon button group.\n\n\u003cbr /\u003e\n\n| **Note:** The system places the time text and scrollbar components. They should be in your layouts to indicate that they're turned on in the build. The time text can include other relative information in your app.\n\nNon-scrolling app views\n-----------------------\n\n**With title** \n**Without title**\n\n\u003cbr /\u003e\n\n**With title and no bottom section** \n**Without title or bottom section**\n\n\u003cbr /\u003e\n\nScrolling app views\n-------------------\n\n**With title** \n**Without title**\n\n\u003cbr /\u003e\n\n**With title and no bottom section** \n**Without title or bottom section**\n\n\u003cbr /\u003e"]]