Cara Pembuatan Widget EditText pada Aplikasi Android

Dalam aplikasi berbasis android, nantinya kita bakal membutuhkan widget EditText. Widget ini ialah subclass dari TextView, untuk cara pembuatan Widget EditText adalah seperti dibawah ini :

1. Jalankan Enclipse-Juno Pilih menu, File > New > Application Android Project

2. Isikan Nama Project  pada isian berikut  ini :

·         Application Name         : WidgetEditText    {nama aplikasi yang dibuat)

·         Project Name                  : WidgetEditText    {nama proyek}

·         PackageName                : com.example.widgetedittext  {nama paket]

·         Minimum Required SDK: (tidak usah dirubah) {minimum versi android

Bisa menggunakan }

·         Target SDK                     : tidak usah dirubah)   {versi  android yang diset}

·         Compile with                   : (tidak usah dirubah)  {versi android yang meng-kompilasi}

·         Theme                            : (tidak usah dirubah)  {set  tampilan layar}

3. Kemudian Klik Next…

4. Kemudian akan terbuka window Configure Project (Konfigurasi Proyek) seperti berikut :

·         Create custom launcer icon : { icon untuk aplikasi (type: jpg,gif, png dan lain-lain}

·         Create Activity                 : { aktivitas yang akan dibuat pada aplikasi}

·         Create project in workspace: {area kerja (disk drive) untuk menempatkan proyek aplikasi}

Catatan : pada proses ini boleh dirubah atau kita biarkan saja.

Selanjutnya klik Next> saja setelah menyelesaikan konfigurasi pada proses diatas.

5. Kemudian akan terbuka aplikasi yang akan kita dibuat bersamaan dengan dua file Java

dan Xml yaitu WidgetTextactivity.java dan WidgetTextedit.xml

6. Kemudian edit  WidgetTextActivity.java pada folder: src>WidgetTextactivity.java :

7. Kemudian edit  activity_widgetedittext.xml  pada folder: res>layout>widgetEditText.xml :

8. Lakukan Run dengan shortcut CTRL+F11 atau klik kanan package > run as > android Application.

9. Source code :

7. Lihat hasilnya :

Read More

Source Code Table Layout dengan Aplikasi Android

 /* Tablelayout.java */

 sbb:

package com.tablelayout;

import android.support.v7.app.ActionBarActivity;

import android.os.Bundle;

public class MainActivity extends ActionBarActivity {

      @Override

      protected void onCreate(Bundle savedInstanceState) {

            super.onCreate(savedInstanceState);

            setContentView(R.layout.activity_main);

      }

     

}

/* TableLayout Activity.xml */

 Sbb:

<?xml version="1.0" encoding="utf-8"?>

<TableLayout

    xmlns:android="http://schemas.android.com/apk/res/android"

    android:layout_width="fill_parent"

    android:layout_height="fill_parent"

    android:stretchColumns="1">

    <TableRow>

        <TextView

            android:layout_column="1"

            android:text="Open"

            android:padding="3dip" />

        <TextView

            android:text="Ctrl-O"

            android:gravity="right"

            android:padding="3dip" />

        </TableRow>

        <TableRow>

        <TextView

            android:layout_column="1"

            android:text="Save"

            android:padding="3dip" />

        <TextView

            android:text="Ctrl-S"

            android:gravity="right"

            android:padding="3dip" />

        </TableRow>

        <TableRow>

        <TextView

           android:layout_column="1"

           android:text="Save As"

           android:padding="3dip" />

        <TextView

            android:text="Ctrl-Shift-S"

            android:gravity="right"

            android:padding="3dip" />

        </TableRow>

        <View

            android:layout_height="2dip"

            android:background="#FF909090" />

            <TableRow>

                <TextView

                    android:text="X"

                    android:padding="3dip" />

                 <TextView android:text="Sales"

                     android:padding="3dip" />

                 </TableRow> <TableRow>

                 <TextView

                     android:text="X"

                     android:padding="3dip" />

                 <TextView

                     android:text="Order"

                     android:padding="3dip" />

                 <TextView

                     android:text="Ctrl-S"

                     android:gravity="right"

                     android:padding="3dip" />

                  </TableRow>

              <View

                  android:layout_height="2dip"

                  android:background="#FF909090" />

               <TableRow>

                   <TextView

                       android:layout_column="1"

                       android:text="Quit"

                       android:padding="3dip" />

                 </TableRow>

</TableLayout>

Read More