Membuat layout profil sangat sederhana sekali menggunakan Android Studio

 

Halo sedulur

Pada kesempatan kali ini saya akan berbagi cara membuat layout profile sangat sederhana sekali dengan menggunakan Android Studio. Disini saya sudah persiapkan aplikasi Android Studio nya (saat ini saya menggunakan versi 4.1.3), smartphone android sebagai emulator nya (pc saya masih kentang maap) juga aplikasi vysor di pc atupun di smartphone nya untuk membantu menjalankan aplikasi yang akan kita buat. Ngga perlu banyak iklan, langsung aja kita Gass keun, lurr !!!

1.    Seperti biasa, Create New Project. Pilih empty activity untuk templete. Lalu buat nama, atur lokasi penyimpanan, dan minimun SDK pada API 16: Android 1.4 (Jelly bean). Sedangkan untuk Language kita pakai Java saja. Finish

2.    Tap activity_main.xml, hapus TextView Hello World, lalu tap opsi desain yang berada diatas atrribute

3.     Pilih TextView dari palette, drag dan drop pada tampilan desain. Edit text dengan menulisan sesuatu yang ingin anda tulis. Lalu atur margin horizontal dan vertikal dengan mendrag bulatan putih pada textview yang anda buat sampai ujung garis pembatas atas dan samping. Maka bulatan yang tadi berwarna putih berubah jadi biru. Jika tidak diatur marginnya makan akan ada error seperti ini :

Kamu juga bisa mengedit jenis tulisan, warna, font, ukuran, background dll lewat menu attributes. Disitu juga anda bisa mengatur margin juga. Caranya tinggal klik objek teks yang ingin diedit, maka akan attributes otomatis aktif.  

4.    Tambahkan lagi TextView sebanyak komponen teks yang diperlukan atau anda bisa tambahkan komponen lain seperti ImageView dll, kemudian atur margin sama seperti sebelumnya. Untuk margin yang vertikal (atas/bawah) bisa di parent kan ke textview diatasnya, tanpa perlu mengatur sampe ujung garis bagian atas. Disini saya akan coba inputkan format teks berupa data nama, nrp, kelas, alamat dan hobi beserta dengan isiannya.

5.    Jika dirasa sudah selesai coba jalankan project tersebut dengan mengklik tombol play hijau dan tunggu hingga proses building aplikasi selesai.

 

        Sebelum itu, apabila anda menggunakan smartphone sebagai emulatornya, koneksikan smartphone ke pc atau laptop menggunakan kabel USB. Pada smartphone, aktifkan mode pengembang di menu pengaturan dan juga debugging USB. Atau jika anda menggunakan aplikasi tambahan seperti vysor, anda bisa langsung membuka aplikasinya dan otomatis diarahkan untuk mengaktifkan dua hal diatas. Pada pc juga, buka aplikasi vysor nya maka akan otomatis keluar notifikasi tersambung antara smartphone dan pc anda.

6.    Jika sudah berhasil maka akan muncul tampilan seperti ini pada smartphone anda.

Bagaimana ? semoga anda bisa mengikuti cara yang telah saya bagikan diatas ya. sangat mudah dan sederhana sekali sebenarnya namun saya merasa kurang optimal jika saya jelaskan melalui tulisan seperti ini. hanya karena tugas dari dosen saja makannya saya paksa untuk menyelesaikannya. saya berharap ada cara lain yang bisa diaplikasikan untuk membuat tugas seperti ini seperti dengan video tutorial atau yang lainnya sehingga bisa diikuti dengan lebih efesien lagi. Yoshh, cukup sekian yang  bisa saya sampaikan, semoga bermanfaat dan jangan lupa untuk terus belajar dan berkembang :) 

3

2