ConstraintLayout adalah viewgroup yang mirip dengan Relativelayout yang menampilkan widget secara relative atau bebas. Posisi widget dapat dibuat spesifik terhadap widget dan dengan Parent Layoutnya sendiri. ConstraintLayout lebih fleksibel daripada RelativeLayout dan lebih mudah digunakan di layout editor. Dalam ConstraintLayout, widget memiliki titik (lingkaran bulat) setiap sisinya yang dapat ditarik dan diikatkan  terhadap titik yang dimiliki oleh widget lainnya atau parent layout. Pada tutorial Mengenal ConstraintLayout, kita akan membangun tampilan halaman Register dengan menggunakan layout editor di android studio.

Buat file layout baru dengan klik kanan di folder layout, kemudian pilih new -> Layout resource file. Pada jendela New Resource File masukan data seperti berikut :

  • File name : "activity_register"
  • Biarkan opsi lain sebagaimana adanya.

Kemudian Klik OK.

new-resource-file-constraint-layout.jpg (48 KB)

Buka file activity_register.xml yang kita buat, klik tab design. Kita dapat melihat terdapat tab Palette yang memiliki widget dan viewgroup. Kita dapat menggunakan fitur drag & drop untuk mengambil widget dari Palette ke tampilan Layout.  Di tengah kita dapat melihat tampilan layout yang sesungguhnya dan sebelah kanan terdapat tampilan berwarna biru yang merupakan Blueprint (hanya menampilkan outline dari tampilan layout. 

activity-register.jpg (59 KB)

Namun pada tutorial ini kita akan menggunakan tab Text dan menambah widget dengan kode, agar kamu dapat melihat perubahan atribut saat membuat constraint terhadap widget. Rancangan tampilan yang akan kita buat seperti gambar di bawah. Kita akan belajar cara menggunakan beberapa fitur dari ConstraintLayout.

rancangan-constraint-layout.jpg (59 KB)

Buka activity_register.xml dan tambah widget TextView seperti kode di bawah.

Daftar Untuk Lanjut Belajar Tutorial Mengenal ConstraintLayout

Sepertinya kamu belum daftar teknorial.com, ya ? Yuk klik tombol daftar supaya kamu dapat memulai belajar pemrograman gratis disni dan dapatkan notifikasi update kelas pemrograman ini dari kami memalui email.

Daftar Akun

Sudah memiliki akun? Klik disini untuk Log In.