MEMBUAT APLIKASI ANDROID – LAYOUT MANAGER

MEMBUAT APLIKASI ANDROID – LAYOUT MANAGER

1.       Buka aplikasi eclipse

2.       Buat Project baru. File > New > Android Application Project

3.       Buka tab activity_main.xml

4.       Ketikan coding berikut :

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

    xmlns:tools="http://schemas.android.com/tools"

    android:id="@+id/TableLayout1"

    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=".MainActivity" >

    <TableRow>

        <RelativeLayout >

        <Button

            android:id="@+id/view2"

            android:layout_width="wrap_content"

            android:layout_height="wrap_content"

            android:text="view2"

            android:height="75dp"

            android:width="135dp"/>

        <Button

            android:id="@+id/view1"

            android:layout_width="wrap_content"

            android:layout_height="wrap_content"

            android:text="view1"

            android:width="135dp"

            android:height="150dp"

            android:layout_toRightOf="@id/view2" />

        <Button

            android:id="@+id/view3"

            android:text="view3"

            android:layout_width="wrap_content"

            android:layout_height="wrap_content"

            android:layout_below="@id/view2"

            android:height="75dp"

            android:width="135dp"/>

       

        </RelativeLayout>

    </TableRow>

   

    <TableRow >

        <RelativeLayout >

            <Button

                android:id="@+id/view4"

                android:text="view4"

                android:layout_width="wrap_content"

                android:layout_height="wrap_content"

                android:height="80dp"

                android:width="270dp"/>

        </RelativeLayout>

    </TableRow>

    <TableRow >

        <RelativeLayout >

            <Button

                android:id="@+id/view5"

                android:text="view5"

                android:layout_width="wrap_content"

                android:layout_height="wrap_content"

                android:width="135dp"

                android:height="150dp"/>

            <Button

            android:id="@+id/view6"

            android:layout_width="wrap_content"

            android:layout_height="wrap_content"

            android:text="view6"

            android:height="75dp"

            android:width="135dp"

            android:layout_toRightOf="@id/view5"/>

            <Button

                android:id="@+id/view7"

                android:layout_width="wrap_content"

                android:layout_height="wrap_content"

                android:layout_alignParentRight="true"

                android:layout_below="@+id/view6"

                android:height="75dp"

                android:text="view7"

                android:width="135dp" />

        </RelativeLayout>

    </TableRow>

</TableLayout>

5.       Lalu buka MainActivity.java pada folder “src”

6.       Ketikan coding berikut :

import android.os.Bundle;

import android.app.Activity;

import android.view.Menu;

public class MainActivity extends Activity {

   @Override

   protected void onCreate(Bundle savedInstanceState) {

         super.onCreate(savedInstanceState);

         setContentView(R.layout.activity_main);

   }

   @Override

   public boolean onCreateOptionsMenu(Menu menu) {

         // Inflate the menu; this adds items to the action bar if it is present.

         getMenuInflater().inflate(R.menu.main, menu);

         return true;

   }

}

7.       Lalu Run program tersebut dengan cara klik kanan pada project > Run As > Android Application Project

8.       Jika berhasil maka akan muncul tampilan seperti berikut :