B. Linear Layout
hi guys, thankyou for comingback to my blog :)
Kalo kemaren kita udah belajar relative layout, kali ini kita akan belajar bagaimana cara membuat Linier layout. Linearlayout ada 2 versi nih, ada vertikal dan ada horizontal.
Layout Vertikal dulu yaa...
Langsung aja yuk caranya begini :
1. jika kamu kemaren udh buat relative layout, kamu bisa gunakan project itu saja. jadi kita gak perlu lagi buat New Project. caranya yaitu dengan menambah layout pada kolom sebelah kiri. Klik kanan Layout > new > layout resources file
2. selanjutnya isi file name "linier_layout" (tulisnya pake huruf kecil yaa) lalu sesuaikan dengan nama Root elemen.Look at this and OK
3. ini adalah tampilan awal linier layout, selanjutnya kita desain sesuai keinginan
4. untuk memulai desai kamu bisa menambahkan textview, editText, dan 2 tombol button yang bisa dicari pada kolom pallete. selanjutnya lakukan editing pada kolom properties sesuai keinginan. cara mengaturnya udah kita pelajari pada postingan sebelumnya yaa ;)
5. setelah melakukan editing pada design, selanjutnya kita edit sedikit pada text yaitu mengubah kata "text" menjadi "hint" pada editText. hal ini fungsinya agar kita bisa memasukan teks baru pada kolom edittext sehingga text awal akan hilang dan digantikan dengan text baru.
6. selanjutnya kunjungi tab Mainactivity.java untuk mengubah tujuan layout yang akan ditampilkan.
7. last, tinggal running deh projectnya. eh jangan lupa pastikan emulator virtual telah terkoneksi.
Sekarang kita buat versi horizontalnya yaa, ikutin yukk gampang kok
1. Masih pada layout vertikal tadi, cukup ubah pengaturan Linearlayout pada kolom properties. Cari orientation lalu ubah yang awalnya vertikal menjadi horizontal.
2. desainnya mungkin agak kacau tapi gak usah khawatir, kamu tinggal rapikan aja desain horizontalnya.
3.apabila udah selesai dirapikan desainnya, kamu run ulang aplikasinya.
4. tunggu beberapa saat, jadi deh linier layout versi horizontal
5. Finish linier layout 2 versi
hi guys, thankyou for comingback to my blog :)
Kalo kemaren kita udah belajar relative layout, kali ini kita akan belajar bagaimana cara membuat Linier layout. Linearlayout ada 2 versi nih, ada vertikal dan ada horizontal.
Layout Vertikal dulu yaa...
Langsung aja yuk caranya begini :
1. jika kamu kemaren udh buat relative layout, kamu bisa gunakan project itu saja. jadi kita gak perlu lagi buat New Project. caranya yaitu dengan menambah layout pada kolom sebelah kiri. Klik kanan Layout > new > layout resources file
3. ini adalah tampilan awal linier layout, selanjutnya kita desain sesuai keinginan
4. untuk memulai desai kamu bisa menambahkan textview, editText, dan 2 tombol button yang bisa dicari pada kolom pallete. selanjutnya lakukan editing pada kolom properties sesuai keinginan. cara mengaturnya udah kita pelajari pada postingan sebelumnya yaa ;)
5. setelah melakukan editing pada design, selanjutnya kita edit sedikit pada text yaitu mengubah kata "text" menjadi "hint" pada editText. hal ini fungsinya agar kita bisa memasukan teks baru pada kolom edittext sehingga text awal akan hilang dan digantikan dengan text baru.
6. selanjutnya kunjungi tab Mainactivity.java untuk mengubah tujuan layout yang akan ditampilkan.
7. last, tinggal running deh projectnya. eh jangan lupa pastikan emulator virtual telah terkoneksi.
Sekarang kita buat versi horizontalnya yaa, ikutin yukk gampang kok
1. Masih pada layout vertikal tadi, cukup ubah pengaturan Linearlayout pada kolom properties. Cari orientation lalu ubah yang awalnya vertikal menjadi horizontal.
2. desainnya mungkin agak kacau tapi gak usah khawatir, kamu tinggal rapikan aja desain horizontalnya.
3.apabila udah selesai dirapikan desainnya, kamu run ulang aplikasinya.
4. tunggu beberapa saat, jadi deh linier layout versi horizontal
5. Finish linier layout 2 versi
Komentar
Posting Komentar