学习笔记 Tianmao 篇 FragmentTabHost (TabHost升级版）
2024-06-13 08:14:13
1.首先创建一个Activity继承自FragmentActivity和与之匹配的layout
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"android:orientation="vertical"android:layout_width="match_parent"android:layout_height="match_parent"><!--这里是真正的fragment--><FrameLayoutandroid:id="@+id/realtabcontent"android:layout_width="fill_parent"android:layout_height="0dip"android:layout_weight="1" /><!--这里的id是固定的 详情可以看我前面关于TabHost的文章--><android.support.v4.app.FragmentTabHostandroid:id="@android:id/tabhost"android:layout_height="wrap_content"android:layout_width="match_parent"><!--这里是假的fragment 不使用他--><!--这里的id是固定的 详情可以看我前面关于TabHost的文章--><FrameLayoutandroid:id="@android:id/tabcontent"android:layout_width="0dp"android:layout_height="0dp"android:layout_weight="0" /></android.support.v4.app.FragmentTabHost></LinearLayout>FragmentActivity里的操作步骤
1.实例化fragmenttabhost
fragmentTabHost = (FragmentTabHost) findViewById(android.R.id.tabhost);
2.这里是与tab同步切换的实际fragment
fragmentTabHost.setup(this, getSupportFragmentManager(), R.id.realtabcontent);
3.创建以标题为参数的 tabSpec对象
TabHost.TabSpec tabSpec = fragmentTabHost.newTabSpec(标题);
4.设置tabSpec的视图
layoutInflater = LayoutInflater.from(this);View view = layoutInflater.inflate(R.layout.tab_indicator, null);textView = (TextView) view.findViewById(R.id.txt_indicator);imageView = (ImageView) view.findViewById(R.id.icon_tab);textView.setText(tabBean.getTitle());imageView.setImageResource(tabBean.getIcon());tabSpec.setIndicator(view);
5.添加实际tabSpec和与之对应的Fragment
fragmentTabHost.addTab(tabSpec, fragment.class， null);
然后我们要自己写与之对应的fragment
这个就不多讲了 后面会贴出代码
代码区
HomeActivity.java pers.xxxxx.tianmao.ui.activity;
public class HomeActivity extends FragmentActivity {private FragmentTabHost fragmentTabHost;private LayoutInflater layoutInflater;private TextView textView;private ImageView imageView;private List<TabBean> list = new ArrayList<>(5);@Overrideprotected void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);setContentView(R.layout.layout_loading);initTab();}private void initTab() {//初始化listTabBean tab_home = new TabBean(HomeFragment.class, R.drawable.selector_icon_home, R.string.home);TabBean tab_care = new TabBean(HotFragment.class, R.drawable.selector_icon_care, R.string.care);TabBean tab_tmzb = new TabBean(CategoryFragment.class, R.drawable.selector_icon_tmzb, R.string.tmzb);TabBean tab_cart = new TabBean(CartFragment.class, R.drawable.selector_icon_cart, R.string.cart);TabBean tab_mine = new TabBean(MineFragment.class, R.drawable.selector_icon_mine, R.string.mine);list.add(tab_home);list.add(tab_care);list.add(tab_tmzb);list.add(tab_cart);list.add(tab_mine);//实例化fragmenttabhostfragmentTabHost = (FragmentTabHost) findViewById(android.R.id.tabhost);// 这里是与tab同步切换的实际fragmentfragmentTabHost.setup(this, getSupportFragmentManager(), R.id.realtabcontent);for (TabBean tabBean : list) {//标题TabHost.TabSpec tabSpec = fragmentTabHost.newTabSpec(String.valueOf(tabBean.getTitle()));//消除分割线fragmentTabHost.getTabWidget().setShowDividers(LinearLayout.SHOW_DIVIDER_NONE);layoutInflater = LayoutInflater.from(this);View view = layoutInflater.inflate(R.layout.tab_indicator, null);textView = (TextView) view.findViewById(R.id.txt_indicator);imageView = (ImageView) view.findViewById(R.id.icon_tab);textView.setText(tabBean.getTitle());imageView.setImageResource(tabBean.getIcon());tabSpec.setIndicator(view);fragmentTabHost.addTab(tabSpec, tabBean.getFragment(), null);}}
}
TabBean.java pers.lijunxue.tianmao.ui.javabean;
public class TabBean {private int title; //每个图片按钮的一个标志private int icon; //图片private Class fragment; //必须加载的fragment，类似于HomeFragmentpublic TabBean(Class fragment, int icon, int title){ this.fragment = fragment;this.icon = icon;this.title = title;}public int getIcon(){return icon;}public void setIcon(int icon){this.icon = icon;}public int getTitle(){return title;}public void setTitle(int title){this.title = title;}public Class getFragment(){return fragment;}public void setFragment(Class fragment){this.fragment = fragment;}
}selector_icon_care.xml 举一个例子 其他几个都一样的
<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android"><!-- Non focused states --><item android:state_focused="false" android:state_selected="false" android:state_pressed="false" android:drawable="@mipmap/icon_care_n" /><item android:state_focused="false" android:state_selected="true" android:state_pressed="false" android:drawable="@mipmap/icon_care_press" /><!-- Focused states --><item android:state_focused="true" android:state_selected="false" android:state_pressed="false" android:drawable="@mipmap/icon_care_press" /><item android:state_focused="true" android:state_selected="true" android:state_pressed="false" android:drawable="@mipmap/icon_care_press" /><!-- Pressed --><item android:state_selected="true" android:state_pressed="true" android:drawable="@mipmap/icon_care_press" /><item android:state_pressed="true" android:drawable="@mipmap/icon_care_press" /></selector>大家还记得上面有这样一句代码吧layoutInflater.inflate(R.layout.tab_indicator, null);
tab_indicator.xml
<!--这个布局是fragmentTabHost中一个按钮的布局-->
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"android:orientation="vertical"android:layout_width="match_parent"android:layout_height="match_parent"android:layout_gravity="center"android:paddingTop="3dp"android:paddingBottom="3dp"android:gravity="center"><ImageViewandroid:id="@+id/icon_tab"android:layout_width="wrap_content"android:layout_height="wrap_content"/><TextViewandroid:id="@+id/txt_indicator"android:layout_width="wrap_content"android:layout_height="wrap_content"android:layout_marginTop="2dp"android:textColor="@color/selector_tab_text"/>
</LinearLayout>fragment 空白的类 同学们可以自己添加view
public class HomeFragment extends Fragment {@Nullable@Overridepublic View onCreateView(LayoutInflater inflater, @Nullable ViewGroup container, @Nullable Bundle savedInstanceState) {View view = inflater.inflate(R.layout.fragment_home, container, false);return view;}
}学习笔记 Tianmao 篇 FragmentTabHost (TabHost升级版）相关推荐
- [mmu/cache]-ARM MMU的学习笔记-一篇就够了
★★★ 个人博客导读首页-点击此处 ★★★ . 说明: 在默认情况下,本文讲述的都是ARMV8-aarch64架构,linux kernel 64位 . 相关文章 1.ARM cache的学习笔记-一 ...
- [mmu/cache]-ARM cache的学习笔记-一篇就够了
★★★ 个人博客导读首页-点击此处 ★★★ . 说明: 在默认情况下,本文讲述的都是ARMV8-aarch64架构,linux kernel 64位 . 相关文章 1.ARM MMU的学习笔记-一篇就 ...
- Vue学习笔记进阶篇——Render函数
本文为转载,原文:Vue学习笔记进阶篇--Render函数 基础 Vue 推荐在绝大多数情况下使用 template 来创建你的 HTML.然而在一些场景中,你真的需要 JavaScript 的完全编 ...
- PHP学习笔记 - 进阶篇（7）
PHP学习笔记 - 进阶篇(7) 文件操作 读取文件内容 PHP具有丰富的文件操作函数,最简单的读取文件的函数为file_get_contents,可以将整个文件全部读取到一个字符串中. $conte ...
- Vue学习笔记入门篇——数据及DOM
本文为转载,原文:Vue学习笔记入门篇--数据及DOM 数据 data 类型 Object | Function 详细 Vue 实例的数据对象.Vue 将会递归将 data 的属性转换为 getter ...
- WPF学习笔记(数据绑定篇3)
接上回的<WPF学习笔记(数据绑定篇2)>,继续 BindValidation 此示例演示了: 如何使用错误模板: 使用样式显示错误信息: 如何在校验发生异常时执行回调: 首先,你可以看见 ...
- Vue学习笔记进阶篇——多元素及多组件过渡
本文为转载,原文:Vue学习笔记进阶篇--多元素及多组件过渡 多元素的过渡 对于原生标签可以使用 v-if/v-else.但是有一点需要注意: 当有相同标签名的元素切换时,需要通过 key 特性设置唯 ...
- PhalAPI学习笔记拓展篇 ———ADM模式中NotORM实现简单CURD
PhalAPI学习笔记拓展篇 ---ADM模式中NotORM实现简单CURD 前言 内容 ADM模式 ADM简单介绍 准备工作 PhalAPI提供的CURD操作方法 业务实现 结束语 前言 公司业务需 ...
- 极客HTTP协议学习笔记破冰篇(1-7)
极客HTTP协议学习笔记破冰篇(1-7) 前言 各篇章笔记链接 一.学习笔记 1.HTTP的前世今生 2.HTTP是什么 3.与HTTP相关的各种概念(上) 4.与HTTP相关的各种概念(下) 5.常 ...
- MySQL学习笔记-基础篇1
MySQL 学习笔记–基础篇1 目录 MySQL 学习笔记--基础篇1 1. 数据库概述与MySQL安装 1.1 数据库概述 1.1.1 为什么要使用数据库 1.2 数据库与数据库管理系统 1.2.1 ...
最新文章
- Android 进阶自定义View（4）图表统计LineChartView曲线图的实现
- 解决vue在ios或android中用webview打开H5链接时#号后面的参数被忽略问题angular同样适用
- python 定义变量x格式_如何从CSV文件中提取数据列并将它们定义为x和y变量，然后使用pylab在python中绘制它们？...
- python bytes()函数
- Leetcode-第 73 场双周赛
- *【CF#510C】Fox And Names （拓扑排序）
- 产品经理如何避免被程序员打？
- 1.jenkins持续集成-jenkins安装
- p2093 [国家集训队]JZPFAR
- c语言的常用英语单词和翻译,c语言通用英语词汇带翻译
- Java开发企业微信功能
- vnc远程控制软件怎么用，vnc远程控制软件到底该怎么用，使用教程
- 贪心算法及其经典例题
- flv文件转换成mp4格式的方法
- un4 unreal4 创建路径 曲线 管道 Spline组件 使用方法
- 合成孔径雷达干涉测量InSAR数据处理、地形三维重建、形变信监息提取、测
- Android----------- Banner2 广告图片轮播ViewPager2实现
- 如何批量的将jpg文件转换为png格式
- [已解决] 输出信号超出范围调整为1600x900@60hz
- IDEA中JAVA代码模板设置指南