FragmentTabHost是support-v包下提供的用于集成和管理Fragment页面的组件.

今天要实现的效果图如下:
整体结构是MainActivity+5个模块的Fragment.
MainActivity的布局如下:
<?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">
<!--真正的内容视图,用于展示Fragment-->
<FrameLayout
android:id="@+id/real_tabcontent"
android:layout_width="match_parent"
android:layout_height="0dp"
android:layout_weight="1"/>
<!--tabhost,必须使用系统的id-->
<android.support.v4.app.FragmentTabHost
android:id="@android:id/tabhost"
android:layout_width="match_parent"
android:layout_height="wrap_content"
>
<!--tabcontent,必须使用系统的id-->
<FrameLayout
android:id="@android:id/tabcontent"
android:layout_width="0dp"
android:layout_height="0dp"
android:layout_weight="0"/>
</android.support.v4.app.FragmentTabHost>
</LinearLayout>
每个tab的布局如下:
<?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="wrap_content"
android:gravity="center"
android:orientation="vertical">
<!--tab图片-->
<ImageView
android:id="@+id/iv_tab"
android:layout_width="26dp"
android:layout_height="26dp"
/>
<!--tab名字-->
<TextView
android:id="@+id/tv_tab"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginTop="1dp"
android:textSize="12sp"/>
</LinearLayout>
MainActivity代码如下:
package blog.csdn.net.mchenys.bsbdj.modul.main;
import android.content.res.ColorStateList;
import android.os.Bundle;
import android.support.v4.app.FragmentTabHost;
import android.text.TextUtils;
import android.view.View;
import android.widget.ImageView;
import android.widget.TabHost;
import android.widget.TextView;
import blog.csdn.net.mchenys.bsbdj.R;
import blog.csdn.net.mchenys.bsbdj.common.base.BaseActivity;
import blog.csdn.net.mchenys.bsbdj.modul.attention.view.AttentionFragment;
import blog.csdn.net.mchenys.bsbdj.modul.essence.view.EssenceFragment;
import blog.csdn.net.mchenys.bsbdj.modul.mine.view.MineFragment;
import blog.csdn.net.mchenys.bsbdj.modul.newpost.view.NewpostFragment;
import blog.csdn.net.mchenys.bsbdj.modul.publish.view.PublishFragment;
import blog.csdn.net.mchenys.bsbdj.mvp.presenter.impl.MvpBasePresenter;
/**
* Created by mChenys on 2016/5/27.
*/
public class MainActivity extends BaseActivity {
//定义数组来存放tab的图片选择器
private int[] mTabImage = {R.drawable.main_bottom_essence_selector,
R.drawable.main_bottom_latest_selector,
R.drawable.main_bottom_writeposts_selector,
R.drawable.main_bottom_news_selector,
R.drawable.main_bottom_my_selector};
//tab选项卡的文字
private String[] mTabTitle = {"精华", "新帖", "", "关注", "我的"};
//每个tab对应的Fragment的字节码对象
private Class[] fragmentArray = {EssenceFragment.class, NewpostFragment.class,
PublishFragment.class, AttentionFragment.class, MineFragment.class};
@Override
protected boolean isHomePage() {
return true;
}
@Override
public Integer getLayoutResId() {
return R.layout.activity_main;
}
@Override
public void initView() {
//获取tabhost
FragmentTabHost tabHost = (FragmentTabHost) findViewById(android.R.id.tabhost);
//绑定tabContent
tabHost.setup(this, getSupportFragmentManager(), R.id.real_tabcontent);
//去掉分割线
tabHost.getTabWidget().setDividerDrawable(null);
for (int i = 0; i < fragmentArray.length; i++) {
//绑定Fragment,添加到的FragmentTabHost
//设置tab的名称和view
TabHost.TabSpec tabSpec = tabHost.
newTabSpec(mTabTitle[i]).
setIndicator(getTabItemView(i));
Bundle bundle = new Bundle();
bundle.putString("title", mTabTitle[i]);
//添加tab和关联对应的fragment
tabHost.addTab(tabSpec, fragmentArray[i], bundle);
//设置tab的背景色
tabHost.getTabWidget().
getChildAt(i).
setBackgroundColor(getResources().getColor(R.color.bgColor));
}
//默认选中第一个tab
tabHost.setCurrentTab(0);
//设置tab的切换监听
tabHost.setOnTabChangedListener(new TabHost.OnTabChangeListener() {
@Override
public void onTabChanged(String tabId) {
//可以在这里监听tab的切换
}
});
}
//tab的字体选择器
ColorStateList mColorStateList;
/**
* 给Tab按钮设置图标和文字
*/
private View getTabItemView(int index) {
View view = getLayoutInflater().inflate(R.layout.view_tab_indicator, null);
ImageView imageView = (ImageView) view.findViewById(R.id.iv_tab);
TextView textView = (TextView) view.findViewById(R.id.tv_tab);
//设置图片选择器
imageView.setImageResource(mTabImage[index]);
//设置字体选择器
if (mColorStateList == null) {
mColorStateList = getResources().
getColorStateList(R.color.main_bottom_text_selector);
textView.setTextColor(mColorStateList);
}
//设置tab的文字
if (TextUtils.isEmpty(mTabTitle[index])) {
//如果没有名称,则隐藏tab下的textView
textView.setVisibility(View.GONE);
} else {
textView.setVisibility(View.VISIBLE);
textView.setText(mTabTitle[index]);
}
return view;
}
@Override
public void initListener() {
}
@Override
public void initData() {
}
@Override
public void reLoadData() {
}
@Override
public void onClick(View v) {
}
@Override
public MvpBasePresenter bindPresenter() {
return null;
}
}
最后附上字体选择器
<?xml version="1.0" encoding="utf-8"?> <selector xmlns:android="http://schemas.android.com/apk/res/android"> <item android:state_selected="false" android:color="@color/main_bottom_text_normal" /> <item android:state_selected="true" android:color="@color/main_bottom_text_select" /> </selector>
图片选择器有5个,这里附上一个,其他类似:
<?xml version="1.0" encoding="utf-8"?> <selector xmlns:android="http://schemas.android.com/apk/res/android"> <item android:state_selected="false" android:drawable="@drawable/main_bottom_essence_normal" /> <item android:state_selected="true" android:drawable="@drawable/main_bottom_essence_press" /> </selector>
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。
# Android
# FragmentTabHost
# Android 使用FragmentTabhost代替Tabhost
# FragmentTabHost FrameLayout实现底部导航栏
# Android Fragment+FragmentTabHost组件实现常见主页面(仿微信新浪)
# 选择器
# 绑定
# 在这里
# 第一个
# 如果没有
# 新帖
# 大家多多
# 选项卡
# 背景色
# 分割线
# bsbdj
# modul
# tv_tab
# mchenys
# content
# ColorStateList
# TextView
# main
# import
# package
相关文章:
如何快速启动建站代理加盟业务?
javascript中的try catch异常捕获机制用法分析
安徽网站建设与外贸建站服务专业定制方案
东莞专业制作网站的公司,东莞大学生网的网址是什么?
大连网站制作公司哪家好一点,大连买房网站哪个好?
电商网站制作价格怎么算,网上拍卖流程以及规则?
如何快速重置建站主机并恢复默认配置?
网站网页制作专业公司,怎样制作自己的网页?
个人网站制作流程图片大全,个人网站如何注销?
如何在阿里云完成域名注册与建站?
免费制作统计图的网站有哪些,如何看待现如今年轻人买房难的情况?
西安制作网站公司有哪些,西安货运司机用的最多的app或者网站是什么?
c# Task.ConfigureAwait(true) 在什么场景下是必须的
东莞专业网站制作公司有哪些,东莞招聘网站哪个好?
html制作网站的步骤有哪些,iapp如何添加网页?
一键网站制作软件,义乌购一件代发流程?
导航网站建站方案与优化指南:一站式高效搭建技巧解析
七夕网站制作视频,七夕大促活动怎么报名?
如何在云主机快速搭建网站站点?
如何快速选择适合个人网站的云服务器配置?
建站上传速度慢?如何优化加速网站加载效率?
如何在IIS7中新建站点?详细步骤解析
如何处理“XML格式不正确”错误 常见XML well-formed问题解决方法
免费视频制作网站,更新又快又好的免费电影网站?
如何在建站宝盒中设置产品搜索功能?
兔展官网 在线制作,怎样制作微信请帖?
ppt制作免费网站有哪些,ppt模板免费下载网站?
教学网站制作软件,学习*后期制作的网站有哪些?
怀化网站制作公司,怀化新生儿上户网上办理流程?
制作网站建设的公司有哪些,网站建设比较好的公司都有哪些?
如何零成本快速生成个人自助网站?
建站与域名管理如何高效结合?
建站之星如何优化SEO以实现高效排名?
成都品牌网站制作公司,成都营业执照年报网上怎么办理?
Python lxml的etree和ElementTree有什么区别
装修招标网站设计制作流程,装修招标流程?
网站制作软件免费下载安装,有哪些免费下载的软件网站?
企业在线网站设计制作流程,想建设一个属于自己的企业网站,该如何去做?
网站微信制作软件,如何制作微信链接?
电视网站制作tvbox接口,云海电视怎样自定义添加电视源?
常州企业网站制作公司,全国继续教育网怎么登录?
C#怎么创建控制台应用 C# Console App项目创建方法
C++ static_cast和dynamic_cast区别_C++静态转换与动态类型安全转换
大同网页,大同瑞慈医院官网?
网站设计制作书签怎么做,怎样将网页添加到书签/主页书签/桌面?
建站之星2.7模板:企业网站建设与h5定制设计专题
如何通过山东自助建站平台快速注册域名?
网站设计制作公司地址,网站建设比较好的公司都有哪些?
详解jQuery中基本的动画方法
武汉网站设计制作公司,武汉有哪些比较大的同城网站或论坛,就是里面都是武汉人的?
*请认真填写需求信息,我们会在24小时内与您取得联系。