vv Pengenalan Layout
Blok penyusun dasar untuk antarmuka pengguna adalah objek
View yang dibuat dari kelas View dan menempati area persegi panjang di
layar dan bertanggung jawab untuk menggambar dan menangani event. View
adalah kelas dasar untuk widget, yang digunakan untuk membuat komponen UI
interaktif seperti tombol, bidang teks, dll. ViewGroup adalah subkelas
View dan menyediakan wadah tak terlihat yang menampung Tampilan lain atau
ViewGroup lain dan menentukan properti tata letaknya. Pada tingkat ketiga
kami memiliki tata letak berbeda yang merupakan subkelas dari kelas
ViewGroup dan tata letak tipikal mendefinisikan struktur visual untuk
antarmuka pengguna Android dan dapat dibuat baik pada waktu proses
menggunakan View.
ViewGroup dapat juga disebut dengan layout karena ViewGroup
mengelola tampilan child dengan cara khusus dan umumnya digunakan sebagai
root view. Berikut jenis-jenis layout yang dapat kita gunakan dalam android
:
· LinearLayout :
Viewgroup yang childnya diposisikan dan disejajarkan secara horizontal
atau secara vertikal
· RelativeLayout:
Viewgroup yang childnya diposisikan dan disejajarkan relatif terhadap
tampilan komponen dalam lainnya.
· ConstrainLayout : Viewgroup yang childnya menggunakan titik jangkar, tepi,
dan panduan untuk mengontrol posisi tampilan relatif terhadap komponen
lain di layout. ConstrainLayout didesain untuk mempermudah saat menyeret
dan melepaskan tampilan di editor layout.
· AbsoluteLayout
: ViewGroup yang childnya disusun ke dalam baris dan kolom
· FrameLayout :
Viewgroup childnya bertumpuk.
· GridLayout : Viewgroup childnya ditempatkan dalam kotak persegi panjang yang bisa digulir.
Ø Linear
Layout
Sebuah linear layout, sesuai dengan namanya menampilkan dan
memposisikan elemen di dalamnya dalam satu arah, secara horizontal atau
vertikal. Arahnya dapat diatur melalui atribut android:orientation.
Jadi di dalam setiap baris/kolom
hanya ada 1 objek (widget) yang kita tempatkan. di Linear Layout ini ada
dua jenis, yaitu :
a.
Vertical Linear Layout : Apabila user menempatkan 1 widget (objek) per baris
b. Horizontal Linear Layout : Apabila user menempatkan 1 objek per kolom.
1. Buka IDE Android Studio
2. Ketikan Script File di activity_main.xml
3. Hasil
Ø Linear Layout 2
1. Buka
IDE Android Studio
2. Ketikan Script File di activity_main.xml
3. Hasil
Ø Relative
Layout
Relative Layout adalah layout yang penataannya ini adalah
penataan yang menempatkan widget-widget didalamnya seperti layer,
sehingga sebuah widget dapat berada di atas/di bawah widget lainnya atau
dengan kata lain Relative merupakan layout yang penataannya lebih bebas
(Relative) sehingga bisa di tata di mana saja.
1. Buka
IDE Android Studio
2. Ketikan Script File di activity_main.xml
3. Hasil
Ø Relative
Layout 2
1. Buka
IDE Android Studio
2. Ketikan Script File di activity_main.xml
3. Hasil
Ø Table
Layout
Table Layout adalah Layout yang digunakan untuk membangun
user interface (tampilan antar muka ) aplikasi android dengan berdasarkan
Baris dan Kolom. Layout ini digunakan untuk keperluan tertentu saja
karena kebanyakan pembangunan tampilan antar muka lebih sering memanfaatkan
Relative Layout dan Linear Layout.
TableLayout pada Android adalah subkelas ViewGroup yang
digunakan untuk menampilkan elemen View child dalam baris dan kolom untuk
mengatur semua elemen child menjadi baris dan kolom dan tidak menampilkan
garis batas di antara baris, kolom atau cells. Cara kerja TableLayout
hampir mirip dengan tabel HTML dan berisi kolom sebanyak baris dengan
cells terbanyak.
Table
Layout terdiri dari:
a.
Row/ baris pada dasarnya
digunakan untuk menyimpan satu jenis record, hanya satu informasi yang
dapat disimpan.
b. Kolom adalah sub bagian terbagi dari setiap baris dan satu
baris dapat menampung beberapa jenis kolom. Setiap kolom terdiri dari
jenis informasi yang berbeda mengenai baris tersebut.
1. Buka
IDE Android Studio
2. Ketikan Script File di activity_main.xml
3. Hasil
Ø Table
Layout 2
1. Buka
IDE Android Studio
2. Ketikan Script File di activity_main.xml
3. Hasil
Ø Absolute
Layout
Absolute
Layout menggunakan angka/koordinat untuk mengatur si widget tersebut.
Atribut yang digunakan adalah layout_x dan layout_y. Android
AbsoluteLayout digunakan ketika komponen UI di layar diposisikan pada
posisi mereka mutlak sehubungan dengan asal di sudut kiri atas layout.
Kita perlu menentukan x dan y koordinat posisi masing masing komponen pada
layar.
1. Buka
IDE Android Studio
2. Ketikan Script File di activity_main.xml
3. Hasil
Tidak ada komentar:
Posting Komentar