Rabu, 11 Juli 2018

PERBEDAAN ANTARA LAYOUT RELATIVE LINEAR DAN CONSTRAINT



Belajar android – Perbedaan Layout Relative Linear dan Constraint


Layout? Mungkin sebagian pembaca familiar dengan kata layout tetapi sebenarnya layout itu apa sih guys? Jadi Layout adalah penyusunan dari elemen-elemen desain yang berhubungan kedalam sebuah bidang sehingga membentuk susunan artistik. Hal ini bisa juga disebut manajemen bentuk dan bidang. Tujuan utama layout adalah menampilkan elemen gambar dan teks agar menjadi komunikatif dalam sebuah cara yang dapat memudahkan pembaca menerima informasi yang disajikan, lalu perbedaan dari layout relative linear dan constraint itu apa? Oke kita simak dulu penjelasan di bawah ini:



 Relative Layout



Relative Layout adalah Layout yang umum digunakan, terutama bagi pemula. Layout ini menempatkan view secara horizontal atau vertical, bergantung pada kode yang digunakan.






Output yang di hasilkan dari script di atas adalah sebagai berikut:



 Linear Layout

Linear layout merupakan susunan tataletak yang teratur itulah alasannya kenapa disebut linear disana terdapat kode android:orientation=”vertical” itu berarti kita membuat linearlayout teratur secara vertikal, coba temen temen gantii android:orientation=”vertical” mencadi “Horizontal” dan lihat apa yang terjadi jangan lupa mencoba. lalu kemudian pada TextView ada kode android:text=” ” kode tersebut berfungsi untuk menampilkan text. kemudian ada lagi yaitu android:layout_width=”wrap_content” android:layout_height=”wrap_content” kode tersebut pasti selalu ada pada setiap komponen kode tersebut digunakan untuk menentukan tinggi dan lebar sebuah komponen, disana tertulis wrap_content itu berarti lebar dan tingginya sesuai dengan komponen itu sendiri.




Berikut Output yang di hasilkan oleh script yang ada di atas :




 Layout Constraint

Constraint layout adalah layout baru dari android studio yang bisa membuat layout lebih kompleks dan responsive. Constraint layout bisa disebut juga pengembangan dari relative layoutnya android. Dengan menggunakan layout editornya android studio constraint layout ini akan lebih powerfull pemakaiannya.

Berikut Cara Menggunakan Constraint Layout :

Pastikan Android Studio sudah update yang terbaru, caranya buka android studio klik Help > Check for Updates atau Configure > Check for Updates, jika ada update-an terbaru segera update dulu untuk mendapat update constraint layout.
Tambahkan dependencies berikut di build.gradle

compile 'com.android.support.constraint:constraint-layout:1.0.2'
Untuk lebih jelasnya silahkan lihat video penggunaan constrant layout di channel android developer berikut. Menarik bukan? yuk desain layout android kita dengan constraint layout biar lebih responsive

Berikut contoh dari Layout Constraint :


Setelah kita bahas masing – masing Layout di atas apa perbedaan dari ketiga layout tersebut? Perbedaan nya adalah dari bentuk tampilan masing – masing layout tersebut bisa kita rasakan perbedaan nya ketika kita ubah masing – masing layout tersebut dari vertical ke horizontal dan juga perbedaan yang kedua adalah dari fungsi masing – masing tersebut karena di aplikasi android kita bisa memilih sesuai kebutuhan layout yang akan kita tampilkan di dalam aplikasi yang akan kita buat.


1 komentar: