Tab을 이용한 화면 구성 - 실습

 

 package org.kosta.tab.test;

import android.os.Bundle;
import android.app.Activity;
import android.app.TabActivity;
import android.view.Menu;
import android.view.MenuItem;
import android.widget.TabHost;
import android.widget.TabHost.TabSpec;
import android.support.v4.app.NavUtils;

public class MainActivity extends TabActivity{

    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.main);
        //TabHost 객체 조회
        @SuppressWarnings("deprecation")
  TabHost host = getTabHost();
        /*
         * TabSpec생성
         * 생성 : TabHost객체.newTabSpec()
         * TabSpec 구성
         *  - tab indicator(탭)
         *  - tab content(내용)
         */
        TabSpec tab1 = host.newTabSpec("f-1");//f-1은 태그. 검색할때 사용하는 라벨같은 역할
        tab1.setIndicator("1번탭");
        tab1.setContent(R.id.tab1);
        TabSpec tab2 = host.newTabSpec("f-2").setIndicator("2번탭").setContent(R.id.tab2);
        TabSpec tab3 = host.newTabSpec("f-3").setIndicator("3번탭").setContent(R.id.tab3);
        //Tab Host에 탭 추가
        host.addTab(tab1);
        host.addTab(tab2);
        host.addTab(tab3);
       
      
    }

    @Override
    public boolean onCreateOptionsMenu(Menu menu) {
        getMenuInflater().inflate(R.menu.activity_main, menu);
        return true;
    }

   
}

 

<?xml version="1.0" encoding="utf-8"?>
<TabHost xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:id="@android:id/tabhost" >
    <LinearLayout
        android:layout_width="match_parent"
     android:layout_height="match_parent"
     android:orientation="vertical">
        <!-- TabWidget - id - android:id/tabs -->
        <TabWidget
              android:layout_width="match_parent"
       android:layout_height="wrap_content"
       android:id="@android:id/tabs"/>
        <!-- Tab 내용(Content)들이 들어갈 위치 지정 - FrameLayout
            id - android:id/tabcontent
            내주에 탭의 content를 담당할 화면을 구성한다.
        -->
        <FrameLayout
            android:layout_width="match_parent"
      android:layout_height="match_parent"
      android:id="@android:id/tabcontent">
      <LinearLayout
           android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:id="@+id/tab1">
          <TextView
              android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:text="탭 A입니다."/>
      </LinearLayout>
            <LinearLayout
           android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:id="@+id/tab2">
          <TextView
              android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:text="탭 B입니다."/>
      </LinearLayout>
      <RelativeLayout
          android:layout_width="match_parent"
       android:layout_height="match_parent"
       android:id="@+id/tab3">
          <TextView
              android:layout_width="wrap_content"
         android:layout_height="wrap_content"
         android:layout_centerInParent="true"
         android:text="탭C입니다."
         android:background="#3333FF"/>
      </RelativeLayout>
        </FrameLayout>
    </LinearLayout>
</TabHost>