Chapter 4. Getting Started with Layouts and Material Design

We have already seen the Android Studio UI designer, as well as a little bit more of Kotlin in action. In this hands-on chapter, we will build three more layouts – still quite simple, yet a step up from what we have done so far.

Before we get to the hands-on part, we will have a quick introduction to the concept of Material Design.

We will look at another type of layout, called LinearLayout, and walk through it, using it to create a usable UI. We will take things a step further using ConstraintLayout, both to understand constraints and to design more complex and precise UI designs. Finally, we will meet the TableLayout to lay data out in an easily readable table.

We will also write some Kotlin code to switch between our different layouts within one app/project. This is the first major app that links together multiple topics into one neat parcel. The app is called Exploring Layouts.

In this chapter, we will cover the following topics:

  • Material Design
  • Building a LinearLayout and learning when it is best to use this type
  • Building another, slightly more advanced, ConstraintLayout and finding out a bit more about using constraints
  • Building a TableLayout and filling it with data to display
  • Linking everything together in a single app called Exploring Layouts

First on the list is material design.