Android入门进阶教程(7)-常用组件 TabHost、Gallery

1，TabHost

     提供 Tab 页的窗口视图容器，它有俩个 children，一组是用户可以选择指定 Tab 页 的标签，另一组是   FrameLayout 用来显示该 Tab 页的内容。个别元素通常控制使用这个 容器对象，而不是设置在子元素本身的值。

    常用方法：addTab(TabHost.TabSpec tabSpec)：添加一项 Tab 页

                   clearAllTabs()：清除所有与之相关联的 Tab 页.

                   getCurrentTab():返回当前 Tab 页.

                   getTabContentView()：返回包含内容的 FrameLayout

                   newTabSpec(String tag)：返回一个与之关联的新的 TabSpec

实例：

Xml代码  

1. <?xml version="1.0" encoding="utf-8"?>  
2. <FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"  
3.     android:layout_width="fill_parent"   
4.     android:layout_height="fill_parent"  
5.     android:background="@drawable/framebackground">  
6.     <!-- 第一个Tab中得layout -->  
7.     <LinearLayout android:id="@+id/frist_tab_linearlayout"  
8.         android:layout_width="fill_parent"   
9.         android:layout_height="fill_parent"  
10.         android:orientation="vertical"   
11.         >  
12.         <TextView   
13.             android:layout_width="wrap_content"  
14.             android:layout_height="wrap_content"  
15.             android:layout_gravity="center_horizontal"  
16.             android:gravity="center_vertical"  
17.             android:layout_marginTop="100dp"  
18.             android:text="@string/love"  
19.             android:textColor="#000000"  
20.             android:textSize="20sp"  
21.         />  
22.         <TextView   
23.             android:layout_width="220dp"  
24.             android:layout_height="wrap_content"  
25.             android:layout_gravity="center_horizontal"  
26.             android:gravity="center_vertical"  
27.             android:paddingTop="17dp"  
28.             android:text="@string/love_text"  
29.             android:textColor="#000000"  
30.             android:textSize="15sp"  
31.         />  
32.     </LinearLayout>  
33.     <!-- 第二个Tab中得layout -->  
34.     <LinearLayout android:id="@+id/second_tab_linearlayout"  
35.         android:layout_width="fill_parent"   
36.         android:layout_height="fill_parent"  
37.         android:orientation="vertical"   
38.         >  
39.         <TextView   
40.             android:layout_width="wrap_content"  
41.             android:layout_height="wrap_content"  
42.             android:layout_gravity="center_horizontal"  
43.             android:gravity="center_vertical"  
44.             android:layout_marginTop="100dp"  
45.             android:text="@string/friendship"  
46.             android:textColor="#000000"  
47.             android:textSize="20sp"  
48.         />  
49.         <TextView   
50.             android:layout_width="220dp"  
51.             android:layout_height="wrap_content"  
52.             android:layout_gravity="center_horizontal"  
53.             android:gravity="center_vertical"  
54.             android:paddingTop="17dp"  
55.             android:text="@string/friendship_text"  
56.             android:textColor="#000000"  
57.             android:textSize="15sp"  
58.         />  
59.     </LinearLayout>  
60.     <!-- 第三个Tab中得layout -->  
61.     <LinearLayout android:id="@+id/third_tab_linearlayout"  
62.         android:layout_width="fill_parent"   
63.         android:layout_height="fill_parent"  
64.         android:orientation="vertical"   
65.         >  
66.         <TextView   
67.             android:layout_width="wrap_content"  
68.             android:layout_height="wrap_content"  
69.             android:layout_gravity="center_horizontal"  
70.             android:gravity="center_vertical"  
71.             android:layout_marginTop="100dp"  
72.             android:text="@string/kinship"  
73.             android:textColor="#000000"  
74.             android:textSize="20sp"  
75.         />  
76.         <TextView   
77.             android:layout_width="220dp"  
78.             android:layout_height="wrap_content"  
79.             android:layout_gravity="center_horizontal"  
80.             android:gravity="center_vertical"  
81.             android:paddingTop="17dp"  
82.             android:text="@string/kinship_text"  
83.             android:textColor="#000000"  
84.             android:textSize="15sp"  
85.         />  
86.     </LinearLayout>  
87.       
88. </FrameLayout>  

 

Xml代码  

1. <?xml version="1.0" encoding="utf-8"?>  
2. <menu  
3.   xmlns:android="http://schemas.android.com/apk/res/android">  
4.      <group   
5.         android:id="@+id/love_group">  
6.             <item   
7.                 android:id="@+id/love_item"   
8.                 android:icon="@drawable/aiqing"   
9.                 android:title="Love">  
10.             </item>  
11.      </group>  
12. </menu>  

 

Xml代码  

1. <?xml version="1.0" encoding="utf-8"?>  
2. <menu  
3.   xmlns:android="http://schemas.android.com/apk/res/android">  
4.      <group   
5.         android:id="@+id/kinship_group">  
6.             <item   
7.                 android:id="@+id/kinship_item"   
8.                 android:icon="@drawable/qinqing"   
9.                 android:title="KinShip">  
10.             </item>  
11.      </group>  
12. </menu>  

 

