[原创]android学习之TabHost

青玄

1.布局文件的配置：

1. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
   
2.     xmlns:tools="http://schemas.android.com/tools"
   
3.     android:layout_width="match_parent"
   
4.     android:layout_height="match_parent"
   
5.     android:orientation="vertical"
   
6.     tools:context=".MainActivity" >
   
7.         <TabHost
   
8.             android:layout_width="fill_parent"
   
9.             android:layout_height="fill_parent"
   
10.             android:id="@android:id/tabhost"
    
11.             >
    
12.             <RelativeLayout
    
13.                android:layout_width="fill_parent"
    
14.                android:layout_height="fill_parent"
    
15.                 >
    
16.                 <TabWidget
    
17.                 android:layout_width="fill_parent"
    
18.                 android:layout_height="60dip"
    
19.                 android:id="@android:id/tabs"
    
20.                 android:background="#ffccdd"
    
21.                     ></TabWidget>
    
22.                 
    
23.                 <FrameLayout
    
24.                     android:layout_width="fill_parent"
    
25.                     android:layout_height="fill_parent"
    
26.                     android:layout_marginBottom="60dp"
    
27.                     android:id="@android:id/tabcontent"
    
28.                     ></FrameLayout>
    
29.             </RelativeLayout>
    
30.         </TabHost>
    
31.    
    
32. </LinearLayout>
    

复制代码

2.选项的配置：item.xml

1. <?xml version="1.0" encoding="utf-8"?>
   
2. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
   
3.     android:layout_width="wrap_content"
   
4.     android:layout_height="wrap_content"
   
5.            android:gravity="center"
   
6.            android:orientation="vertical"
   
7.     >
   
8.     <ImageView
   
9.         android:id="@+id/iv_opt_item"
   
10.         android:layout_width="wrap_content"
    
11.         android:layout_height="wrap_content"
    
12.         android:src="@drawable/tab1"
    
13.         />
    
14.     <TextView
    
15.         android:id="@+id/tv_opt_name"
    
16.         android:layout_width="wrap_content"
    
17.         android:layout_height="wrap_content"
    
18.         android:text="缓存清理"
    
19.         android:textColor="#99000000"
    
20.         android:textSize="12sp"
    
21.         />
    
22. 
    
23. </LinearLayout>
    

复制代码

3.部分activity布局的配置：activity_m1.xml

1. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
   
2.     xmlns:tools="http://schemas.android.com/tools"
   
3.     android:layout_width="match_parent"
   
4.     android:layout_height="match_parent"
   
5.      android:gravity="center"
   
6.    
   
7.     >
   
8.    <TextView
   
9.         android:layout_width="wrap_content"
   
10.     android:layout_height="wrap_content"
    
11.     android:text="缓存清理"
    
12.        ></TextView>
    
13. 
    
14. </LinearLayout>

复制代码

4.部分activity布局的载入：M1.java

1. package com.cb.tabhost;
   
2. 
   
3. import com.example.tabhost_test.R;
   
4. 
   
5. import android.app.Activity;
   
6. import android.os.Bundle;
   
7. 
   
8. public class M1 extends Activity {
   
9.        
   
10.         @Override
    
11.         protected void onCreate(Bundle savedInstanceState) {
    
12.                 // TODO Auto-generated method stub
    
13.                 super.onCreate(savedInstanceState);
    
14.                 setContentView(R.layout.activity_m1);
    
15.         }
    
16. 
    
17. }
    

复制代码

5.主程序功能的实现： MainActivity.java

1. package com.example.tabhost_test;
   
2. 
   
3. import com.cb.tabhost.M1;
   
4. import com.cb.tabhost.M2;
   
5. import com.cb.tabhost.M3;
   
6. 
   
7. import android.os.Bundle;
   
8. import android.app.Activity;
   
9. import android.app.TabActivity;
   
10. import android.content.Intent;
    
11. import android.view.Menu;
    
12. import android.view.View;
    
13. import android.widget.ImageView;
    
14. import android.widget.TabHost;
    
15. import android.widget.TabHost.TabSpec;
    
16. import android.widget.TextView;
    
17. 
    
18. public class MainActivity extends TabActivity {
    
19. 
    
20.         @Override
    
21.         protected void onCreate(Bundle savedInstanceState) {
    
22.                 super.onCreate(savedInstanceState);
    
23.                 setContentView(R.layout.activity_main);
    
24.                
    
25.                 TabHost myTabHost = getTabHost();
    
26.                
    
27.                 TabSpec tab1 = myTabHost.newTabSpec("缓存清理");
    
28.                 tab1.setIndicator(getIndicatorView("缓存清理", R.drawable.tab1));
    
29.                 tab1.setContent(new Intent(this, M1.class));
    
30.                
    
31.                 TabSpec tab2 = myTabHost.newTabSpec("sdcard清理");
    
32.                 tab2.setIndicator(getIndicatorView("sdcard清理", R.drawable.tab2));
    
33.                 tab2.setContent(new Intent(this, M2.class));
    
34.                
    
35.                 TabSpec tab3 = myTabHost.newTabSpec("开机加速");
    
36.                 tab3.setIndicator(getIndicatorView("开机加速", R.drawable.tab3));   
    
37.                 tab3.setContent(new Intent(this, M3.class));   //这个是底下要显示的界面
    
38.                 //将各项加入到tabHost里面
    
39.                 myTabHost.addTab(tab1);   
    
40.                 myTabHost.addTab(tab2);
    
41.                 myTabHost.addTab(tab3);
    
42.                 myTabHost.setCurrentTab(0);   //设置当前默认的显示位置是第一位
    
43.         }
    
44. 
    
45.         //这个返回的是一个转化后的布局文件
    
46.         public View getIndicatorView(String name, int id)
    
47.         {
    
48.                 View view = View.inflate(this, R.layout.item, null);
    
49.                 TextView tv = (TextView) view.findViewById(R.id.tv_opt_name);
    
50.                 ImageView iv = (ImageView) view.findViewById(R.id.iv_opt_item);
    
51.                
    
52.                 tv.setText(name);
    
53.                 iv.setImageResource(id);
    
54.                 return view;
    
55.         }
    
56. }
    

复制代码

暂借

菜鸟表示看不懂。