Lesson 5: Layouts

Build a tip calculator app by building the layout first, then implement the logic to calculate the tip from the user input. Next, create an app that displays a scrollable list using the RecyclerView widget in Android.

 

Create XML layouts for Android

Codelab

Learn about new UI components, such as editable text fields, radio buttons, and switches to build up the layout for your tip calculator app. Instead of using the Layout Editor in Android Studio, you’ll be editing the layout for your app in XML.

Calculate the tip

Codelab

Learn how to write Kotlin code to interact with the UI elements in the tip calculator app, so that you can calculate the tip. You’ll also learn how to handle edge cases in your app to make your app more robust.

Use RecyclerView to display a scrollable list

Codelab

Learn how to efficiently display a list of text in a RecyclerView and understand its architecture.

Quiz

Earn your badge for completing Lesson 5: Layouts.