Mengenal Dasar Pembuataan Widget di Android Studio

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.

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.

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.

Tweet