Building UI with the Material 3 adaptive library

Показать описание

Use the Material 3 adaptive library, now in beta, to create adaptive UI. Automatically adjust the number of panes you're showing by making use of new composables for list-detail and supporting pane canonical layouts, easily swap between navigation UI components based on window size classes, and use the building block composables to create your own custom experiences.

Speakers: Ian Clifton, Conrad Chen

Watch more:

#GoogleIO #Featured #Android #AndroidDevelopers

Products Mentioned: Android
Event: Google I/O 2024

Рекомендации по теме

Комментарии

This is one of the best updates I have seen as concerning Compose. Great video

ngenge_senior

I am stealing the 'it just takes a little code... if your font size is small enough' joke!

sebofdoom

It’s such a good one. I started using it when it was freshly released (in Alpha then) and I am amazed at how much things have changed for the better. It’s much easier to use or customize now. Weldone guys!

osisuper

:: Timeline ::
00:00:00 Introduction
00:01:06 Use Window Size Class
00:01:28 M3 Adaptive is on beta
00:01:53 Navigation UI, NavigationSuiteScaffold
00:05:14 UI Content using Panes instead of Screens
00:07:02 ListDetailPaneScaffold
00:08:13 Pane switching? Navigator API
00:09:10 Advanced use: PaneAdaptedValue
00:09:57 Advanced use: PaneScaffoldDirective
00:13:21 currentWindowAdaptiveInfo, currentWindowSize
00:15:52
00:17:07 Finishing words

marlonlom

How to combine the adaptive navigation with the original navigation compose library ???

marlonlom

can selected item in listPane have different color?

MesinKasir

What are we supposed to use as alternatives for Bottom App Bars when on expanded layouts? The guidelines state they are only for compact and medium, but offer no alternative

ChristianWS.

Include translator for Americans! Better understand French, Italian, Spanish and Portuguese. Obrigada(Brasil)

valderezasada

how to combine new list detail scaffod with share element? any tutorial for this one? also how to make navigation drawer not permanen with navigation suite scaffold?

frankyjunior

Please stop the comedy, it is distractive and not funny. Nor does it need to be.

IncompleteTheory

Building UI with the Material 3 adaptive library

Building UI with the Material 3 adaptive library

Learn MUI (Material UI) in under 10 min!

Learn Material UI in One Hour - React Material UI Project Tutorial [2022]

The Greatest Design System UI Kits for Figma! Full UI tutorial

How to create Modular and Scalable UI systems in Unreal Engine

Unreal Engine 5 - FREE UI Material Lab!

Is Material-UI Better Than Tailwind CSS For React Development?

UI Libraries Are Dying, Here's Why

Episode 2. How to floating widget with Jetpack Compose. Building NeonFrame.app #androiddev

Material UI 5 (MUI) React Tutorial | MUI Responsive Real Project

This UI component library is mind-blowing

Material UI Tutorial #1 - Intro & Setup

Amateur vs Pro UI Design | with examples

Material UI Tutorial #10 - Grid System

This UI Library is a GAME CHANGER! (Not Lying)

How to build Adaptive UI with Flutter

Building a Simple Application UI with React Native 🚀°°°°°#ui #softwaredeveloper #design #developerl...

Build a COMPLETE React Admin Dashboard App | React, Material UI, Data Grid, Light & Dark Mode

Material UI with React in 2023

UI Material Lab - A great way to learn materials in Unreal Engine

Using Simple Generic Materials to Improve UI Performance | Unreal Fest 2024

Material Design For UI UX Designers - UI UX Design Tutorial

Advanced UI Templating Techniques using Widget Blueprints and Materials | Unreal Fest 2022

Optimizing and Building UI for AAA Games | Unreal Fest Online 2020