[Tutorial Aide 2] Membuat Basic User Interface Android di Tablet / Smartphone

Pada tutorial pertama, saya membuat program sederhana java console dengan menggunakan aide. Nah, kali ini saya memberikan tutorial dasar membuat user interface android dengan aide. Pada program ini saya memberikan contoh layout dan menambahkan button dengan aksi menggunakan aide.

Buka aide kemudian pilih For Expert

image

Pada Create New Project, pilih Android App selanjutnya pilih New App Gradle/Android SDK/ Java / Xml.

image

Berikan nama projectnya

image

Anda akan menjumpai 2 file yaitu main.xml dan mainactivity.java pada layar workbench. Pada main.xml kita dapat mengatur layout dan menambahkan komponen sedangkan mainactivity.java untuk aksi ketika komponen tersebut diklik atau dijalankan.

image

Bila anda ingin membuat desain dengan gui, pada main.xml  klik icon kotak yang ada disebelah atas untuk membuka GUI designernya. Seperti ini tampilannya

image

Pada contoh ini saya menambahkan button pada main.xml. Untuk memudahkan menulis code, aide menyediakan feature auto complete, seperti ini contohnya

image

Ini adalah code lengkap untuk menambahkan komponen button yang ada di main.xml

image

Seperti ini tampilannya jika dibuka dengan GUI designer

image

Sekarang kita tambahkan aksi close jika kita tekan buttonnya. Buka mainactivity.java, kemudian tambahkan code seperti ini

image

Klik tombol play untuk build programnya menjadi file apk dan menjalankannya

image

Seperti ini tampilan programnya

image

image

Dengan menggunakan aide, ketika membuat program kita dapat langsung membuildnya menjadi apk dan menjalakannya langsung di tablet / smartphone android.

Tunggu tutorial aide lainnya…

Selamat mencoba dan semoga bermanfaat🙂

Untuk pertanyaan, saran dan kritik, silahkan ditulis di kolom komentar

3 thoughts on “[Tutorial Aide 2] Membuat Basic User Interface Android di Tablet / Smartphone

Tinggalkan Balasan

Isikan data di bawah atau klik salah satu ikon untuk log in:

Logo WordPress.com

You are commenting using your WordPress.com account. Logout / Ubah )

Gambar Twitter

You are commenting using your Twitter account. Logout / Ubah )

Foto Facebook

You are commenting using your Facebook account. Logout / Ubah )

Foto Google+

You are commenting using your Google+ account. Logout / Ubah )

Connecting to %s