MEMBUAT RELATIVE LAYOUT DAN LINEAR LAYOUT

Nama : Ayu Sundara

NPM : 1061907
Kelas : 3 TRPL

Dosen : Riki Afriansyah, M.T

Mata Kuliah : Management Proyek Perangkat Lunak (MPPL)

5 oktober, 2021

POLITEKNIK MANUFAKTUR NEGERI BANGKA BELITUNG

Kawasan Industri Air Kantung, Sungailiat, Bangka, 33211
Linear layout merupakan bagian dari view group, artinya linear layout berfungsi
untuk menampung view lainnya(children). View yang berada di dalam linear layout
akan tersusun secara berurutan dalam arah vertikal ataupun horizontal.
Linear secara vertical

tampilan vertical

Dari kode di atas terdapat 3 text view yang di susun secara vertical di dalam linear
layout.text view paling atas akan di letakkan pada posisi paling atas,kemudian text
view berikutnya akan di letakkan di bawah text view yang pertama tersebut.
Kemudian secara linear secara horizontal
Jika orientationnya diset horizontal maka text view paling atas dalam kode akan
diletakkan pada bagian paling kiri seperti gambar di samping. Lalu text view
selanjutnya akan diletakkan disebelah kanan text view sebelumnya dst
Code
android:orientation="vertical"
Digunakan untuk  menentukan arah susunan view yang berada di dalam linear layout.
Terdapat 2 orientation yaitu vertical atau horizontal
Gravity digunakan untuk mengatur posisi view di dalamnya. Perhatikan kode dan
gambar di bawah untuk lebih jelasnya.
<?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="match_parent"
android:orientation="horizontal"
tools:context="com.andevindo.userinterface.linearLayout.MainActivity">

<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Hello everyone!"
 android:padding="16dp"
android:background="#3D315B"
android:textColor="@android:color/white"/>
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Hello People!"
android:padding="16dp"
android:background="#444B6E"
android:textColor="@android:color/white"/>
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Hello Friends!"
android:padding="16dp"
android:background="#708B75"
android:textColor="@android:color/white"/>

</LinearLayout>

Terlihat seperti gambar di atas, view di dalamnya akan mentok ke bagian kanan.

Sejauh ini view yang dimasukkan ke dalam linear layout mempunyai nilai width dan
height berupa wrap_content ataupun match_parent. Lalu bagaimana jika kita ingin
membuat lebar atau tinggi dari view sebesar setengah dari lebar atau tinggi device
atau dengan kata lain 50% dari lebar atau tinggi maksimal. Solusinya yaitu dengan
Weight!
Perhatikan kode dan gambar berikut untuk cara penggunaannya.

Terlihat pada gambar di samping, lebar text view pertama dan text view kedua sebesar
50% dari lebar maksimal. Bagaimana kok bisa? Lihat pada kodenya. Nilai
dari layout_width kita ganti dengan 0dp kemudian kita tambahkan layout_weight
dengan nilai = 1.

Relative Layout
Relative Layout memungkinkan kita untuk memposisikan komponen mana saja yang
kita inginkan, sehingga dianggap sebagai layout yang paling fleksibel.
android:gravitasi
Ini menentukan bagaimana suatu objek harus memposisikan isinya, pada sumbu X
dan Y. Nilai yang mungkin adalah atas, bawah, kiri, kanan, tengah, center_vertical,
center_horizontal dll.
android:ignoreGravity
Ini menunjukkan pandangan apa yang seharusnya tidak dipengaruhi oleh gravitasi.
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
style="@style/facebook">

<EditText
android:id="@+id/name"
android:layout_width="200dp"
android:layout_height="wrap_content"
android:background="#f8eff8f3"
android:hint="Nama "
android:padding="16dp" />

<EditText
android:id="@+id/email"
android:layout_width="180dp"
android:layout_height="wrap_content"
android:layout_marginLeft="5dp"
android:layout_toRightOf="@+id/name"
android:background="#f8eff8f3"
 android:hint="Alamat "
android:padding="16dp" />

<EditText
android:id="@+id/subject"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_below="@+id/name"
android:layout_marginTop="16dp"
android:background="#f8eff8f3"
android:hint="Subjek"
android:padding="16dp" />

<EditText
android:id="@+id/message"
android:layout_width="match_parent"
android:layout_height="200dp"
android:layout_below="@+id/subject"
android:layout_marginTop="16dp"
android:background="#f8eff8f3"
android:gravity="top"
android:hint="Pesan"
android:padding="16dp" />

<Button
android:id="@+id/submit"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_below="@+id/message"
android:layout_centerHorizontal="true"
android:layout_marginTop="16dp"
android:padding="16dp"
android:text="KIRIM" />
</RelativeLayout>

android:id="@+id/name"
android:layout_width="200dp"
android:layout_height="wrap_content"
android:background="#f8eff8f3"
android:hint="Nama "
android:padding="16dp" />
android:id
 Ini adalah ID yang secara unik mengidentifikasi tata letak,input nama adalah
id yang ada di tag EditText yang ada di file activity_login yang berfungsi untuk
menangkap input yang di masukan oleh user dan di konfersi ke tipe data String
dan di tampung ke dalam sebuah variabel
 Kemudian masukan alamat untuk di input ke variabel
 Selanjutkan memasukan subjek
 Dan terakhir memasukan submit