Tabhost的使用及其界面布局情况

     Tabhost一般用于对主界面的布局，实现界面之间的切换，如图，其实要实现这种效果，就我所知道的方法有两种一个就是tabhostqu实现，另一种就是RadioButton去实现，但是方法都好像差不多吧，这里我就主要讲讲Tabhost如何实现页面切换效果吧

。

页面中的代码，很简单，不多讲，需要注意的是这些控件的id，都是系统内部的

<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" >
        <RelativeLayout
            android:layout_width="fill_parent"
            android:layout_height="fill_parent" >
        <FrameLayout
            android:id="@android:id/tabcontent"
            android:layout_width="fill_parent"
            android:layout_height="fill_parent"/>             
        <TabWidget
            android:layout_marginBottom="-4dip"
            android:background="@color/black"
            android:id="@android:id/tabs"
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:layout_alignParentBottom="true"/>         
    </RelativeLayout>
</TabHost>

 下面是java的源码

    public static TabHost mtabhost;

    //Intent的内容
    private Intent homeIntent;
    private Intent cartIntent;
    private Intent accountIntent;
    private Intent moreIntent;
    
    //设置标签
    public final static String HOME="home";
    private final static String CART="cart";
    private final static String ACCOUNT="account";
    private final static String MORE="more";
    
    public static BadgeView badge;//數字提醒
    private TabWidget tabs;

    //初始化Intent
    private void prepareIntent(){
        homeIntent=new Intent(this,HomeActivity.class);
        cartIntent=new Intent(this,CartActivity.class);
        accountIntent=new Intent(this,AccountActivity.class);
        moreIntent=new Intent(this,MoreActivity.class);
    } 
    
    //设置Intent的属性
    private void setupIntent(){
        this.mtabhost=getTabHost();
        TabHost localTabHost=this.mtabhost;
        localTabHost.addTab(buildTabSpec(HOME, R.drawable.setbuttonbackground_main, homeIntent));//点击图片切换效果
        localTabHost.addTab(buildTabSpec(CART,R.drawable.setbuttonbackground_cart, cartIntent));
        localTabHost.addTab(buildTabSpec(ACCOUNT,R.drawable.setbuttonbackground_account, accountIntent));
        localTabHost.addTab(buildTabSpec(MORE,R.drawable.setbuttonbackground_more, moreIntent));

        getimg(localTabHost);//控制tanhost里面图片的位置
    }
    
    /**
     * 构建Tab页面
     * @param tag标记
     * @param reslabel标签
     * @param resIcon图标
     * @param content该标签所有展示的内容
     * @return返回一个tab
     */
    private TabHost.TabSpec buildTabSpec(String tag,int resIcon,final Intent content){
        return mtabhost.newTabSpec(tag).setIndicator("",getResources().getDrawable(resIcon)).setContent(content);
    }

    //將TabHost裡面的icon圖標往下移動一點
    public void getimg(TabHost mmtab){
        TabWidget tabwidget=mmtab.getTabWidget();
        for (int i = 0; i < tabwidget.getChildCount(); i++) {
            ImageView img=(ImageView)mmtab.getTabWidget().getChildAt(i).findViewById(android.R.id.icon);
            img.setPadding(0, 16, 0, 0);
        }
    }    
    
//    //換背景（TabHost）
//    for (int i = 0; i < mtabhost.getTabWidget().getChildCount(); i++) {
//        mtabhost.getTabWidget().getChildAt(i).setBackgroundColor(Color.TRANSPARENT);//使背景色透明
//    }
      /**  
     * 改变Tabhost里面图片或者文字的大小、位置、背景色等  
     * @param tabHost  
     */   
    private void updateTabStyle(final TabHost mTabHost) {   
        TabWidget tabWidget = mTabHost.getTabWidget();   
        for (int i = 0; i < tabWidget.getChildCount(); i++) {   
            RelativeLayout tabView = (RelativeLayout) mTabHost.getTabWidget().getChildAt(i);   
               
            TextView text = (TextView) tabWidget.getChildAt(i).findViewById(android.R.id.title);   
            text.setTextSize(20);   
               
            // 文字居中   
            RelativeLayout.LayoutParams params = (RelativeLayout.LayoutParams) text.getLayoutParams();   
            params.width = RelativeLayout.LayoutParams.MATCH_PARENT;   
            params.height = RelativeLayout.LayoutParams.MATCH_PARENT;   
            // params.addRule(RelativeLayout.CENTER_IN_PARENT);   
            text.setLayoutParams(params);   
            text.setGravity(Gravity.CENTER);   
               
            if (mTabHost.getCurrentTab() == i) {   
                // 选中   
                tabView.setBackgroundResource(R.drawable.bg_tab_selected);   
                text.setTextColor(this.getResources().getColorStateList(android.R.color.black));   
            } else {   
                // 未选中   
                tabView.setBackgroundResource(R.drawable.bg_tab_normal);   
                text.setTextColor(this.getResources().getColorStateList(android.R.color.darker_gray));   
            }   
        }   
    }   

之前用的是Tabhost加RadioButton布局，现在改成直接用tabhost了，在图片点击时切换需要注意android:state_selected="true"，之前的是 android:state_checkable="true"，所以没有效果。好了就写到这里，时间有点紧，有时间在修正。。