Xml代码  

1. <?xml version="1.0" encoding="utf-8"?>  
2. <menu  
3.   xmlns:android="http://schemas.android.com/apk/res/android">  
4.      <group   
5.         android:id="@+id/friendship_group">  
6.             <item   
7.                 android:id="@+id/friendship_item"   
8.                 android:icon="@drawable/youqing"   
9.                 android:title="FriendShip">  
10.             </item>  
11.      </group>  
12. </menu>  

 

Java代码  

1. package net.csdn.blog.androidtoast;  
2.   
3.   
4. import android.app.TabActivity;  
5. import android.graphics.Color;  
6. import android.os.Bundle;  
7. import android.view.LayoutInflater;  
8. import android.view.Menu;  
9. import android.view.MenuInflater;  
10. import android.widget.TabHost;  
11.   
12. public class TabHostExampleActivity extends TabActivity {  
13.       
14.     TabHost mTabHost;  
15.     int mMenuTag=0;  
16.     Menu mMenu;  
17.     static final int mMenuResources[] = {   
18.           R.layout.love_menu,  
19.           R.layout.friendship_menu,   
20.           R.layout.kinship_menu  
21.           };  
22.       
23.     /** Called when the activity is first created. */  
24.     @Override  
25.     protected void onCreate(Bundle savedInstanceState) {  
26.         // TODO Auto-generated method stub  
27.         super.onCreate(savedInstanceState);  
28.           
29.         //获取TabHost  
30.         mTabHost=this.getTabHost();  
31.         //过滤出TabHost布局  
32.         LayoutInflater.from(this).inflate(R.layout.main, mTabHost.getTabContentView(), true);  
33.         //为TabHost设置背景颜色  
34.         mTabHost.setBackgroundColor(Color.argb(100, 30, 80, 160));  
35.           
36.         //增加三个选型卡 并设置其图标及绘制布局  
37.         mTabHost.addTab(mTabHost.newTabSpec("One")  
38.                  .setIndicator("", getResources().getDrawable(R.drawable.aiqing))  
39.                  .setContent(R.id.frist_tab_linearlayout));  
40.           
41.         mTabHost.addTab(mTabHost.newTabSpec("Two")  
42.                 .setIndicator("", getResources().getDrawable(R.drawable.youqing))  
43.                 .setContent(R.id.second_tab_linearlayout));  
44.           
45.         mTabHost.addTab(mTabHost.newTabSpec("Three")  
46.                 .setIndicator("", getResources().getDrawable(R.drawable.qinqing))  
47.                 .setContent(R.id.third_tab_linearlayout));  
48.           
49.         //添加监听事件  
50.         mTabHost.setOnTabChangedListener(new TabHost.OnTabChangeListener() {  
51.               
52.             @Override  
53.             public void onTabChanged(String tabId) {  
54.                 if (tabId.equals("One")) {  
55.                     mMenuTag = 1;  
56.                 }  
57.                 if (tabId.equals("Two")) {  
58.                     mMenuTag = 2;  
59.                 }  
60.                 if (tabId.equals("Three")) {  
61.                     mMenuTag = 3;  
62.                 }  
63.                 if (mMenu != null) {  
64.                     onCreateOptionsMenu(mMenu);  
65.                 }  
66.             }  
67.         });  
68.           
69.           
70.     }  
71.   
72.     //创建对应的菜单项  
73.     @Override  
74.     public boolean onCreateOptionsMenu(Menu menu) {  
75.         mMenu = menu;  
76.         mMenu.clear();  
77.           
78.         //获取菜单过滤器  
79.         MenuInflater inflater = getMenuInflater();          
80.          
81.         switch (mMenuTag) {  
82.         case 1:  
83.             //动态加入数组中对应的menu.xml  
84.             inflater.inflate(mMenuResources[0], menu);  
85.             break;  
86.         case 2:  
87.             inflater.inflate(mMenuResources[1], menu);  
88.             break;  
89.         case 3:  
90.             inflater.inflate(mMenuResources[2], menu);  
91.             break;  
92.         default:  
93.             inflater.inflate(mMenuResources[0], menu);  
94.             break;  
95.         }  
96.         return super.onCreateOptionsMenu(menu);  
97.     }  
98. }  

 

 

 

 

2，Gallery 画廊用于展示图片。常用于图片展示。效果很炫。以下是扩展了Gallery实现了3D效果。废话少说代码：

Xml代码  

1. <?xml version="1.0" encoding="utf-8"?>  
2. <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"  
3.     android:orientation="vertical"  
4.     android:layout_width="fill_parent"  
5.     android:layout_height="fill_parent"  
6.     android:background="@drawable/default_background"  
7.     >  
8.   
9. <net.csdn.blog.androidtoast.GalleryFlow   
10.     android:id="@+id/pic_gallery"   
11.     android:layout_width="fill_parent"   
12.     android:layout_height="380dp"   
13.     android:layout_centerInParent="true"/>  
14. </RelativeLayout>  

 由于JAVA代码太多 就不上传了。需要的下载看把 直接上效果图吧