2.6. Implementasi rancangan halaman utama

Tambahkan file resource baru dengan cara klik kanan folder layout > new > Layout resource file. Berikan nama activity_main.xml, dengan Root element berupa RelativeLayout. Atau jika sudah ada, kita tinggal mengubahnya code didalamnya saja.

Seluruh item-todo akan ditampilkan pada halaman ini. Sesuai dengan rancangan UI, pada halaman utama terdapat sebuah Button yang melayang di bagian pojok kanan bawah. Komponen tersebut disebut dengan FloatingActionButton. Supaya bisa melayang maka kita perlu menggunakan RelativeLayout sebagai root view-nya.

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent">
    <ListView
        android:id="@+id/listview"
        android:layout_width="match_parent"
        android:layout_height="match_parent"/>
    <android.support.design.widget.FloatingActionButton
        android:id="@+id/fab"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentBottom="true"
        android:layout_alignParentRight="true"
        android:layout_margin="@dimen/fab_margin"
        android:src="@android:drawable/ic_input_add" />
</RelativeLayout>

Berikut ini preview-nya