Android Developers Blog
Follow
Create delightful Wear OS Widgets using sample tile layouts
This Wear OS Spotlight Week post focuses on creating engaging watch tiles using updated design guidance and new resources. Wear OS tiles provide quick access to information and actions, ideal for tasks like checking the weather or starting a timer. New resources include design guidance, a Figma design kit, official documentation, and a GitHub code sample with Material 3 Expressive layout implementations. These updated layouts, an evolution from Material 2.5, offer a modern, premium feel for cohesive integration with Wear OS. The provided code samples demonstrate building tiles using the ProtoLayout library and a slot-based architecture (titleSlot, mainSlot, bottomSlot). Customization options allow for adapting layouts to different screen sizes and incorporating custom colors or sticking to dynamic theming. Developers can customize title and bottom slots, the main content slot, and adjust typography for legibility across varying screen sizes. The post offers case studies illustrating how to create custom tiles, such as a workout tile and a skiing stats tile. Debugging and testing tools in Android Studio and via adb are highlighted to streamline development. The resources aim to simplify the creation of high-quality Wear OS tiles.