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(1003080160));  
  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代码太多 就不上传了。需要的下载看把 直接上效果图吧



 
Logo

权威|前沿|技术|干货|国内首个API全生命周期开发者社区

更多推荐