TableLayout和Viewpager实现切换
时间:2022-04-26
本文章向大家介绍TableLayout和Viewpager实现切换,主要内容包括其使用实例、应用技巧、基本知识点总结和需要注意事项,具有一定的参考价值,需要的朋友可以参考一下。
因为我是在之前的基础上写的,所以这个TableLayout和Viewpager实际上是写在Fragment上的。要写到Activity里其实也是一样的啦。
先看效果图,原谅我不会动态图,只能截个图啦
布局文件
app:tabIndicatorcolor意思是选中的导航条的颜色。
app:tabSelectesTextColor是选中的导航条的文字颜色。
app:tabTextColor 是没有选中的导航条文字的颜色。
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical">
<android.support.design.widget.TabLayout
android:id="@+id/tab"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
app:tabIndicatorColor="@color/selectTable"
app:tabSelectedTextColor="@color/selectTable"
app:tabTextColor="@color/black" />
<android.support.v4.view.ViewPager
android:id="@+id/vp"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
/>
</LinearLayout>
java代码
import android.os.Bundle;
import android.support.design.widget.TabLayout;
import android.support.v4.app.Fragment;
import android.support.v4.view.ViewPager;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.TextView;
import com.lvyequeen.mystudysummry.R;
import com.lvyequeen.mystudysummry.adapters.FragmentVpAdapter;
import java.util.ArrayList;
import java.util.List;
public class CertificFragment extends Fragment {
private ViewPager vp;
private TabLayout tab;
private List<String> tablist = new ArrayList<>();
private List<View> views = new ArrayList<>();
private FragmentVpAdapter fragmentVpAdapter;
@Override
public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) {
initViews();
initTabStr();
View view = inflater.inflate(R.layout.fragment_certific, null);
tab = ((TabLayout) view.findViewById(R.id.tab));
vp = ((ViewPager) view.findViewById(R.id.vp));
tab.setTabMode(TabLayout.MODE_FIXED);
for (int i = 0; i < 3; i++) {
tab.addTab(tab.newTab().setText(tablist.get(i)));
}
fragmentVpAdapter = new FragmentVpAdapter(views, tablist);
vp.setAdapter(fragmentVpAdapter);
// 将tablelayout和ViewPager关联起来
tab.setupWithViewPager(vp);
tab.setTabsFromPagerAdapter(fragmentVpAdapter);
return view;
}
/**
* 初始化Viewpager的每个页面内容,这里为了简单,就直接new的视图
* 如果想要不同布局的内容,就按ViewPager的使用方式就行了。
*/
private void initViews() {
views.clear();
for (int i = 0; i < 3; i++) {
TextView view = new TextView(getContext());
view.setText(i + 1 + "个viewpager的填充界面");
views.add(view);
}
}
/**
* 同样为了简单,标题栏的内容就这么附值了。
*/
private void initTabStr() {
tablist.clear();
for (int i = 0; i < 3; i++) {
tablist.add("标题" + (1 + i));
}
}
}
适配器的代码,和平时viewpager的写法是一样的,但是多了一个方法getPageTitle();
import android.support.v4.view.PagerAdapter;
import android.view.View;
import android.view.ViewGroup;
import java.util.List;
public class FragmentVpAdapter extends PagerAdapter {
// 这个是viewpager的填充视图
private List<View> views;
// 这个是table导航条里面的内容填充
private List<String> tabstrs;
public FragmentVpAdapter(List<View> views, List<String> tabstrs) {
this.views = views;
this.tabstrs = tabstrs;
}
@Override
public int getCount() {
return views.size();
}
@Override
public boolean isViewFromObject(View view, Object object) {
return view == object;
}
@Override
public Object instantiateItem(ViewGroup container, int position) {
container.addView(views.get(position));
return views.get(position);
}
@Override
public void destroyItem(ViewGroup container, int position, Object object) {
container.removeView(views.get(position));
}
// 这个是和tablelayout相关的
@Override
public CharSequence getPageTitle(int position) {
return tabstrs.get(position);
}
}
- 印度财政部:比特币是纯粹投机行为 区块链资产是“庞氏骗局”
- 法律人工智能实验室成立,法官和律师会丢饭碗吗?
- 让GridView中CheckBox列支持FireFox
- 在ASP.NET MVC中通过URL路由实现对多语言的支持
- AI加持下的假肢将会越来越聪明
- 通过几个Hello World感受.NET Core全新的开发体验
- ASP.NET MVC三个重要的描述对象:ControllerDescriptor
- 基于自制数据集的MobileNet-SSD模型训练
- .NET Core采用的全新配置系统[1]: 读取配置数据
- ASP.NET MVC三个重要的描述对象:ActionDescriptor
- 升级比特币区块链后,以特币已叩响成功的大门
- .NET Core采用的全新配置系统[2]: 配置模型设计详解
- 采用双拼域名meicai.cn的美菜网融资4.5亿美元
- 区块链技术或将迎来突破性进展,以特币未来生机勃勃
- 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 数组属性和方法
- 浅谈PHP SHA1withRSA加密生成签名及验签
- PHP PDO数据库操作预处理与注意事项
- laravel 框架配置404等异常页面
- Django –Xadmin 判断登录者身份实例
- Laravel 队列使用的实现
- keras 两种训练模型方式详解fit和fit_generator(节省内存)
- Keras 中Leaky ReLU等高级激活函数的用法
- Python错误的处理方法
- python3的pip路径在哪
- MySQL 案例:init_connect 引发的 Lost connection
- PHP一个简单的无需刷新爬虫
- PHP实现函数内修改外部变量值的方法示例
- PHP中soap用法示例【SoapServer服务端与SoapClient客户端编写】
- PHP命名空间简单用法示例
- PHP array_shift()用法实例分析