android底部选项卡（二）FragmentTabHost +Fragment 实现

前面一篇博客中提到， 使用 TabHost实现底部选项栏，但是TabHost已经过时点击打开链接

TabHost实现底部选项栏切换的的是Activity,而FragmentTabHost 切换的则是Fragment，相比之下更加灵活，性能更加优越

FragmentTabHost +Fragment 不仅能在不同选项卡间快速切换，而且还能保存其它选项卡之前的状态

1、FragmentTabHost 的Xml文件定义如下：

需要注意的是：FragmentTabHost 的id必须指定为系统的“@android：id/tabhost”

FragmentTabHost 上面的FrameLayout布局是用来填充对应Fragment的容器

 

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:orientation="vertical" >
    <FrameLayout
        android:id="@+id/realtabcontent"
        android:layout_width="fill_parent"
        android:layout_height="0dip"
        android:layout_weight="1" />

    <android.support.v4.app.FragmentTabHost
        android:id="@android:id/tabhost"
        android:layout_width="fill_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>

 

 

2.java逻辑

 

package com.example.fragmenttabhost;

import android.os.Bundle;
import android.app.Activity;
import android.app.Fragment;
import android.support.v4.app.FragmentActivity;
import android.support.v4.app.FragmentTabHost;
import android.view.LayoutInflater;
import android.view.Menu;
import android.view.View;
import android.widget.ImageView;
import android.widget.TabHost.TabSpec;
import android.widget.TextView;

public class MainActivity extends FragmentActivity {
    private LayoutInflater inflater;
    private FragmentTabHost mTabHost;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        inflater=LayoutInflater.from(this);

        <strong>mTabHost = (FragmentTabHost) findViewById(android.R.id.tabhost);
        mTabHost.setup(getApplicationContext(), getSupportFragmentManager(),
                R.id.realtabcontent);</strong>

        // 添加tab名称和图标
        View indicator = getIndicatorView("我的联系人", R.drawable.tab_main_nav_me);
        TabSpec firstSpec = mTabHost.newTabSpec("myContact").setIndicator(
                indicator);
        mTabHost.addTab(firstSpec, FirstFragment.class, null);

        // 添加tab名称和图标
        View indicator2 = getIndicatorView("我的读书", R.drawable.tab_main_nav_book);
        TabSpec secondSpec = mTabHost.newTabSpec("myRead").setIndicator(
                indicator2);
        mTabHost.addTab(secondSpec, SecondFragment.class, null);
    }

    /**
     * 设置底部选项卡
     */
    private View getIndicatorView(String name, int iconid) {
        View view = inflater.inflate(R.layout.nav_tab, null);
        ImageView ivicon = (ImageView) view.findViewById(R.id.ivIcon);
        TextView tvtitle = (TextView) view.findViewById(R.id.tvTitle);
        ivicon.setImageResource(iconid);
        tvtitle.setText(name);
        return view;
    }
}

源码下载地址http://download.csdn.net/detail/lang791534167/6837533

 

版权声明：本文为博主原创文章，未经博主允许不得转载。