/**
 * Tab选项卡类似与电话本的界面,通过多个标签切换不同的内容,要实现这个效果,首先要知道TabHost,
 * 它是一个用来存放多个Tab标签的容器,每一个Tab都可以对应自己的布局,比如,电话本中的Tab布局就
 * 是一个线性布局
 * 要使用TabHost,首先要通过getTabHost方法获取TabHost的对象,然后通过addTab方法来向
 * TabHost中添加Tab,当然每个Tab在切换时都会产生一个事件,要捕捉这个事件,需要设置TabActivity
 * 的事件监听setOnTabChangedListener
 */

 

效果图



 发现很多微薄如腾讯,新浪的选项卡 都是显示在页面底部的,网上有资料:通过反射获取tabwidget中的私有变量,改变其值。

   <!-- 实现Tab标签的居底主要是通过设置属性 android:layout_weight="1" -->
  <!-- 还要注意FrameLayout标签的位置,要写在TabWidget标签的前面 -->

  效果图

  

 

   本程序main.xml源码 

<?xml version="1.0" encoding="utf-8"?>
<TabHost xmlns:android="http://schemas.android.com/apk/res/android"
   android:id="@android:id/tabhost" android:layout_width="fill_parent"
   android:layout_height="fill_parent">
 <LinearLayout 
   android:orientation="vertical"
   android:layout_width="fill_parent" 
   android:layout_height="fill_parent">
  <!-- 实现Tab标签的居底主要是通过设置属性 android:layout_weight="1" -->
  <!-- 还要注意FrameLayout标签的位置,要写在TabWidget标签的前面 -->
  <FrameLayout
   android:id="@android:id/tabcontent"
   android:layout_weight="1" 
   android:layout_width="fill_parent"
   android:layout_height="fill_parent" />

  <TabWidget 
   android:id="@android:id/tabs"
   android:layout_alignParentBottom="true" 
   android:layout_width="fill_parent"
   android:layout_height="wrap_content" />
 </LinearLayout>
</TabHost>



 

java源码

import android.app.TabActivity;      
import android.os.Bundle;   
import android.widget.TabHost;   
import android.widget.Toast;   
import android.widget.TabHost.OnTabChangeListener;

public class TabWidgetActivity extends TabActivity 
{
    TabHost tabhost;   
    @Override  
    public void onCreate(Bundle savedInstanceState)
    {   
        super.onCreate(savedInstanceState);   
        setContentView(R.layout.main);   
        
        //取得TabHost对象   
          tabhost = getTabHost();   
        
        //为TabHost添加标签   
         //新建一个newTabSpec(newTabSpec)   
        //设置其标签和图标(setIndicator)   
         //设置内容(setContent)   
          tabhost.addTab(tabhost.newTabSpec("tab1")   
                .setIndicator("TAB 1",getResources().getDrawable(R.drawable.icon))  
                .setContent(R.id.text1));   
         tabhost.addTab(tabhost.newTabSpec("tab2")   
                .setIndicator("TAB 2",getResources().getDrawable(R.drawable.icon))  
                .setContent(R.id.text2));   
         tabhost.addTab(tabhost.newTabSpec("tab3")   
                .setIndicator("TAB 3",getResources().getDrawable(R.drawable.icon))  
                .setContent(R.id.text3));   
         //设置TabHost的背景颜色   
           //tabhost.setBackgroundColor(Color.argb(150,22,70,150));   
         //设置TabHost的背景图片资源   
           tabhost.setBackgroundResource(R.drawable.bg0);   
        //设置当前显示哪个标签   
           tabhost.setCurrentTab(0);   
        
        //标签切换事件处理,setOnTabChangedListener   
        tabhost.setOnTabChangedListener(new OnTabChangeListener()   
        {   
            public void onTabChanged(String tabId)   
            {             
                switch(tabhost.getCurrentTab())
                {
                case 0:
                          tabhost.setBackgroundResource(R.drawable.bg0);
                         Toast.makeText(getApplicationContext(), "当前标签为第一个页面", Toast.LENGTH_SHORT).show();
                         break;
                 case 1:
                         tabhost.setBackgroundResource(R.drawable.bg1);
                         Toast.makeText(getApplicationContext(), "当前标签为第二个页面", Toast.LENGTH_SHORT).show();
                         break;
                case 2:
                         tabhost.setBackgroundResource(R.drawable.bg2);
                         Toast.makeText(getApplicationContext(), "当前标签为第三个页面", Toast.LENGTH_SHORT).show();
                         break;
                }                            
            }   
        });    
    }   
}


 

Logo

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

更多推荐