tabhost练习，剥离自“去哪儿”

如下图（喜欢这种干净整洁）：

 

1.MainActivity.java

package com.example.tab1;

import com.example.framgent.Fav_Fragment;
import com.example.framgent.Index_Fragment;
import com.example.framgent.Order_Fragment;
import com.example.framgent.Setting_Fragment;
import com.example.framgent.Uc_Fragment;
import com.example.util.DummyTabContent;

import android.os.Bundle;
import android.support.v4.app.FragmentActivity;
import android.view.LayoutInflater;
import android.widget.ImageView;
import android.widget.LinearLayout;
import android.widget.TabHost;
import android.widget.TabWidget;
import android.widget.TextView;

public class MainActivity extends FragmentActivity {

    TabHost tabHost;
    TabWidget tabWidget; 
    LinearLayout bottom_layout;
    int CURRENT_TAB = 0;    //设置常量
    Fav_Fragment homeFragment;
    Order_Fragment wallFragment;
    Uc_Fragment messageFragment;
    Setting_Fragment meFragment;
    Index_Fragment index_Fragment;
    android.support.v4.app.FragmentTransaction ft;
    LinearLayout tabIndicator1,tabIndicator2,tabIndicator3,tabIndicator4,tabIndicator5;

    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        findTabView();
        tabHost.setup();
        
