Scribd
Upload
92 views14 pages

Android Menu Menu Listview: Create Project

The document provides instructions for creating an Android tab menu application. It includes code snippets for the XML layout files to define the tab layout and individual tab content views. It also includes Java class code for the main activity and classes for each tab content. The main activity will initialize the tab host and switch between the tab content activities. Images are provided for each tab content view. The steps also include registering the tab activities in the Android manifest file.

Uploaded by

Erfan Hasmin
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
92 views14 pages

Android Menu Menu Listview: Create Project

The document provides instructions for creating an Android tab menu application. It includes code snippets for the XML layout files to define the tab layout and individual tab content views. It also includes Java class code for the main activity and classes for each tab content. The main activity will initialize the tab host and switch between the tab content activities. Images are provided for each tab content view. The steps also include registering the tab activities in the Android manifest file.

Uploaded by

Erfan Hasmin
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 14

ANDROID MENU

MENU LISTVIEW

Create Project
Susunan file java

Susunan file XML

Membuat tampilan Listview. Pada activiy_main.xml tulis kode berikut ini :


Activity_menu_1.xml

Activity_menu_2.xml

Activity_menu_3.xml
Buka MainActivity.java lalu tulis kode berikut ini :
package com.example.menulistview;
import java.util.ArrayList;
import java.util.HashMap;
import android.app.Activity;
import android.content.Intent;
import android.os.Bundle;
import android.widget.AdapterView.OnItemClickListener;
import android.view.View;
import android.widget.AdapterView;
import android.widget.ArrayAdapter;
import android.widget.ListView;

public class MainActivity extends Activity implements OnItemClickListener{


private ListView lv;
ArrayAdapter<String> adapter;
ArrayList<HashMap<String, String>> menu;

@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);

String[] menu = new String[] {


"Menu 1",
"Menu 2",
"Menu 3",
"Keluar"
};

lv = (ListView)findViewById(R.id.list_view);
lv.setOnItemClickListener(new AdapterView.OnItemClickListener() {
public void onItemClick(AdapterView<?> parent, View view, int position,
long id) {
// TODO Auto-generated method stub
String pilihan = (lv.getItemAtPosition(position).toString());
tampilkanMenu(pilihan);
}

private void tampilkanMenu(String pilihan) {


// TODO Auto-generated method stub
Intent i = null;
if (pilihan.equals("Menu 1")) {
i = new Intent(MainActivity.this, Menu1_Activity.class);
}
else if (pilihan.equals("Menu 2")) {
i = new Intent(MainActivity.this, Menu2_Activity.class);
}
else if (pilihan.equals("Menu 3")) {
i = new Intent(MainActivity.this, Menu3_Activity.class);
}
startActivity(i);
}
});
adapter = new ArrayAdapter<String>(this, R.layout.list_menu, R.id.nama_menu,
menu);
lv.setAdapter(adapter);
}

@Override
public void onItemClick(AdapterView<?> parent, View view, int position,
long id) {
// TODO Auto-generated method stub

}
}

Menu1_activity.java
package com.example.menulistview;
import android.app.Activity;
import android.os.Bundle;

public class Menu1_Activity extends Activity {


protected void onCreate(Bundle SavedInstanceState) {
super.onCreate(SavedInstanceState);
setContentView(R.layout.activity_menu_1);
}
}

Menu2_activity.java
package com.example.menulistview;
import android.app.Activity;
import android.os.Bundle;

public class Menu2_Activity extends Activity {


protected void onCreate(Bundle SavedInstanceState) {
super.onCreate(SavedInstanceState);
setContentView(R.layout.activity_menu_2);
}
}

Menu3_activity.java
package com.example.menulistview;
import android.app.Activity;
import android.os.Bundle;

public class Menu3_Activity extends Activity {


protected void onCreate(Bundle SavedInstanceState) {
super.onCreate(SavedInstanceState);
setContentView(R.layout.activity_menu_3);
}
}
Karena disini kita membuat 3 Activity baru, maka kita harus mendaftarkannya terlebih dahulu di
Android Manifest. Caranya klik file AndroidManifest.xml lalu tambahkan baris kode berikut
sebelum tag penutup </application>
<activity android:name=".Menu1_Activity"></activity>
<activity android:name=".Menu2_Activity"></activity>
<activity android:name=".Menu3_Activity"></activity>
Sehingga file Androidmanifest.xml tampak seperti dibawah ini
<?xml version="1.0" encoding="utf-8"?>
<manifest xmlns:android="http://schemas.android.com/apk/res/android"
package="com.example.menulistview"
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="com.example.menulistview.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=".Menu1_Activity"></activity>
<activity android:name=".Menu2_Activity"></activity>
<activity android:name=".Menu3_Activity"></activity>
</application>
</manifest>

Jalankan Program
ANDROID TAB MENU

Buat Project dengan nama : TabMenu

Susunan file XML

Susunan file java

Siapkan file 3 file gambar seperti dibawah pada folder resdrawable-hdpi

file.png foto.png Video.pnpg


Activity_main.xml
<?xml version="1.0" encoding="utf-8"?>
<TabHost xmlns:android="http://schemas.android.com/apk/res/android"
android:id="@android:id/tabhost"
android:layout_width="fill_parent"
android:layout_height="fill_parent">
<LinearLayout
android:orientation="vertical"
android:layout_width="fill_parent"
android:layout_height="fill_parent">
<TabWidget
android:id="@android:id/tabs"
android:layout_width="fill_parent"
android:layout_height="wrap_content"/>
<FrameLayout

android:id="@android:id/tabcontent"
android:layout_width="fill_parent"
android:layout_height="fill_parent"/>
</LinearLayout>

</TabHost>

Video.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:text="Tab video"
android:padding="15dip"
android:textSize="18dip"
android:layout_width="fill_parent"
android:layout_height="wrap_content"/>

<RelativeLayout
android:layout_width="match_parent"
android:layout_height="match_parent" >
<ImageView
android:id="@+id/imageView1"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignParentTop="true"
android:layout_centerHorizontal="true"
android:layout_marginTop="83dp"
android:src="@drawable/video" />

</RelativeLayout>
</LinearLayout>
Foto.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:text="Tab foto"
android:padding="15dip"
android:textSize="18dip"
android:layout_width="fill_parent"
android:layout_height="wrap_content"/>

<RelativeLayout
android:layout_width="match_parent"
android:layout_height="match_parent" >

<ImageView
android:id="@+id/imageView1"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignParentLeft="true"
android:layout_alignParentTop="true"
android:layout_marginTop="34dp"
android:src="@drawable/foto" />
</RelativeLayout>
</LinearLayout>

File.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:layout_width="fill_parent"
android:layout_height="wrap_content"
android:padding="15dip"

android:text="Tab file"
android:textSize="18dip" />

<RelativeLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_weight="1.13" >

<ImageView
android:id="@+id/imageView1"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignParentTop="true"
android:layout_centerHorizontal="true"
android:layout_marginTop="60dp"
android:src="@drawable/file " />
</RelativeLayout>

</LinearLayout>

List_menu.xml
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical">

<!-- Single ListItem -->


<TextView
android:id="@+id/nama_menu"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:textColor="#000000"
android:textStyle="bold"/>

</LinearLayout>

Class File.java
package com.example.tabmenu;

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

public class file extends Activity{


@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.file);
}
}

Class Video.java
package com.example.tabmenu;
import android.app.Activity;
import android.os.Bundle;

public class video extends Activity{


@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.video);
}

}
Class Foto.java
package com.example.tabmenu;

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

public class foto extends Activity{


@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.foto);
}
}
Mainactivity.java
package com.example.tabmenu;

import android.os.Bundle;
import android.app.TabActivity;
import android.content.Intent;
import android.widget.TabHost;
import android.widget.TabHost.TabSpec;

public class MainActivity extends TabActivity {

@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
TabHost tabhost=getTabHost();
TabSpec foto=tabhost.newTabSpec("Foto");

foto.setIndicator("Foto",getResources().getDrawable(R.drawable.tabfoto
));
Intent fotoIntent=new Intent(this, foto.class);
foto.setContent(fotoIntent);

TabSpec file=tabhost.newTabSpec("File");

file.setIndicator("File",getResources().getDrawable(R.drawable.tabfile
));
Intent fileIntent=new Intent(this, file.class);
file.setContent(fileIntent);

TabSpec video=tabhost.newTabSpec("Video");

video.setIndicator("Video",getResources().getDrawable(R.drawable.tabvi
deo));
Intent videoIntent=new Intent(this, video.class);
video.setContent(videoIntent);

tabhost.addTab(foto);
tabhost.addTab(file);
tabhost.addTab(video);
}

}
Dan langkah terakhir adalah mendaftarkan 3 class java tambahan yang kita buat tadi pada
AndroidManifest.xml.
<?xml version="1.0" encoding="utf-8"?>
<manifest xmlns:android="http://schemas.android.com/apk/res/android"
package="com.example.tabmenu"
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="com.example.tabmenu.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="com.example.tabmenu.foto"
android:label="@string/app_name" >
</activity>
<activity
android:name="com.example.tabmenu.file"
android:label="@string/app_name" >
</activity>
<activity
android:name="com.example.tabmenu.video"
android:label="@string/app_name" >

</activity>
</application>

</manifest>
Jalankan Program

You might also like