Modern Android App Development with Kotlin/

...

/

Building Layout

Building Layout

Follow step-by-step instructions to create a layout for our blog list screen.

We'll cover the following...

Final result preview

To make it easier to understand what we want to achieve, here is a preview of the layout that we are going to build.

List item layout

Let’s start by creating a list item that is going to be a separate layout file.

Create a new item_main.xml layout file inside the app/src/main/res/layout folder. As a root layout, we are going to use the LinearLayout, which displays its children either horizontally or vertically depending on the orientation attribute value.

XML
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
        xmlns:tools="http://schemas.android.com/tools"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="horizontal"
        android:padding="16dp">
...
</LinearLayout>

Next, let’s add the ImageView to ...