CARA MEMASANG WIDGET ANDROID SEDERHANA LEWAT APLIKASI ECLIPSE

#Iklan

HP Pedia – Halo sobat-sobat pecinta tekno, udah lumayan lama nih saya tidak Posting berita, maklum lagi ada ujian tengah semester J, nah kebetulan saya dapat tugas dari guru produktif saya. Untungnya tugas yang diberikan konteknya tidak jauh dari konten blog ini, jadi bisa diupdate sekalian jadi bahan postingan J.

Disni saya akan memberikan sedikit tutorial mengenai Pemrograman Mobile (Android), yaitu tentang bagaimana cara memasang widget android sederhana lewat aplikasi eclipse. Sekedar pemberitahuan, Eclipse adalah salah satu aplikasi yang digunakan oleh programmer mobile untuk membangun atau menciptakan sebuah aplikasi yang tentunya dapat dijalankan pada perangkat mobile yang menggunakan OS Android khususnya.

Okeh langsung saja, meluncur ke-tutorialnya.

Langkah pertama buka aplikasi Eclips-nya, setelah aplikasi sudah terbuka langsung klik menu File-New-Android Aplication Project seperti ppada gambar berikut:

Kemudian akan muncul window “New Android Aplication”, (ingat untuk penulisan project dan bagian-bagian lainnya pada eclipse harus diawali dengan huruf besar/kapital) isikan form-formnya dengan data sesuai gambar berikut:

Klik Next sampai tampilan window seperti pada gambar dibawah, centang bagian “Creat Activity” kemudian klik “Blank Activity” dan langsung Next.

Lalu muncul window “Blank Activity”, ganti “MainActivity” pada “Activity Name” menjadi "WidgetActivity” lalu klik FINISH, lihat gambar berikut:

Berikutnya kita akan masuk ke bagian tempat untuk meletakkan script/code, langsung letakkan kode berikut ke lembar kerja pada eclips anda.

<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:paddingBottom="@dimen/activity_vertical_margin"    android:paddingLeft="@dimen/activity_horizontal_margin"    android:paddingRight="@dimen/activity_horizontal_margin"    android:paddingTop="@dimen/activity_vertical_margin"    tools:context=".WidgetActivity" >
    <RadioGroup        android:id="@+id/radioGroup1"        android:layout_width="wrap_content"        android:layout_height="wrap_content"        android:layout_alignParentLeft="true"        android:layout_below="@+id/seekBar1" >    </RadioGroup>
    <TextView        android:id="@+id/textView1"        android:layout_width="wrap_content"        android:layout_height="wrap_content"        android:layout_alignParentTop="true"        android:layout_centerHorizontal="true"        android:text="Widget Sederhana Pada Android"        android:textStyle="bold" />
    <TextView        android:id="@+id/textView3"        android:layout_width="wrap_content"        android:layout_height="wrap_content"        android:layout_alignLeft="@+id/radioGroup1"        android:layout_below="@+id/textView1"        android:layout_marginTop="17dp"        android:text="Widget Loading (Progress Bar)" />
    <SeekBar        android:id="@+id/seekBar1"        android:layout_width="match_parent"        android:layout_height="wrap_content"        android:layout_alignLeft="@+id/textView4"        android:layout_below="@+id/ratingBar1"        android:layout_marginTop="41dp" />
    <TextView        android:id="@+id/textView4"        android:layout_width="wrap_content"        android:layout_height="wrap_content"        android:layout_alignLeft="@+id/radioGroup1"        android:layout_below="@+id/ratingBar1"        android:layout_marginTop="22dp"        android:text="Widget SeekBar" />
    <TextView        android:id="@+id/textView5"        android:layout_width="wrap_content"        android:layout_height="wrap_content"        android:layout_alignLeft="@+id/radioGroup1"        android:layout_below="@+id/radioGroup1"        android:layout_marginTop="18dp"        android:text="Widget Radio Button" />
    <RadioButton        android:id="@+id/radio0"        android:layout_width="wrap_content"        android:layout_height="wrap_content"        android:layout_alignParentLeft="true"        android:layout_below="@+id/textView5"        android:checked="true"        android:text="RadioButton" />
    <TextView        android:id="@+id/textView6"        android:layout_width="wrap_content"        android:layout_height="wrap_content"        android:layout_alignParentLeft="true"        android:layout_below="@+id/radio0"        android:layout_marginTop="15dp"        android:text="Widget CheckBox" />
    <CheckBox        android:id="@+id/checkBox1"        android:layout_width="wrap_content"        android:layout_height="wrap_content"        android:layout_alignParentLeft="true"        android:layout_below="@+id/textView6"        android:text="CheckBox" />
    <ProgressBar        android:id="@+id/progressBar1"        android:layout_width="wrap_content"        android:layout_height="wrap_content"        android:layout_alignRight="@+id/textView1"        android:layout_alignTop="@+id/textView3" />
    <TextView        android:id="@+id/textView2"        android:layout_width="wrap_content"        android:layout_height="wrap_content"        android:layout_alignLeft="@+id/ratingBar1"        android:layout_below="@+id/progressBar1"        android:text="Widget Bintang (Rating Bar)" />
    <RatingBar        android:id="@+id/ratingBar1"        android:layout_width="wrap_content"        android:layout_height="wrap_content"        android:layout_alignRight="@+id/seekBar1"        android:layout_below="@+id/textView2" />

</RelativeLayout>

Setelah anda sudah selesai melakukan coding silahkan jalankan project anda, klik kanan pada project Widget -> Run As -> 1 Android Aplication. Lihat gambar:

Butuh waktu yang lumayan lama untuk menalankan program ini, jika sudah akan muncul tampilan seperti gambar berikut ini: