Adaptive layouts

Learn how to make apps adaptable to different screen sizes.

 

Create a two pane layout

Optional

Learn about using the SlidingPaneLayout component to adapt layouts to different screen sizes.

Adaptive layouts

Codelab

In this codelab, you learn how to use SlidingPaneLayout to your app adaptable to different screen sizes.

Migrate your UI to responsive layouts

Article Optional

Learn about the Responsive UI principles of flexibility and continuity.

Project: Lunch Tray app

Codelab

Apply what you've learned in this unit to complete a food ordering app by implementing a ViewModel with data binding, and adding navigation between fragments.

Quiz

Test your knowledge and earn your Adaptive layouts badge.