Mengenal Dasar Pembuataan Widget di Android Studio

shares

Android Najwa - Pada dasarnya widget memiliki fungsi sebagai antarmuka untuk berinteraksi dengan pengguna. Tujuannya yaitu untuk memberikan suatu proses pada aplikasi hasil dari aksi yang dilakukan pengguna seperti menekan tombol, memilih menu, dan sebagainya.
Widget di Android Studio
Beberapa Widget Sederhana Android
Widget dalam android terdiri dari banyak jenis seperti TextView, EditText, Button, RadioButton, dan sebagainya. Gambar dibawah ini merupakan komponen-komponen widget yang disediakan oleh android studio.
Widget
Komponen Widget yang terdapat di Android Studio

Contoh Penerapan Widget di Aplikasi Android

Berikut ini merupakan contoh sederhana penggunaan TextView, EditText, dan Button pada
aplikasi android.

Tutorial Cara Membuat Widget TextView, EditText dan Button

Langkah 1 : Jalankan Android Studio.exe kalian seperti biasa, lalu buatlah project baru dengan seperti berikut.

  • Application Name : Widget Sederhana
  • Package Name : androidnajwa.com
  • Minimum Required SDK : API 15 Andorid 4.0.3 (IceCreamSandwich)
Buat Project Baru

Langkah 2 :  Pilih saja Blank Activity lalu klik Next dan Finish
Add Activity

Langkah 3 : Untuk membuat antarmuka halaman utama (activity_main.xml) seperti diatas tadi dapat dilakukan dengan “Drag and Drop” dari komponen yang tersedia atau langsung menuliskan script XML. Untuk script XML dapat dituliskan seperti berikut.
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools" android:layout_width="match_parent"
android:layout_height="match_parent" android:paddingLeft="@dimen/activity_horizontal_margin"
android:paddingRight="@dimen/activity_horizontal_margin"
android:paddingTop="@dimen/activity_vertical_margin"
android:paddingBottom="@dimen/activity_vertical_margin" tools:context=".MainActivity">

<Button
android:id="@+id/button1"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignParentBottom="true"
android:layout_centerHorizontal="true"
android:layout_marginBottom="116dp"
android:text="Ini Komponen Button" />
<EditText
android:id="@+id/editText1"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_above="@+id/button1"
android:layout_centerHorizontal="true"
android:layout_marginBottom="101dp"
android:ems="10"
android:hint="Ini Komponen EditText" >
<requestFocus />
</EditText>
<TextView
android:id="@+id/textView1"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignLeft="@+id/button1"
android:layout_alignParentTop="true"
android:layout_marginTop="58dp"
android:text="Ini Komponen TextView"
android:textSize="20sp" />


</RelativeLayout>
Untuk Hasil nya dapat dilihat dengan menjalankan di Android Studio anda Shift+F10.
Hasil Widget Sederhana Android
Nah, itulah hasil dari cara pembuatan widget sederhana di Android Studio. Untuk widget lain nya sudah banyak saya berikan di blog ini. Jadi mulai sekarang anda harus paham menggunakan widget mana saja yang ingin diperlukan untuk kebutuhan project anda. Semoga Bermanfaat.

Demikianlah penjelasan dari Mengenal Dasar Pembuataan Widget di Android Studio. Bila ada pertanyaan silakan kirim dihalaman komentar. Terima Kasih atas kunjungannya di Android Najwa.

Related Posts

0 komentar:

Posting Komentar