Android 导航条效果实现(二) FragmentTabHost

原创 2016年09月18日 16:53:10

(一)与TabActivity中实现选项卡的不同之处:

  1. TabHost对象的创建方式不同;
  2. TabSpec对象的创建方式不同;
  3. 布局文件不同。

(二)、FragmentTabHost实现选项卡效果的步骤:

  1. 写选型卡页面特殊的布局文件:
    根节点必须是<android.support.v4.app.FragmentTabHost>
    必须有一个布局节点,用来放置选项卡内容。

  2. 继承FragmentActivity:(以前学习的过程中都是继承android.app.Activity类,但是这里需要继承android.support.v4.app.FragmentActivity)

  3. 创建TabHost对象:通过(FragmentTabHost) findViewById(R.id.tabhost)方法来实现。

  4. TabHost执行setup()方法:
    如果使用 findViewById() 加载 TabHost,那么在新增一个选项卡之前, 需要调用 setup()方法。而在 TabActivity 中调用了 getTabHost() 方法后,你就不再需要调用setup()了。

例如:

tabHost.setup(this, getSupportFragmentManager(), R.id.layout_container_tabcontent);

5、分别创建TabSpec对象:
通过TabHost对象的newTabSpec()方法创建TabSpec对象;
通过setIndicator()设置标签和图标;

6、TabHost对象添加TabSpec对象。通过TabHost对象的addTab()方法实现添加选项卡。
调用TabHost对象的有三个参数的addTab()方法。第一个参数是TabSpec对象,第二个参数是Fragment类的class文件,第三个参数的往Fragment对象中传递的Bundle数据。

示例代码:
MainActivity.java

package com.noonecode.fragmenttabhost;

import android.os.Bundle;
import android.support.v4.app.FragmentActivity;
import android.support.v4.app.FragmentTabHost;

public class MainActivity extends FragmentActivity {

    private FragmentTabHost mTabHost;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        mTabHost = (FragmentTabHost) findViewById(android.R.id.tabhost);
        mTabHost.setup(this, getSupportFragmentManager(), android.R.id.tabcontent);

        mTabHost.addTab(mTabHost.newTabSpec("record").setIndicator("记录")//
                , FragmentRecord.class, null);
        mTabHost.addTab(mTabHost.newTabSpec("contacts").setIndicator("联系人")//
                , FragmentContacts.class, null);
        mTabHost.addTab(mTabHost.newTabSpec("collections").setIndicator("收藏夹")//
                , FragmentCollections.class, null);
    }
}



activity_main.xml

<android.support.v4.app.FragmentTabHost xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:id="@android:id/tabhost"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context="com.noonecode.fragmenttabhost.MainActivity" >

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:orientation="vertical" >

        <TabWidget
            android:id="@android:id/tabs"
            android:layout_width="match_parent"
            android:layout_height="wrap_content" />

        <FrameLayout
            android:id="@android:id/tabcontent"
            android:layout_width="match_parent"
            android:layout_height="0dp"
            android:layout_weight="1" />
    </LinearLayout>

</android.support.v4.app.FragmentTabHost>



每个Fragment选项的页面的布局都很简单,只有一个TextView。

如下:
fragment_record.xml

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context="com.noonecode.fragmenttabhost.RecordActivity" >

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="FragmentRecord"
        android:textSize="22sp" />

</RelativeLayout>



效果演示:
FragmnetTabHost


注意:

  • 通过findViewById找到TabHost,这时FragmentTabHostid可以不必为默认值(@android.R.id.tabhost),如果设置为了默认值,那么必须有一个默认id的FrameLayout内容布局。
    这种情况下,如果想设置自定义的id,可以使用如下的方法实现:
<android.support.v4.app.FragmentTabHost
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@android:id/tabhost"
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <LinearLayout
        android:orientation="vertical"
        android:layout_width="match_parent"
        android:layout_height="match_parent">

        <TabWidget
            android:id="@android:id/tabs"
            android:orientation="horizontal"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_weight="0"/>

        <FrameLayout
            android:id="@android:id/tabcontent"
            android:layout_width="0dp"
            android:layout_height="0dp"
            android:layout_weight="0"/>

        <FrameLayout
            android:id="@+id/realtabcontent"
            android:layout_width="match_parent"
            android:layout_height="0dp"
            android:layout_weight="1"/>

    </LinearLayout>
