關於 TabHost 的學習

第一種:繼承TabActivity,從TabActivity中用getTabHost()方法獲取TabHost。只要定義具體Tab內容佈局就行了.

xml佈局:

Java代碼  收藏代碼
  1. <FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"  
  2.     android:layout_width="fill_parent" android:layout_height="fill_parent">   
  3.     <LinearLayout android:id="@+id/widget_layout_Blue"  
  4.         android:layout_width="fill_parent" android:layout_height="fill_parent"  
  5.         android:orientation="vertical" >   
  6.         <EditText android:id="@+id/widget34" android:layout_width="fill_parent"  
  7.             android:layout_height="wrap_content" android:text="EditText"  
  8.             android:textSize="18sp">   
  9.         </EditText>   
  10.         <Button android:id="@+id/widget30" android:layout_width="wrap_content"  
  11.             android:layout_height="wrap_content" android:text="Button">   
  12.         </Button>   
  13.     </LinearLayout>   
  14.     <LinearLayout android:id="@+id/widget_layout_red"  
  15.         android:layout_width="fill_parent" android:layout_height="fill_parent"  
  16.         android:orientation="vertical"  >   
  17.         <AnalogClock android:id="@+id/widget36"  
  18.             android:layout_width="wrap_content" android:layout_height="wrap_content">   
  19.         </AnalogClock>   
  20.     </LinearLayout>   
  21.     <LinearLayout android:id="@+id/widget_layout_green"  
  22.         android:layout_width="fill_parent" android:layout_height="fill_parent"  
  23.         android:orientation="vertical">   
  24.         <RadioGroup android:id="@+id/widget43"  
  25.             android:layout_width="166px" android:layout_height="98px"  
  26.             android:orientation="vertical">   
  27.             <RadioButton android:id="@+id/widget44"  
  28.                 android:layout_width="wrap_content" android:layout_height="wrap_content"  
  29.                 android:text="RadioButton">   
  30.             </RadioButton>   
  31.             <RadioButton android:id="@+id/widget45"  
  32.                 android:layout_width="wrap_content" android:layout_height="wrap_content"  
  33.                 android:text="RadioButton">   
  34.             </RadioButton>   
  35.         </RadioGroup>   
  36.     </LinearLayout>   
  37. </FrameLayout>   
  38.   
  39. java代碼:   
  40. super.onCreate(savedInstanceState);   
  41.         myTabhost=this.getTabHost();   
  42.         //get Tabhost   
  43.         LayoutInflater.from(this).inflate(R.layout.main, myTabhost.getTabContentView(), true);   
  44.         myTabhost.setBackgroundColor(Color.argb(1502270150));   
  45.            
  46.         myTabhost   
  47.                 .addTab(myTabhost.newTabSpec("One")// make a new Tab   
  48.                         .setIndicator("A")   
  49.                         // set the Title and Icon   
  50.                         .setContent(R.id.widget_layout_Blue));   
  51.         // set the layout   
  52.   
  53.         myTabhost   
  54.                 .addTab(myTabhost.newTabSpec("Two")// make a new Tab   
  55.                         .setIndicator("B",   
  56.                                 getResources().getDrawable(R.drawable.mumule))   
  57.                         // set the Title and Icon   
  58.                         .setContent(R.id.widget_layout_green));   
  59.         // set the layout   
  60.   
  61.         myTabhost   
  62.                 .addTab(myTabhost.newTabSpec("Three")// make a new Tab   
  63.                         .setIndicator("C",   
  64.                                 getResources().getDrawable(R.drawable.notepad))   
  65.                         // set the Title and Icon   
  66.                         .setContent(R.id.widget_layout_red));  
<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
	android:layout_width="fill_parent" android:layout_height="fill_parent">
	<LinearLayout android:id="@+id/widget_layout_Blue"
		android:layout_width="fill_parent" android:layout_height="fill_parent"
		android:orientation="vertical" >
		<EditText android:id="@+id/widget34" android:layout_width="fill_parent"
			android:layout_height="wrap_content" android:text="EditText"
			android:textSize="18sp">
		</EditText>
		<Button android:id="@+id/widget30" android:layout_width="wrap_content"
			android:layout_height="wrap_content" android:text="Button">
		</Button>
	</LinearLayout>
	<LinearLayout android:id="@+id/widget_layout_red"
		android:layout_width="fill_parent" android:layout_height="fill_parent"
		android:orientation="vertical"  >
		<AnalogClock android:id="@+id/widget36"
			android:layout_width="wrap_content" android:layout_height="wrap_content">
		</AnalogClock>
	</LinearLayout>
	<LinearLayout android:id="@+id/widget_layout_green"
		android:layout_width="fill_parent" android:layout_height="fill_parent"
		android:orientation="vertical">
		<RadioGroup android:id="@+id/widget43"
			android:layout_width="166px" android:layout_height="98px"
			android:orientation="vertical">
			<RadioButton android:id="@+id/widget44"
				android:layout_width="wrap_content" android:layout_height="wrap_content"
				android:text="RadioButton">
			</RadioButton>
			<RadioButton android:id="@+id/widget45"
				android:layout_width="wrap_content" android:layout_height="wrap_content"
				android:text="RadioButton">
			</RadioButton>
		</RadioGroup>
	</LinearLayout>
