FragmentTabHost+Fragment搭建应用主框架

Posted 2020-06-23

一、主界面Activity代码

public class MainActivity extends FragmentActivity{    
    //定义FragmentTabHost对象  
    private FragmentTabHost mTabHost;
    //定义一个布局填充器
    private LayoutInflater layoutInflater;  
    //定义数组来存放Fragment界面  
    private Class<?> fragmentArray[] = {HomeFragment.class,SquareFragment.class,MessageFragment.class,SettingFragment.class};  
    //定义数组来存放按钮图片  
    private int mImageViewArray[] = {R.drawable.tab_home_btn,R.drawable.tab_square_btn,R.drawable.tab_message_btn,  
                                     R.drawable.tab_setting_btn};  
    //Tab选项卡的文字
    private String mTextviewArray[] = {"首页", "广场", "消息", "设置"};  
    public void onCreate(Bundle savedInstanceState) {  
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);  
        initView();  
    }
    /** 
     * 初始化组件 
     */  
    private void initView(){  
        //实例化布局对象  
        layoutInflater = LayoutInflater.from(this);  
        //实例化TabHost对象，得到TabHost  
        mTabHost = (FragmentTabHost)findViewById(android.R.id.tabhost);  
        mTabHost.setup(this, getSupportFragmentManager(), R.id.fragment_container);   
        //得到fragment的个数
        int count = fragmentArray.length;     
        for(int i = 0; i < count; i++){    
            //为每一个Tab按钮设置图标、文字和内容  
            TabSpec tabSpec = mTabHost.newTabSpec(mTextviewArray[i]).setIndicator(getTabItemView(i));  
            //将Tab按钮添加进Tab选项卡中  
            mTabHost.addTab(tabSpec, fragmentArray[i], null);  
            //设置Tab按钮的背景
            mTabHost.getTabWidget().getChildAt(i).setBackgroundResource(R.drawable.selector_tab_background);  
        }  
    } 
    /** 
     * 给Tab按钮设置图标和文字 
     */
    private View getTabItemView(int index){  
        View view = layoutInflater.inflate(R.layout.tab_item_view, null);  
        ImageView imageView = (ImageView) view.findViewById(R.id.imageview_tab_item);  
        imageView.setImageResource(mImageViewArray[index]);  
        TextView textView = (TextView) view.findViewById(R.id.textview_tab_item);          
        textView.setText(mTextviewArray[index]);  
        return view;  
    }  
}

二、主界面布局

<?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:orientation="vertical" >
    <FrameLayout
        android:id="@+id/fragment_container"
        android:layout_weight="1"
        android:layout_width="match_parent"
        android:layout_height="0dp" />
    <android.support.v4.app.FragmentTabHost
        android:id="@android:id/tabhost"
        android:layout_width="match_parent"
        android:layout_height="wrap_content">
        
        <FrameLayout
            android:id="@android:id/tabcontent"  
            android:layout_width="0dp"
            android:layout_height="0dp"  
            android:layout_weight="0" />
    </android.support.v4.app.FragmentTabHost>
</LinearLayout>

三、以上两步完成即可实现主框架的搭建。需要注意的是：fragmentArray[]，mImageViewArray[]，mTextViewArray[]三个数组的内容都是自己定义的，但是三个数组的长度必须保持一致，三个数组中的数据是一一对应的。

来自为知笔记(Wiz)