Tuesday, 16 September 2014

Memanggil Activity Lain pada Android

Ketemu lagi :) pada postingan kali ini saya akan membahas seputar android, yaitu bagaimana sih memanggil form atau layout dari layout lainnya. dalam proses pembuatan aplikasi pasti membutuhkan tampilan lebih dari satu form aplikasi maka dari itu saya bahas malasah ini barang kali ada yang belum mengetahui konsep dasar dari android.

Okey langsung saja kita mulai.

pertama jalankan Eclipse IDE yang sudah support android pastinya.

Buat project caranya Klik File --> New --> Android Application Project

new project

Next trus sampai muncul tampilan seperti dibawah ini.

activity name


FInish dan selesai membuat Project Android.


Langkah selanjutnya buatlah User Interface dengan cara Pilih File --> New --> Android XML File

form2


Tuliskan namanya yaitu form2 kemudian Finish.


Setelah itu buka file form2.xml pada folder res/layout dan ubahlah tampilan menjadi seperti dibawah ini.


ui form2


berikut ini scriptnya.



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

    <TextView
        android:id="@+id/textView1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentLeft="true"
        android:layout_alignParentRight="true"
        android:layout_alignParentTop="true"
        android:text="Form 2"
        android:textSize="20sp" />

</RelativeLayout>


Sekarang buka File activity_main.xml dan ubahlah tampilannya menjadi seperti ini.

form1 edit


atau ubah scriptnya menjadi seperti ini.



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

    <Button
        android:id="@+id/button1"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_alignParentRight="true"
        android:text="Panggil Form 2" />

</RelativeLayout>

Form inilah yang akan dijalankan pertama kali.


Setelah selesai membuat User Interfacenya, selanjutnya kita beranjak menuju Activity.


Buatlah File Activity dari Intrerface form2.xml, caranya pilih File --> New --> class


new class


beri nama : Form2Activity dan Package : com.yyaayyaatt.android kemudian finish.


setelah menekan finish maka file akan terbuka otomatis pada halaman Eclipse IDE, kemudian ubah scriptnya menjadi seperti ini.



package com.yyaayyaatt.android;

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

public class Form2Activity extends Activity{

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        // TODO Auto-generated method stub
        super.onCreate(savedInstanceState);
    }
}

simpan class diatas.


selanjutnya adalah mengubah script dari class MainActivity.java, buka class MainActivity.java pada package com.yyaayyaatt.android. ubah scriptnya menjadi seperti dibawah ini.



package com.yyaayyaatt.android;

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

public class MainActivity extends Activity implements OnClickListener { // implement
                                                                        // click
                                                                        // listener
    Button btn; // declarasi komponen buuton

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        btn = (Button) findViewById(R.id.button1); // inisialisasi dengan button
                                                    // pada UI activity_main.xml

        btn.setOnClickListener(this);
    }

    @Override
    public void onClick(View v) {
        // TODO Auto-generated method stub
        startActivity(new Intent(this, Form2Activity.class));// intent untuk
                                                                // memanggil
                                                                // form2 saat
                                                                // klik button
    }
}



Setelah selesai jangan lupa simpan.


langkah terakhir adalah mendaftarkan Activity kedalam AndroidManifest.xml.


buka File AndroidManifest.xml pada root project.



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

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

    <application
        android:allowBackup="true"
        android:icon="@drawable/ic_launcher"
        android:label="@string/app_name"
        android:theme="@style/AppTheme" >
        <activity
            android:name=".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=".Form2Activity"
            ></activity>
    </application>

</manifest>

Tambahkan baris script yang berwarna merah kedalam AndroidManifest.xml kalian.


Coba jalankan Project LatihanAndroid dan lihat hasilnya kurang lebih seperti ini.


hasil1


Terimakasih atas kunjungannya, semoga postinganini bermanfaat untuk kita semua. Amin. :)
Selamat belajar.


Download Project


Download

No comments:

Post a Comment