Konfigurasi Constraint Layout di Android Studio. (Dolphin 2021.3.1)

 Constraint Layout

ConstraintLayout adalah layout di Android Studio yang memungkinkan penataan elemen UI secara fleksibel dengan mengatur "constraint" (batasan) antar elemen. Ini membantu membuat tata letak yang responsif dan efisien, tanpa perlu nested layout berlapis. Kelebihannya meliputi efisiensi, dukungan multi-ukuran layar, dan kemudahan desain melalui fitur chains, barriers, dan guidelines.

Implementasi dan code 

• Code constraintlayout

            Paada xml yang tertera pada code dibawah terdapat "ConstraintLayout" agar dapat digunakan.        

• Konfigurasi ConstraintLayout pada Design

Pada tahap ini buatlah Design dari program yang dijalankan sesuai keinginan seperti gambar pada tampilan di bawah dengan menggunakan ImageButton dan 3 buah Button.

Pada tahap selanjutnya mengatur Layout yang dipilih dengan mengklik salah satu Layout sehingga memunculkan opsi untuk mengatur arah panah. pada gambar tampilan dibawah

Pada tahap selanjutnya masing-masing arah panah pada layout ditarik dari titik foto tersebut untuk arah panah dapat sampai ke titik yang di inginkan agar menghasilkan tampilan yang responsive pada setiap device dan berlaku untuk 3 Button di bawah gambar tersebut.

Sample hasil dari tampilan yang sudah di buat dan Responsive :

• Tampilan pada handphone

• Tampilan pada tablet

Memperjelas hasil yang sudah di dapat dari penjelasan di atas dapat dilihat melalui link dibawah :

https://youtu.be/DC5b1RUoBI8

Link Github :

https://github.com/ridhorfad/ridhogit.git