</android.support.v4.app.FragmentTabHost>

代码中:

mTabHost.setup(this, getSupportFragmentManager(), R.id.realtabcontent);//这里设置的自定义的id
  • 当前Demo在FragmentActivity中使用FragmentTabHost实现了选项卡。如果想在Fragment中实现这种效果:
public class FragmentTabs extends Fragment {
    private FragmentTabHost mTabHost;

    @Override
    public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) {
        mTabHost = new FragmentTabHost(getActivity());
        mTabHost.setup(getActivity(), getChildFragmentManager(), R.id.fragment1);

        mTabHost.addTab(mTabHost.newTabSpec("record").setIndicator("记录")//
                , FragmentRecord.class, null);
        mTabHost.addTab(mTabHost.newTabSpec("contacts").setIndicator("联系人")//
                , FragmentContacts.class, null);
        mTabHost.addTab(mTabHost.newTabSpec("collections").setIndicator("收藏夹")//
                , FragmentCollections.class, null);
        }
        return mTabHost;
    }

    @Override
    public void onDestroyView() {
        super.onDestroyView();
        mTabHost = null;
    }
}



(完毕)

导航:
Android 导航条效果实现(一) TabActivity+TabHost
http://blog.csdn.net/qq_33425116/article/details/52573967

Android 导航条效果实现(二) FragmentTabHost
http://blog.csdn.net/qq_33425116/article/details/52575811

Android 导航条效果实现(三) ViewPager+PagerTabStrip
http://blog.csdn.net/qq_33425116/article/details/52577570

Android 导航条效果实现(四) ViewPager+自定义导航条
http://blog.csdn.net/qq_33425116/article/details/52584282

Android 导航条效果实现(五) ActionBar+Fragment
http://blog.csdn.net/qq_33425116/article/details/52587635

Android 导航条效果实现(六) TabLayout+ViewPager+Fragment
http://blog.csdn.net/qq_33425116/article/details/52599818

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

相关文章推荐

Android Tab 切换比较好的例子

package com.aliyun.bluetoothphone.component; import android.app.Activity; import android.app.Fragme...

Android 底部导航栏(底部Tab)最佳实践

本文目录.png 当开始一个新项目的时候,有一个很重要的步骤就是确定我们的APP首页框架,也就是用户从桌面点击APP 图标,进入APP 首页的时候展示给用户的框架,比如微信,展示了有四个Ta...

Android 导航条效果实现(六) TabLayout+ViewPager+Fragment

TabLayout一、继承结构public class TabLayout extends HorizontalScrollView 二、TabLayout的使用 1、TabLayout简单使用 T...

Android 导航条效果实现(四) ViewPager+自定义导航条

ViewPager+自定义导航条实现导航效果 效果说明: 自定义导航条; 导航条固定位置,选项卡按比例显示; 选项卡下方有一个指示器,指示当前页面的位置。

Android Fragment 真正的完全解析(上)

自从Fragment出现,曾经有段时间,感觉大家谈什么都能跟Fragment谈上关系,做什么都要问下Fragment能实现不~~~哈哈,是不是有点过~~~ 本篇博客力求为大家说明Fragment如何产...

Android项目Tab类型主界面大总结 Fragment+TabPageIndicator+ViewPager

Android现在实现Tab类型的界面方式越来越多,今天就把常见的实现方式给大家来个总结。目前写了: 1、传统的ViewPager实现 2、FragmentManager+Fragment实现 3、V...

Android最主流的4种实现Tab的方法

Tab选项卡几乎成为了App必备的一个功能,它的实现方法也是多种多样,本文将讲解迄今为止最主流的4种实现Tab的方法,包括ViewPager、Fragment、FragmentPagerAdapter...

Android 导航条效果实现(一) TabActivity+TabHost

TabActivity(已过时)+TabHost 实现选项卡效果: (一)、相关类介绍: 1、TabHost:提供选项卡(Tab页)的窗口视图容器。 2、TabSpec:每个选项卡都包含选项卡指示符、...

Android 导航条效果实现(五) ActionBar+Fragment

ActionBar(已过时,查看ToolBar)+Fragment实现选项卡的步骤: 当前窗体Activity类要继承于FragmentActivity,而不是Activity; 获取ActionBa...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:深度学习:神经网络中的前向传播和反向传播算法推导
举报原因:
原因补充:

(最多只允许输入30个字)