Belajar Layout Android Studio (Linear, Relative, Constraint, ScrollView Layout) - Ruang Pendidikan

Belajar Layout Android Studio (Linear, Relative, Constraint, ScrollView Layout)

Layouting
Android Studio memiliki beberapa jenis layout atau tata letak dari view atau komponen yang akan digunakan. Terdapat beberapa jenis layout yang dapat diterapkan pada Android.
ruangpendidikan.net

1. Linear Layout
Seperti namanya, Linear layout menyediakan susunan view yang linier secara vertikal atau horizontal. Pada gambar diatas, pada group button yang berwarna hijau merupakan tampilan dari Linear Layout secara horizontal, sedangkan group button berwarna ungu merupakan tampilan dari Linear Layout secara vertikal. Dalam sebuah program, kita dapat mengkombinasikan layout sesuai kebutuhan. Dalam suatu layout dapat diatur kembali layout-layout didalamnya.

2. Relative Layout
Relative Layout sedikit berbeda dengan linear layout. Pada Relative Layout, setiap viewdikaitkan dengan view atau parent menggunakan perintah android:layout_align…..

Misalkan pada button8 bagian kiri dikaitkan dengan parentnya, bagian atas dikaitkan dengan button7 dan bagian kanan dikaitkan dengan Button9. perintah XML untuk mengaitkan menggunakan layout_below, layout_above, layout_right, dan layout_left. Pada Design Mode, View dapat langsung di drag di posisi yang diinginkan.

3. Constraint Layout
Constraint Layout merupakan fitur layout baru pada Android Studio 2.3. Constraint layout dapat dikatakan sebagai pengembangan dai relative layour, dimana contraint layout lebih responsif dan lebih kompleks. Untuk menggunakan Constraint Layout pada Android Studio dibawah versi 2.3, Tambahkan pada build:gradle :

compile 'com.android.support.constraint:constraint-layout:1+'

Lalu tambahkan Constraint layout pada mode design, seperti pada gambar dibawah ini :Atau tulis pada XML file :

<android.support.constraint.ConstraintLayout
android:layout_width="match_parent"
android:layout_height="match_parent">
</android.support.constraint.ConstraintLayout>

4. ScrollView LayoutScrollView Layout merupakan fitur layout yang memungkinkan Scroll pada layar. Layout inihanya dapat diisi dengan 1 View. Untuk menggunakan lebih dari 1 view pada layout scrollview, buat nested layout didalam scrollview layoutStruktur Layout :

<LinearLayout //pembuka
android:layout_width="match_parent" //atribut layout
android:layout_height="match_parent"
android:orientation="vertical"
android:background="@color/warna3"
xmlns:android="http://schemas.android.com/apk/res/android"> // “>” penutup atribut
<LinearLayout
android:layout_width="match_parent"
android:layout_height="0dp"
android:layout_weight="1"
android:gravity="center_vertical"
android:orientation="vertical">
</LinearLayout> //penutup
</LinearLayout> //penutup

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel