Tutorial Tab Menu

7
TUGAS PEMROGRAMAN MOBILE TUTORIAL TAB MENU DENGAN ECLIPSE NAMA : BUGAR HENOCH M NIM : 13.12.0009 KELAS : SI 12 B SEKOLAH TINGGI MANAJEMEN INFORMATIKA DAN KOMPUTER AMIKOM PURWOKERTO JL. LET. JEND. POL SUMARTO PURWOKERTO 2013

description

cara membuat tab menu dengan eclipse

Transcript of Tutorial Tab Menu

Page 1: Tutorial Tab Menu

TUGAS PEMROGRAMAN MOBILE

TUTORIAL TAB MENU DENGAN ECLIPSE

NAMA : BUGAR HENOCH M

NIM : 13.12.0009

KELAS : SI 12 B

SEKOLAH TINGGI MANAJEMEN INFORMATIKA DAN KOMPUTER

AMIKOM PURWOKERTO

JL. LET. JEND. POL SUMARTO PURWOKERTO

2013

Page 2: Tutorial Tab Menu

Tutorial Membuat TabMenu Sederhana dengan Eclipse

Dapat kita ketahui mengenai pilihan menu, untuk itu dala penjelasan

praktikum mengenai cara membuat pilihan menu sebagai berikut.

1) Buka eclipse buat project baru file new application

beri nama project next hingga finish.

2) Kemudian buat kode program seperti berikut ini padaMainActivity.java

package com.example.tabandroid;

import android.os.Bundle;import android.app.Activity;import android.view.Menu;import android.widget.TabHost;import android.widget.TabHost.TabSpec;

public class MainActivity extends Activity {

@Overrideprotected void onCreate(Bundle savedInstanceState) {

super.onCreate(savedInstanceState);setContentView(R.layout.activity_main);

TabHost tabHost=(TabHost)findViewById(R.id.tabHost);tabHost.setup();

Page 3: Tutorial Tab Menu

TabSpec spec1=tabHost.newTabSpec("NAMA");spec1.setContent(R.id.tab1);spec1.setIndicator("NAMA");

TabSpec spec2=tabHost.newTabSpec("KELAS");spec2.setIndicator("KELAS");spec2.setContent(R.id.tab2);

TabSpec spec3=tabHost.newTabSpec("NIM");spec3.setIndicator("NIM");spec3.setContent(R.id.tab3);

tabHost.addTab(spec1);tabHost.addTab(spec2);tabHost.addTab(spec3);}

@Overridepublic boolean onCreateOptionsMenu(Menu menu) {

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

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

}

Kemudian masuk ke Activity_main.xml nya ketikan seperti dibawah ini

<?xml version="1.0" encoding="utf-8"?>

<TabHost android:layout_width="fill_parent"android:layout_height="fill_parent"android:id="@+id/tabHost"xmlns:android="http://schemas.android.com/apk/res/android"><TabWidgetandroid:layout_width="fill_parent"android:layout_height="wrap_content"android:id="@android:id/tabs"/><FrameLayoutandroid:layout_width="fill_parent"android:layout_height="fill_parent"android:id="@android:id/tabcontent"><LinearLayoutandroid:layout_width="fill_parent"android:layout_height="wrap_content"android:id="@+id/tab1"android:orientation="vertical"android:paddingTop="60dp"><TextViewandroid:layout_width="fill_parent"android:layout_height="100dp"

Page 4: Tutorial Tab Menu

Android:text="Bugar Henoch M"android:id="@+id/txt1"/>

</LinearLayout>

<LinearLayoutandroid:layout_width="fill_parent"android:layout_height="fill_parent"android:id="@+id/tab2"android:orientation="vertical"android:paddingTop="60dp"><TextViewandroid:layout_width="fill_parent"android:layout_height="100dp"android:text="SI 12 B"android:id="@+id/txt2"/>

</LinearLayout>

<LinearLayoutandroid:layout_width="fill_parent"android:layout_height="fill_parent"

android:id="@+id/tab3"android:orientation="vertical"android:paddingTop="60dp"><TextViewandroid:layout_width="fill_parent"android:layout_height="100dp"android:text="13.12.0009"android:id="@+id/txt3"/>

</LinearLayout></FrameLayout>

</TabHost>

Page 5: Tutorial Tab Menu

Buatlah device manager pada android sebelum menjalankan programnya

Berikut ini merupakan hasil output dari aplikasi tabhost

Page 6: Tutorial Tab Menu
Page 7: Tutorial Tab Menu