FragmentTabHost使用方法详解
时间:2022-07-28
本文章向大家介绍FragmentTabHost使用方法详解,主要内容包括其使用实例、应用技巧、基本知识点总结和需要注意事项,具有一定的参考价值,需要的朋友可以参考一下。
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
以上就是本文的全部内容,希望对大家的学习有所帮助。
- [译]Asp.net MVC 之 Contorllers(一)
- Oracle 学习笔记
- [数据库基础]——索引详解
- [数据库基础]——快速浏览日期时间转换
- 【死磕Java并发】—- 深入分析CAS
- [SQLServer大对象]——FileTable从文件系统迁移文件
- [机器学习]-[数据预处理]-中心化 缩放 KNN(二)
- [数据清洗]-看上去一样的数字
- [数据清洗]- Pandas 清洗“脏”数据(三)
- [数据清洗]- Pandas 清洗“脏”数据(二)
- [数据清洗]-Pandas 清洗“脏”数据(一)
- [数据清洗]-混乱的邮编数据
- 10行代码,Python实现爬取淘宝/天猫评论
- 4.请求安全-- 结合使用的安全优势总结
- JavaScript 教程
- JavaScript 编辑工具
- JavaScript 与HTML
- JavaScript 与Java
- JavaScript 数据结构
- JavaScript 基本数据类型
- JavaScript 特殊数据类型
- JavaScript 运算符
- JavaScript typeof 运算符
- JavaScript 表达式
- JavaScript 类型转换
- JavaScript 基本语法
- JavaScript 注释
- Javascript 基本处理流程
- Javascript 选择结构
- Javascript if 语句
- Javascript if 语句的嵌套
- Javascript switch 语句
- Javascript 循环结构
- Javascript 循环结构实例
- Javascript 跳转语句
- Javascript 控制语句总结
- Javascript 函数介绍
- Javascript 函数的定义
- Javascript 函数调用
- Javascript 几种特殊的函数
- JavaScript 内置函数简介
- Javascript eval() 函数
- Javascript isFinite() 函数
- Javascript isNaN() 函数
- parseInt() 与 parseFloat()
- escape() 与 unescape()
- Javascript 字符串介绍
- Javascript length属性
- javascript 字符串函数
- Javascript 日期对象简介
- Javascript 日期对象用途
- Date 对象属性和方法
- Javascript 数组是什么
- Javascript 创建数组
- Javascript 数组赋值与取值
- Javascript 数组属性和方法
- python教程 | 最标准的地图调用方式(国家测绘局提供数据)
- Linux的文件和文件系统的管理
- 38.opengl-字体渲染
- 使用Sentinel对Spring MVC接口进行限流
- IDEA Pycharm WebStorm JetBranis全版本 2020年 最新激活方式
- SpringBoot整合MyBatis
- Sublime Text 3解决中文乱码
- pyPI: Python计算热带气旋潜在强度(Potential Intensity, 数据+代码)
- CVE-2019-0808 从空指针解引用到权限提升
- 打卡群刷题总结0926——零钱兑换
- 这样写的代码,都是垃圾......
- 打卡群刷题总结0928——整数拆分
- 面试官最爱问的 11道 Redis 面试题,我替你整理好了
- 打卡群刷题总结0929——计算各个位数不同的数字个数
- codeforces 1423K(数学+差分数组预处理)