Friday, March 29, 2013

Cara membuat button dengan bahasa pemrogaman android

Leave a Comment
Okey, Salam Sukses. Berjumpa lagi dengan saya rizky ardian. Kali ini kita akan belajar bersama membuat tampilan button yang sederhana(widget dari android) menjadi lebih indah dengan di beri sentuhan akhir, yaitu memasukkan gambar. Okey langsung saja, Pertama Jangan lupa untuk menyiapkan file buttonnya. di rekomendasikan filenya png.
Buat project baru untuk percobaan saya beri nama Button Gambar. Klik next terus saja tapi sebelum finish untuk mempermudah penganalisaan xml dan java kita rubah nama activity name dan Layout menjadi main untuk file xmlnya, Sedangkan untuk javanya bernama Main. Langsung klik finish.



   Seperti biasanya, untuk membuat button baru. Kita edit tampilan main.xml nya dengan cara menambahkan widget di Menu Form widget dan pilih ukuran Button.





Setelah memilih ukuran button langsung saja di drag ke lembar kerja.

 Seperti biasanya apabila ingin mengedit tex di buttonya, ukuran dll arahkan pandangan anda ke properties, biasanya terletak di sebelah kanan, Jangan lupa di klik dlu yang mau di rubah.
 Kita buat tombol lagi, sebagai percobaan untuk di ganti gambar interfacenya.caranya seperti langkah diatas tadi.Untuk langkah kedua masukkan gambar dengan cara copi dulu file gambar.untuk mempermudah menggolongkan gambar buat folder baru terlebih dahulu klik kanan pada res-new-folder(klu belum ada klik kanan pada res-new-other-General-folder). Beri nama drawable.





Untuk tombol kedua ini kita akan sedikit bermain script, untuk mengatasi force close pada progam/aplikasi kita kali ini. Perbedaan button pertam dengan kedua adalah untuk buttin pertama widgetnya otomatis dari androidnya. Sedangkan untuk button kedua ini, kita rencanakan ganti baground buttonnya.
bagi teman-teman yang belum punya file png bisa langsung download gambar di bawah ini.
dan copy file gambar ini, lalu paste di folder yang anda buat tadi.



perhatikan:Untuk mengantisipasi file agar tidak force close, jgn membuat nama file sama.
ada huruf besarnya, spasi dan simbolic. 

untuk kelanjutan tutorial ini, akan segera di upload. Karna modem saya masih ada masalah, mohon maaf atas ketidaknyamanannya...,

0 comments:

Post a Comment