Minggu, 17 November 2013

Tutorial membuat Layout dan MultiScreen

·         Buka Java-ADT Bundle maka akan muncul tampilan seperti di bawah ini, pilih menu File-klik New – Android Application Project.

·         Isikan nama project dan packagenya, klik Next.


·         Kemudian klik Next lagi sampai ke tampilan Blank Activity lalu klik Finish.


·         Maka saatnya mendesain projectnya menggunakan palette Large, textview dan button Daftar dan button Lihat Gambar.


·         Tambahkan class baru untuk pengisian biodata dan Gambar. Dengan cara klik kanan pada package – new – class.


·         Isikan namanya dengan ViewDaftar.


·         Tambahkan class baru lagi dengan nama ViewGambar. Dan tambahkan juga layoutnya dengan klik kanan pada layout – new – Android XML file.


·         Isikan dengan nama viewdaftar, begitu juga dengan view gambar.


·         Ketikkan coding di bawah ini pada MainActivity.java
package apa.example.layout;

import android.os.Bundle;
import android.app.Activity;
import android.content.Intent;
import android.view.Menu;
import android.view.View;
import android.widget.Button;

public class MainActivity extends Activity {

      private Button btndaftar,btnlihat;
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        final Intent panggildaftar = new Intent(this,VieDaftar.class);
        btndaftar = (Button) findViewById(R.id.btndaftar);
        btndaftar.setOnClickListener(new View.OnClickListener() {
                 
                  @Override
                  public void onClick(View arg0) {
                        // TODO Auto-generated method stub
                        startActivity(panggildaftar);
                  }
            });
        final Intent panggilgambar = new Intent (this,Viewgambar.class);
        btnlihat = (Button) findViewById(R.id.btnlihat);
        btnlihat.setOnClickListener(new View.OnClickListener() {
                 
                  @Override
                  public void onClick(View arg0) {
                        // TODO Auto-generated method stub
                        startActivity(panggilgambar);
                  }
            });
    }


    @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;
    }
   
}

·         Pada layout viewdaftar masukkan palette textview untuk nama dan alamat.
Seperti gambar di bawah ini:


·         Pada Android Manifest.xml ketikkan coding di bawah ini dengan benar.


<?xml version="1.0" encoding="utf-8"?>
<manifest xmlns:android="http://schemas.android.com/apk/res/android"
    package="apa.example.layout"
    android:versionCode="1"
    android:versionName="1.0" >

    <uses-sdk
        android:minSdkVersion="8"
        android:targetSdkVersion="17" />

    <application
        android:allowBackup="true"
        android:icon="@drawable/ic_launcher"
        android:label="@string/app_name"
        android:theme="@style/AppTheme" >
        <activity
            android:name="apa.example.layout.MainActivity"
            android:label="@string/app_name" >
            <intent-filter>
                <action android:name="android.intent.action.MAIN" />

                <category android:name="android.intent.category.LAUNCHER" />
            </intent-filter>
        </activity>
         <activity
            android:name="apa.example.layout.VieDaftar"
            android:label="@string/app_name" >
            </activity>
             <activity
            android:name="apa.example.layout.Viewgambar"
            android:label="@string/app_name" >
            </activity>
    </application>

</manifest>

·         Pada viewdaftar.java codingnya :
package apa.example.layout;

import android.app.Activity;
import android.os.Bundle;

public class VieDaftar extends Activity{


@Override
protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.viewdaftar);
}
}
·         Pada viewgambar.java codingnya:
import android.app.Activity;
import android.os.Bundle;

public class Viewgambar extends Activity{
     @Override
     protected void onCreate(Bundle savedInstanceState) {
         super.onCreate(savedInstanceState);
         setContentView(R.layout.viewgambar);
     }
     }

·         Viewdaftar.xml
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical" >

    <TextView
        android:id="@+id/textView1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="@string/txtbio"
        android:textAppearance="?android:attr/textAppearanceLarge" />

    <TextView
        android:id="@+id/txtnama"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="@string/txtnama" />

    <EditText
        android:id="@+id/txnama"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:ems="10" >

        <requestFocus />
    </EditText>

    <TextView
        android:id="@+id/txtalamat"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="@string/txtalamat" />

    <EditText
        android:id="@+id/txalamat"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:ems="10" />

</LinearLayout
·         Jalankan programnya dengan cara klik kanan pada project Run As – Android Application. Akan muncul tampilan menu.


·         Pilih project yang telah di buat sesuai namanya yaitu Layout.


·         Jika project Layout tersebut dibuka, tampilan pertama akan seperti gambar di bawah ini:


·         Klik button daftar.


·         Isikan nama dan alamat.


·         Jika klik Lihat Gambar.


0 komentar:

Posting Komentar