Membuat Tampilan Login dengan Linear Layout di Android Studio

Salah satu layout yang bisa digunakan untuk membuat tampilan di Android Studio adalah Linear Layout. Penulis paling suka memakai layout ini karena ke-terurutannya. Simpel.

Untuk membuat tampilan berikut, jangan lupa menyimpan 1 file gambar dengan nama logo di folder drawable di project kamu ya:

Sintaks / coding yang diperlukan untuk membuat tampilan seperti diatas adalah:

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
tools:context=".CobaLinear"
android:orientation="vertical">

<TextView
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:text="SMKN 1 Cimahi"
android:textSize="24sp"
android:textAlignment="center"
android:layout_marginTop="30dp"
android:id="@+id/satu"/>

<TextView
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:text="Chandra H."
android:textSize="14sp"
android:textAlignment="center"
android:layout_marginTop="30dp"
android:id="@+id/dua"/>

<ImageView
android:id="@+id/imageView"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_marginTop="70dp"
app:srcCompat="@drawable/logo" />

<Button
android:id="@+id/button"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_gravity="center_horizontal"
android:layout_marginTop="33dp"
android:backgroundTint="#2196F3"
android:text="Masuk" />

<TextView
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:text="RPL\n2021"
android:textSize="28sp"
android:textAlignment="center"
android:layout_marginTop="70dp"
android:id="@+id/empat"/>

</LinearLayout>

Selamat Mencoba Ya.