Android 프로그램 개발 의 사용자 정의 설정 TabHost,TabWidget 스타일

먼저 효과 보기:

경 동상 점 하단 메뉴 표시 줄

시 나 웨 이 보 하단 메뉴 표시 줄

이번 학습 효과 도:

첫째,홈 레이아웃 파일(시작 페이지 main.xml,res/layot 디 렉 터 리 에 있 음)코드

<?xml version="." encoding="utf-"?>
<TabHost xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:id="@+id/tabhost">
<LinearLayout 
android:id="@+id/linear"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:orientation="vertical">
<TabWidget 
android:id="@android:id/tabs"
android:layout_width="fill_parent"
android:layout_height="wrap_content"></TabWidget>
<FrameLayout 
android:id="@android:id/tabcontent"
android:layout_width="fill_parent"
android:layout_height="fill_parent">
<LinearLayout
android:id="@+id/tab"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:orientation="vertical">
<TextView 
android:id="@+id/tab_txt"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:gravity="center"
android:text=" "/>
</LinearLayout>
<LinearLayout
android:id="@+id/tab"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:orientation="vertical">
<TextView 
android:id="@+id/tab_txt"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:gravity="center"
android:text=" "/>
</LinearLayout>
<LinearLayout
android:id="@+id/tab"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:orientation="vertical">
<TextView 
android:id="@+id/tab_txt"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:gravity="center"
android:text=" "/>
</LinearLayout>
<LinearLayout
android:id="@+id/tab"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:orientation="vertical">
<TextView 
android:id="@+id/tab_txt"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:gravity="center"
android:text="  "/>
</LinearLayout>
</FrameLayout>
</LinearLayout>
</TabHost> 

둘째,이 TabWidget 을 표시 하 는 레이아웃 tabmini.xml 을 만 듭 니 다.(res/layot 디 렉 터 리 에 있 음)

<?xml version="." encoding="utf-"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:paddingTop="dp"
android:paddingLeft="dp"
android:paddingRight="dp"
android:background="#CEC" >
<TextView 
android:id="@+id/tab_label"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:layout_centerInParent="true"
android:gravity="center"
android:textColor="#"
android:textStyle="bold"
android:background="@drawable/tabmini"/>
</RelativeLayout>

셋째,drawable 에 selector 를 만 들 고 tabmini.xml 라 는 이름 으로 TabHost 의 tab 를 클릭 할 때 TextView 의 변 화 를 만 듭 니 다.

<?xml version="." encoding="utf-"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android" >
<item 
android:state_selected="true"
android:drawable="@drawable/add_managebg_down"/> 
<item 
android:state_selected="false" 
android:drawable="@drawable/add_managebg"/>
</selector> 

넷 째,자바 코드,Activity 에서 TabHost 구현

package com.example.androidtest____meihuatubiao;
import android.app.Activity;
import android.os.Bundle;
import android.view.LayoutInflater;
import android.view.View;
import android.widget.TabHost;
import android.widget.TextView;
public class Main extends Activity {
@Override
protected void onCreate(Bundle savedInstanceState){
super.onCreate(savedInstanceState);
setContentView(R.layout.main);
View niTab=(View)LayoutInflater.from(this).inflate(R.layout.tabmini, null);
TextView niTxt=(TextView)niTab.findViewById(R.id.tab_label);
niTxt.setText("ni");
View woTab=(View)LayoutInflater.from(this).inflate(R.layout.tabmini, null);
TextView woTxt=(TextView)woTab.findViewById(R.id.tab_label);
woTxt.setText("wo");
View taTab=(View)LayoutInflater.from(this).inflate(R.layout.tabmini, null);
TextView taTxt=(TextView)taTab.findViewById(R.id.tab_label);
taTxt.setText("ta");
View weTab=(View)LayoutInflater.from(this).inflate(R.layout.tabmini, null);
TextView weTxt=(TextView)weTab.findViewById(R.id.tab_label);
weTxt.setText("we");
TabHost tabs=(TabHost)findViewById(R.id.tabhost);
tabs.setup();
tabs.addTab(tabs.newTabSpec("niTab").setContent(R.id.tab).setIndicator(niTab));
tabs.addTab(tabs.newTabSpec("woTab").setContent(R.id.tab).setIndicator(woTab));
tabs.addTab(tabs.newTabSpec("taTab").setContent(R.id.tab).setIndicator(taTab));
tabs.addTab(tabs.newTabSpec("weTab").setContent(R.id.tab).setIndicator(weTab));
}
}

이상 의 내용 은 여러분 께 공 유 된 안 드 로 이 드 프로그램 개발 의 사용자 정의 설정 TabHost,TabWidget 스타일 입 니 다.여러분 께 도움 이 되 셨 으 면 합 니 다!