
Get Ready for Google's Game-Changing Floating Toolbars in Material 3 Expressive!
2025-05-18
Author: Wei
Google's Bold Move with Material 3 Expressive
Google is shaking things up in the app design world with the introduction of floating toolbars in its latest Material 3 Expressive update. Say goodbye to cluttered screens and hello to sleek, customizable bottom controls!
Introducing Two Dynamic Toolbar Types
Imagine a tool that displays frequently used actions tailored to your current page! Google offers two exciting types of toolbars to enhance your app experience: 1. **Docked Toolbar**: This spans the full width of your screen, perfect for global actions that you need across multiple pages. It's set to replace the outdated bottom app bar, providing a more flexible and practical design. 2. **Floating Toolbar**: This nifty tool hovers above your main content, perfect for providing contextual actions that relate directly to what's on-screen. Pair it with a Floating Action Button (FAB) for a seamless experience!
Revolutionizing App Experiences with Google Photos and More
Get ready for a fresher look in Google Photos! The revamped albums view will utilize these floating toolbars for sharing, adding, and editing, ensuring a full-screen experience that focuses on what's important.
Versatile and Display-Friendly Design Options
These floating toolbars won't just be eye candy; they can also serve as navigational tabs for switching between different pages, like the Day, Week, Month, and Year views seen in Fitbit. On larger screens, you can even position these toolbars vertically!
Customization Every Step of the Way
Google has included two vibrant color configurations to match your app’s needs: - **Standard Color**: A subtle scheme that emphasizes your main content. - **Vibrant Color**: A bold design that draws attention to the controls and indicates significant changes, like switching to edit mode.
The Future of Navigation Bars?
While these toolbars take center stage, there’s a question looming over the absence of a floating bottom navigation bar in Material 3 Expressive. Although it's featured in Google Chat, it hasn’t been officially rolled out yet. Could we see this addition in a future update? Only time will tell!
Embrace the Change!
With these innovative tools, Google is setting the stage for a more immersive and user-friendly app experience. Keep an eye out for upcoming updates and enhancements!