</FrameLayout>

java代碼:
super.onCreate(savedInstanceState);
		myTabhost=this.getTabHost();
		//get Tabhost
		LayoutInflater.from(this).inflate(R.layout.main, myTabhost.getTabContentView(), true);
		myTabhost.setBackgroundColor(Color.argb(150, 22, 70, 150));
		
		myTabhost
				.addTab(myTabhost.newTabSpec("One")// make a new Tab
						.setIndicator("A")
						// set the Title and Icon
						.setContent(R.id.widget_layout_Blue));
		// set the layout

		myTabhost
				.addTab(myTabhost.newTabSpec("Two")// make a new Tab
						.setIndicator("B",
								getResources().getDrawable(R.drawable.mumule))
						// set the Title and Icon
						.setContent(R.id.widget_layout_green));
		// set the layout

		myTabhost
				.addTab(myTabhost.newTabSpec("Three")// make a new Tab
						.setIndicator("C",
								getResources().getDrawable(R.drawable.notepad))
						// set the Title and Icon
						.setContent(R.id.widget_layout_red));



第二種:不用繼承TabActivity,在佈局文件中定義TabHost即可,但是TabWidget的id必須是
@android:id/tabs,FrameLayout的id必須是@android:id/tabcontent。TabHost的id可以自定義.

xml佈局:

Java代碼 複製代碼 收藏代碼
  1. <?xml version="1.0" encoding="utf-8"?>   
  2. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"     
  3.     android:id="@+id/hometabs"  
  4.     android:orientation="vertical"  
  5.     android:layout_width="fill_parent"     
  6.     android:layout_height="fill_parent">    
  7.     <TabHost android:id="@+id/tabhost"  
  8.         android:layout_width="wrap_content"  
  9.         android:layout_height="wrap_content">   
  10.         <LinearLayout   
  11.             android:orientation="vertical"  
  12.             android:layout_width="fill_parent"  
  13.             android:layout_height="fill_parent">   
  14.                
  15.             <TabWidget android:id="@android:id/tabs"    
  16.               android:orientation="horizontal"  
  17.               android:layout_width="wrap_content"  
  18.               android:layout_height="wrap_content">   
  19.             </TabWidget>   
  20.             
  21.              <FrameLayout android:id="@android:id/tabcontent"  
  22.                   android:layout_width="wrap_content"  
  23.                   android:layout_height="wrap_content">   
  24.                     <TextView android:id="@+id/view1"  
  25.                         android:layout_width="fill_parent"  
  26.                         android:layout_height="fill_parent"/>   
  27.                     <TextView android:id="@+id/view2"  
  28.                         android:layout_width="fill_parent"  
  29.                         android:layout_height="fill_parent"/>   
  30.                     <TextView android:id="@+id/view3"  
  31.                         android:layout_width="fill_parent"  
  32.                         android:layout_height="fill_parent"/>   
  33.              </FrameLayout>   
  34.             
  35.          </LinearLayout>   
  36.     </TabHost>   
  37. </LinearLayout>   
  38.   
  39. java代碼:   
  40. protected void onCreate(Bundle savedInstanceState) {   
  41.         super.onCreate(savedInstanceState);   
  42.         setContentView(R.layout.hometabs);   
  43.            
  44.         TabHost tabHost = (TabHost) findViewById(R.id.tabhost);   
  45.         tabHost.setup();   
  46.         TabWidget tabWidget = tabHost.getTabWidget();   
  47.            
  48.         tabHost.addTab(tabHost.newTabSpec("tab1")   
  49.                 .setIndicator("tab1", getResources().getDrawable(R.drawable.mumule))   
  50.                 .setContent(R.id.view1));   
  51.            
  52.         tabHost.addTab(tabHost.newTabSpec("tab3")   
  53.                 .setIndicator("tab3")   
  54.                 .setContent(R.id.view3));   
  55.            
  56.         tabHost.addTab(tabHost.newTabSpec("tab2")   
  57.                 .setIndicator("tab2")   
  58.                 .setContent(R.id.view2));   
  59.            
  60.         final int tabs = tabWidget.getChildCount();   
  61.         Log.i(TAG, "***tabWidget.getChildCount() : " + tabs);   
  62.            
  63.         final int tabWidth = 90;   
  64.         final int tabHeight = 45;   
  65.            
  66.         for (int i = 0; i < tabs; i++) {   
  67.         /*  final View view = tabWidget.getChildAt(i);  
  68.             view.getLayoutParams().width = tabWidth;  
  69.             view.getLayoutParams().height = tabHeight;  
  70.             final TextView tv = (TextView) view.findViewById(android.R.id.title);  
  71.             tv.setTextColor(this.getResources().getColorStateList(android.R.color.black));  
  72.             MarginLayoutParams tvMLP = (MarginLayoutParams)tv.getLayoutParams();  
  73.             tvMLP.bottomMargin = 8;*/  
  74.         }   
  75.     }  

轉自:http://www.iteye.com/wiki/topic/744809

發佈了15 篇原創文章 · 獲贊 8 · 訪問量 6萬+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章