        /** 监听*/
        TabHost.OnTabChangeListener tabChangeListener = new TabHost.OnTabChangeListener(){
            @Override
            public void onTabChanged(String tabId) {
                
                /**碎片管理*/
                android.support.v4.app.FragmentManager fm =  getSupportFragmentManager();
                homeFragment = (Fav_Fragment) fm.findFragmentByTag("home");
                wallFragment = (Order_Fragment) fm.findFragmentByTag("wall");
                messageFragment = (Uc_Fragment) fm.findFragmentByTag("message");
                meFragment = (Setting_Fragment) fm.findFragmentByTag("me");
                index_Fragment    =(Index_Fragment) fm.findFragmentByTag("index");
                ft = fm.beginTransaction();
                
                /** 如果存在Detaches掉 */
                if(homeFragment!=null)
                    ft.detach(homeFragment);
                
                /** 如果存在Detaches掉 */
                if(wallFragment!=null)
                    ft.detach(wallFragment);
                
                /** 如果存在Detaches掉 */
                if(messageFragment!=null)
                    ft.detach(messageFragment);
                
                /** 如果存在Detaches掉 */
                if(meFragment!=null)
                    ft.detach(meFragment);
                
                if(index_Fragment!=null)
                    ft.detach(index_Fragment);
                
                /** 如果当前选项卡是home */
                if(tabId.equalsIgnoreCase("home")){
                    isTabHome();
                    CURRENT_TAB = 1;
                    
                /** 如果当前选项卡是wall */
                }else if(tabId.equalsIgnoreCase("wall")){    
                    isTabWall();
                    CURRENT_TAB = 2;
                    
                /** 如果当前选项卡是message */
                }else if(tabId.equalsIgnoreCase("index")){
                    isTabIndex();
                    CURRENT_TAB    =    5;
                }else if(tabId.equalsIgnoreCase("message")){    
                    isTabMessage();
                    CURRENT_TAB = 3;
                    
                /** 如果当前选项卡是me */
                }else if(tabId.equalsIgnoreCase("me")){    
                    isTabMe();
                    CURRENT_TAB = 4;
                }else{
                    switch (CURRENT_TAB) {
                    case 1:
                        isTabHome();
                        break;
                    case 2:
                        isTabWall();
                        break;
                    case 3:
                        isTabMessage();
                        break;
                    case 4:
                        isTabMe();
                        break;
                    case 5:
                        isTabIndex();
                        break;
                    default:
                        isTabHome();
                        break;
                    }        
                    
                }
                    ft.commit();    
            }
            
        };
        //设置初始选项卡  
        tabHost.setCurrentTab(2);
        tabHost.setOnTabChangedListener(tabChangeListener);
        initTab();
         /**  设置初始化界面  */
        tabHost.setCurrentTab(2);

    }
    
    //判断当前
    public void isTabHome(){
        
        if(homeFragment==null){        
            ft.add(R.id.realtabcontent,new Fav_Fragment(), "home");                        
        }else{
            ft.attach(homeFragment);                        
        }
    }
    
    public void isTabWall(){
        
        if(wallFragment==null){
            ft.add(R.id.realtabcontent,new Order_Fragment(), "wall");                        
        }else{
            ft.attach(wallFragment);                        
        }
    }
    
    public void isTabMessage(){
        
        if(messageFragment==null){
            ft.add(R.id.realtabcontent,new Uc_Fragment(), "message");                        
        }else{
            ft.attach(messageFragment);                        
        }
    }
    
    public void isTabMe(){
        
        if(meFragment==null){
            ft.add(R.id.realtabcontent,new Setting_Fragment(), "me");                        
        }else{
            ft.attach(meFragment);    
        }
    }
    public void isTabIndex(){
        if(index_Fragment==null){
            ft.add(R.id.realtabcontent,new Index_Fragment(), "index");                        
        }else{
            ft.attach(index_Fragment);    
        }
    }
    /**
     * 找到Tabhost布局
     */
    public void findTabView(){
        
         tabHost = (TabHost) findViewById(android.R.id.tabhost);
         tabWidget = (TabWidget) findViewById(android.R.id.tabs);
         LinearLayout layout = (LinearLayout)tabHost.getChildAt(0);
         TabWidget tw = (TabWidget)layout.getChildAt(1);
         
         tabIndicator1 = (LinearLayout) LayoutInflater.from(this)
                 .inflate(R.layout.tab_indicator, tw, false);
         TextView tvTab1 = (TextView)tabIndicator1.getChildAt(1);
         ImageView ivTab1 = (ImageView)tabIndicator1.getChildAt(0);
         ivTab1.setBackgroundResource(R.drawable.selector_mood_home);
         tvTab1.setText(R.string.buttom_home);
         
         tabIndicator2 = (LinearLayout) LayoutInflater.from(this)
                 .inflate(R.layout.tab_indicator, tw, false);
         TextView tvTab2 = (TextView)tabIndicator2.getChildAt(1);
         ImageView ivTab2 = (ImageView)tabIndicator2.getChildAt(0);
         ivTab2.setBackgroundResource(R.drawable.selector_mood_wall);
         tvTab2.setText(R.string.buttom_wall);
         
         tabIndicator3 = (LinearLayout) LayoutInflater.from(this)
                 .inflate(R.layout.tab_indicator, tw, false);
         TextView tvTab3 = (TextView)tabIndicator3.getChildAt(1);
         ImageView ivTab3 = (ImageView)tabIndicator3.getChildAt(0);
         ivTab3.setBackgroundResource(R.drawable.selector_mood_photograph);
         tvTab3.setText(R.string.buttom_camera);
          
         tabIndicator4 = (LinearLayout) LayoutInflater.from(this)
                 .inflate(R.layout.tab_indicator, tw, false);
         TextView tvTab4 = (TextView)tabIndicator4.getChildAt(1);
         ImageView ivTab4 = (ImageView)tabIndicator4.getChildAt(0);
         ivTab4.setBackgroundResource(R.drawable.selector_mood_message);
         tvTab4.setText(R.string.buttom_message);
         
         tabIndicator5 = (LinearLayout) LayoutInflater.from(this)
                 .inflate(R.layout.tab_indicator, tw, false);
         TextView tvTab5 = (TextView)tabIndicator5.getChildAt(1);
         ImageView ivTab5 = (ImageView)tabIndicator5.getChildAt(0);
         ivTab5.setBackgroundResource(R.drawable.selector_mood_my_wall);
         tvTab5.setText(R.string.buttom_me);
    }
    
    /** 
     * 初始化选项卡
     * 
     * */
    public void initTab(){
        
        TabHost.TabSpec tSpecHome = tabHost.newTabSpec("home");
        tSpecHome.setIndicator(tabIndicator1);        
        tSpecHome.setContent(new DummyTabContent(getBaseContext()));
        tabHost.addTab(tSpecHome);
        
        TabHost.TabSpec tSpecWall = tabHost.newTabSpec("wall");
        tSpecWall.setIndicator(tabIndicator2);        
        tSpecWall.setContent(new DummyTabContent(getBaseContext()));
        tabHost.addTab(tSpecWall);
        
        TabHost.TabSpec tSpecCamera = tabHost.newTabSpec("index");
        tSpecCamera.setIndicator(tabIndicator3);        
        tSpecCamera.setContent(new DummyTabContent(getBaseContext()));
        tabHost.addTab(tSpecCamera);
        
       /* //拍照按钮监听事件，弹出dialog
        tabIndicator3.setOnClickListener(new OnClickListener() {
            @Override
            public void onClick(View v) {
                
                Dialog choose = new Dialog(MainActivity.this,R.style.draw_dialog);
                choose.setContentView(R.layout.camera_dialog);
                // 设置背景模糊参数
                WindowManager.LayoutParams winlp = choose.getWindow()
                        .getAttributes();
                winlp.alpha = 0.9f; // 0.0-1.0
                choose.getWindow().setAttributes(winlp);
                choose.show();// 显示弹出框
            }
        });*/
        
        TabHost.TabSpec tSpecMessage = tabHost.newTabSpec("message");
        tSpecMessage.setIndicator(tabIndicator4);      
        tSpecMessage.setContent(new DummyTabContent(getBaseContext()));
        tabHost.addTab(tSpecMessage);
        
        TabHost.TabSpec tSpecMe = tabHost.newTabSpec("me");
        tSpecMe.setIndicator(tabIndicator5);        
        tSpecMe.setContent(new DummyTabContent(getBaseContext()));
        tabHost.addTab(tSpecMe);
        
    }
    
}

 

如上图所示，总共5个framgent及其对应的5个布局文件，下面给出示例代码，复杂漂亮的界面待你实现。

2.Fav_Fragment.java

package com.example.framgent;


import com.example.tab1.R;

import android.os.Bundle;
import android.support.v4.app.Fragment;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.TextView;

public class Fav_Fragment extends Fragment{

    @Override
    public void onCreate(Bundle savedInstanceState) {
        // TODO Auto-generated method stub
        super.onCreate(savedInstanceState);
    }

    @Override
    public View onCreateView(LayoutInflater inflater, ViewGroup container,
            Bundle savedInstanceState) {
        View view            = inflater.inflate(R.layout.fav, container, false);
        return view;
    }

}

3.fav.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent" 
    android:background="@android:color/white"
    android:orientation="vertical">
          <TextView
              android:layout_width="wrap_content"
              android:layout_height="wrap_content"
              android:padding="8dp"
              android:text="酒店收藏"
              android:textColor="#000"
              android:textSize="17sp" />


</LinearLayout>

还有一些细节美化部分，具体的请看代码吧。

链接: http://pan.baidu.com/s/1hqms1Qc 密码: z9m7