Kode program layout xml dan tampilan ui graphical (menggunakan eclipse)
1 like2,027 views
coding dan layout xml serta tampilan ui graphical pembuatan aplikasi di eclipse (android) mobile
Kode program layout xml dan tampilan ui graphical (menggunakan eclipse)
- 1. Kode Program Layout xml dan tampilan UI graphical 1. Layout Splash <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:background="@drawable/background" 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=".Splash" > <ProgressBar android:id="@+id/progressBar1" style="?android:attr/progressBarStyleLarge" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_centerHorizontal="true" android:layout_centerVertical="true" /> </RelativeLayout> 2. Layout Isi Kamus (Menu) <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:background="@drawable/menuutama" android:paddingBottom="@dimen/activity_vertical_margin" android:paddingLeft="@dimen/activity_horizontal_margin"
- 2. android:paddingRight="@dimen/activity_horizontal_margin" android:paddingTop="@dimen/activity_vertical_margin" tools:context=".IsiKamus" > <ImageButton android:id="@+id/imgangka" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_alignParentTop="true" android:layout_marginRight="15dp" android:layout_marginTop="75dp" android:layout_toLeftOf="@+id/imgbuah" android:background="@drawable/numbers" android:src="@drawable/numbers" /> <ImageButton android:id="@+id/imgbuah" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_alignParentRight="true" android:layout_alignTop="@+id/imgangka" android:background="@drawable/fruit" android:src="@drawable/fruit" /> <ImageButton android:id="@+id/imgfamily" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_alignLeft="@+id/imgbuah" android:layout_below="@+id/imgbuah" android:layout_marginTop="16dp" android:background="@drawable/familys" android:src="@drawable/familys" /> <ImageButton android:id="@+id/imgvehicle" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_alignLeft="@+id/imgangka" android:layout_alignTop="@+id/imgfamily" android:background="@drawable/vegetable" android:src="@drawable/vehicles" /> <ImageButton android:id="@+id/imgsayuran" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_alignLeft="@+id/imgfamily" android:layout_below="@+id/imgfamily" android:layout_marginTop="21dp" android:background="@drawable/vegetable" android:src="@drawable/vegetable" /> <ImageButton android:id="@+id/imghewan" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_alignLeft="@+id/imgvehicle" android:layout_alignTop="@+id/imgsayuran"
- 4. 3. Layout Deskripsi 4. Layout Angka <?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="fill_parent" android:layout_height="fill_parent" android:background="@drawable/backgroundangka" android:orientation="vertical" > <FrameLayout android:layout_width="wrap_content" android:layout_height="wrap_content" > <ImageView android:layout_width="wrap_content" android:layout_height="wrap_content" /> </FrameLayout> <TextView android:layout_width="fill_parent" android:layout_height="wrap_content" android:text="ANGKA | NUMBER" android:textColor="#ffff00ff" android:background="#ffffffff"> </TextView> <Gallery
- 5. android:id="@+id/gallery1" android:layout_width="fill_parent" android:layout_height="100px" > </Gallery> <ImageView android:id="@+id/image1" android:layout_width="320px" android:layout_height="250px" android:scaleType="fitXY" /> </LinearLayout> 5. Layout Buah <?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="fill_parent" android:layout_height="fill_parent" android:background="@drawable/backgroundfruits" android:orientation="vertical" > <FrameLayout android:layout_width="wrap_content" android:layout_height="wrap_content" > <ImageView android:layout_width="wrap_content" android:layout_height="wrap_content" /> </FrameLayout> <TextView android:layout_width="fill_parent" android:layout_height="wrap_content" android:background="#ffffffff" android:text="@string/buah" android:textColor="#ffff00ff" >
- 6. </TextView> <Gallery android:id="@+id/gallery1" android:layout_width="fill_parent" android:layout_height="100px" > </Gallery> <ImageView android:id="@+id/image1" android:layout_width="320px" android:layout_height="250px" android:scaleType="fitXY" /> </LinearLayout> 6. Layout Family (Keluarga) <?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="fill_parent" android:layout_height="fill_parent" android:background="@drawable/backgroundkeluarga" android:orientation="vertical" > <FrameLayout android:layout_width="wrap_content" android:layout_height="wrap_content" > <ImageView android:layout_width="wrap_content" android:layout_height="wrap_content" /> </FrameLayout> <TextView
- 7. android:layout_width="fill_parent" android:layout_height="wrap_content" android:background="#ffffffff" android:text="@string/familyku" android:textColor="#ffff00ff" > </TextView> <Gallery android:id="@+id/gallery1" android:layout_width="fill_parent" android:layout_height="100px" > </Gallery> <ImageView android:id="@+id/image1" android:layout_width="320px" android:layout_height="250px" android:scaleType="fitXY" /> </LinearLayout> 7. Layout Hewan <?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="fill_parent" android:layout_height="fill_parent" android:background="@drawable/backroundhewan" android:orientation="vertical" > <FrameLayout android:layout_width="wrap_content" android:layout_height="wrap_content" >
- 8. <ImageView android:layout_width="wrap_content" android:layout_height="wrap_content" /> </FrameLayout> <TextView android:layout_width="fill_parent" android:layout_height="wrap_content" android:background="#ffffffff" android:text="@string/hewan" android:textColor="#ffff00ff" > </TextView> <Gallery android:id="@+id/gallery1" android:layout_width="fill_parent" android:layout_height="100px" > </Gallery> <ImageView android:id="@+id/image1" android:layout_width="320px" android:layout_height="250px" android:scaleType="fitXY" /> </LinearLayout> 8. Layout Kendaraan <?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="fill_parent" android:layout_height="fill_parent" android:background="@drawable/transportationbackground" android:orientation="vertical" > <FrameLayout
- 9. android:layout_width="wrap_content" android:layout_height="wrap_content" > <ImageView android:layout_width="wrap_content" android:layout_height="wrap_content" /> </FrameLayout> <TextView android:layout_width="fill_parent" android:layout_height="wrap_content" android:background="#ffffffff" android:text="@string/kendaraan" android:textColor="#ffff00ff" > </TextView> <Gallery android:id="@+id/gallery1" android:layout_width="fill_parent" android:layout_height="100px" > </Gallery> <ImageView android:id="@+id/image1" android:layout_width="320px" android:layout_height="250px" android:scaleType="fitXY" /> </LinearLayout> 9. Layout Sayur <?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:id="@+id/LinearLayout1"
- 10. android:layout_width="fill_parent" android:layout_height="fill_parent" android:background="@drawable/background_2" android:orientation="vertical" > <FrameLayout android:layout_width="wrap_content" android:layout_height="wrap_content" > <ImageView android:layout_width="wrap_content" android:layout_height="wrap_content" /> </FrameLayout> <TextView android:layout_width="fill_parent" android:layout_height="wrap_content" android:background="#ffffffff" android:text="SAYURAN | VEGETABLES" android:textColor="#ffff00ff" > </TextView> <Gallery android:id="@+id/gallery1" android:layout_width="fill_parent" android:layout_height="100px" > </Gallery> <ImageView android:id="@+id/image1" android:layout_width="320px" android:layout_height="250px" android:scaleType="fitXY" /> </LinearLayout>