fragment+viewpager+tablayou实现滑动切换页面

本文目标:实现滑动切换页面

首先,Tablayout控件就需要添加design library,在android studio中添加依赖 
compile ‘com.android.support:design:23.2.1’

或者直接:File-->Project structure-->app-->Dependencies中单击加号添加

com.android.support:design:23.2.1

线性布局中布局文件为:

<android.support.design.widget.TabLayoutandroid:id="@+id/tablayout"android:layout_width="match_parent"android:layout_height="wrap_content">
</android.support.design.widget.TabLayout>
<android.support.v4.view.ViewPagerandroid:id="@+id/viewPager"android:layout_width="match_parent"android:layout_height="match_parent">
</android.support.v4.view.ViewPager>

需要Fragment的布局为:

<LinearLayout 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"android:orientation="vertical"><ListViewandroid:id="@+id/fragment_list"android:layout_width="match_parent"android:layout_height="wrap_content"></ListView></LinearLayout>

Fragment01的代码为:

public class Fragment01 extends Fragment {ListView mListView;public Fragment01() {}@Overridepublic View onCreateView(LayoutInflater inflater, ViewGroup container,Bundle savedInstanceState) {View v = inflater.inflate(R.layout.fragment_fragment01, container, false);mListView = (ListView) v.findViewById(R.id.fragment_01_list);return v;}

以同样的方式创建其余的Fragment。

 

接着定义ViewPager中的适配器:MyAdapter继承自FragmentPagerAdapter:

适配器中有两个集合,分别存放Fragment和tab的标题:

public class MyAdapter extends FragmentPagerAdapter {ArrayList<Fragment> lists;ArrayList<String> tabs;public CommunityPageAdapter(FragmentManager fm) {super(fm);}public void setData(ArrayList<Fragment> lists) {this.lists = lists;}public void setTabs(ArrayList<String> tabs) {this.tabs = tabs;}@Overridepublic Fragment getItem(int position) {return lists == null ? null : lists.get(position);}@Overridepublic int getCount() {return tabs == null ? 0 : tabs.size();}@Overridepublic CharSequence getPageTitle(int position) {return tabs == null ? null : tabs.get(position);}
}

使用时需要添加两个集合

代码为:

MyAdapter myAdapter = new MyAdapter(getSupportFragmentManager());ArrayList<Fragment> lists = new ArrayList<Fragment>();lists.add(new Fragment01());lists.add(new Fragment02());lists.add(new Fragment03());myAdapter.setData(lists);ArrayList<String> tabs = new ArrayList<String>();tabs.add("01");tabs.add("02");tabs.add("03");myAdapter.setTabs(tabs);

适配器和数据都有了,就可以放入viewpager并且和Tablayout进行关联了:

TabLayout tabLayout = (TabLayout) findViewById(R.id.tablayout);
ViewPager viewPager = (ViewPager) findViewById(R.id.viewPager);viewPager.setAdapter(adapter);//关联viewPager和TabLayouttabLayout.setupWithViewPager(viewPager);

到现在为止,已经实现了滑动切换页面的效果。

注:viewPager会预加载下一页,会占用较大的内存尤其是在listview中请求网络图片的时候(留下一个坑,以后补)。

      TabLayout中有许多的属性,基本见名知意,通过app:来使用,例如:

<android.support.design.widget.TabLayoutandroid:id="@+id/tablayout"android:layout_width="match_parent"android:layout_height="wrap_content"app:tabTextColor="#78ffffff"app:tabBackground="@color/colorPrimary"app:tabMinWidth="100dp"app:tabIndicatorHeight="2dp"app:tabIndicatorColor="#ffffff"app:tabGravity="center"app:tabMode="scrollable"app:tabMaxWidth="100dp"app:tabSelectedTextColor="#ffffff">
</android.support.design.widget.TabLayout>

想要知道更多的属性,可以参考:http://www.jianshu.com/p/2b2bb6be83a8

 

转载于:https://www.cnblogs.com/mo-xue/p/5910880.html

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/402911.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

php 的命名空间 看鸟哥后的随笔

我以前貌似真心没有想过php的命名空间&#xff0c;我每次写文件都会记得不让类名相重&#xff0c; 看完命名空间了这个&#xff0c;我发现可以解决我的一部分问题 1 MyLove.php2 namespace Zj;3 class Application{4 public function toMyLove(){5 echo Marx is…

vue页面截图;H5页面截图;vue项目中将特定网页内容生成图片(截图);html2canvas截图

功能&#xff1a; 1.兼容 PC 和 Mobile&#xff1b; 2.对指定的区域进行截取&#xff1b; 3.可以控制截图大小&#xff1b; 4.截图生成base64图片地址 一、安装插件 npm install html2canvas --save 或 yarn add html2canvas二、在.vue页面引入使用 import html2canvas fro…

CentOS6.8升级gcc到4.8.5总结

From&#xff1a; http://www.cjjjs.com/paper/czxt/2017222114137150.aspx [摘要] 操作系统是CentOS6.8的32位版本&#xff0c;yum自带的gcc版本为4.4.7&#xff0c;不支持C11特性。所以需要升级到4.8.5&#xff0c;至少要升级到4.8.1才完全支持C11。本文提供了自动安装脚本和…

JAVA设计模式之【单例模式】

任务管理器案例 1.单例类 package Singleton;/*** Created by Jim on 2016/9/28.*/ public class TaskManager {private static TaskManager tm null;private TaskManager() {System.out.println("创建任务管理器");}public void displayProcesses() {System.out.pr…

myeclipse快捷键

Ctrl1 快速修复CtrlD: 删除当前行 CtrlQ 定位到最后编辑的地方 CtrlL 定位在某行 CtrlO 快速显示 OutLine CtrlT 快速显示当前类的继承结构 CtrlW 关闭当前Editer CtrlK 快速定位到下一个 CtrlE 快速显示当前Editer的下拉列表CtrlJ 正向增量查找(按下CtrlJ后,你所输入的…

vue下载static文件

将文件放在static静态文件夹下即可&#xff0c;如果放在src统计的static不行&#xff0c;那就放在src下级的static里 downLoadFile () {var elemIF document.createElement("iframe")// elemIF.src ../../static/政策精选模板.xlsx 这样写路径不行elemIF.src sta…

centos7.2 安装poco

下载地址: https://pocoproject.org/releases/poco-1.7.8/poco-1.7.8p3-all.tar.gz 安装&#xff1a; #!/bin/sh# 安装依赖库 # yum install openssl-devel mysql-devel# 默认方式不支持mysql #./configure --everything --omitData/ODBC,Data/SQLitemake -s#make -s install具…

ASP 错误处理

<% Option Explicit------------- 错误处理&#xff1a; ------------- 1.需在每一行可能发生错误的代码上使用"On Error" 和 "If Err.Number <> 0 Then ..." 结构。 注意作用域&#xff01; 2.On Error语句: 启用或禁用错误处理程序* On Error G…

【云计算】K8S DaemonSet 每个node上都运行一个pod

Kubernetes容器集群中的日志系统集成实践 Kubernetes是原生的容器编排管理系统&#xff0c;对于负载均衡、服务发现、高可用、滚动升级、自动伸缩等容器云平台的功能要求有原生支持。今天我分享一下我们在Kubernetes集群中日志管理的实践方案。在这个方案中&#xff0c;除了Doc…

struct结构体初始化3种方法

From: http://blog.csdn.net/thdxs/article/details/8204118 struct是C中重要的ADT。但是在一般讲C的书中&#xff0c;往往只介绍了struct的定义、顺序初始化及位域。      为了方便后面的介绍&#xff0c;先定义一个struct类型&#xff1a;    struct User    {    …

OI基础系列之最大子数组问题

OI基础系列之最大子数组问题 ——Edward2414 oi退役了&#xff0c;虽然没取得多少成绩&#xff0c;也算是走过一会的人了。我相信绝大多数oi党都是自学成才&#xff0c;在此&#xff0c;我感谢那些把自己所学写到博客里的前辈们&#xff0c;没有你们&#xff0c;我不可能…

面向对象组合继承

function Person(name,sex,age){ this.name name; this.sex sex; this.age age;}Person.prototype.eat function(){ console.log("每个人都会吃饭");}function Programmer(name,sex,age){ this.habby "看书"; Person.call(this,name,sex,…

企业微信报错https:// open.work.weixin.qq.com/devtool/query?e=60020

企业微信报错&#xff1a; not allow to access from your ip, hint: [1667358733640290333963300], from ip: 180.164.177.83, more info at https:// open.work.weixin.qq.com/devtool/query?e60020 企业微信对60020处理&#xff1a;我是没太搞懂这个 企业微信报错60020解决…

std::string删除首字符

查了下std::string的使用手册&#xff0c;才知道string删除字符只有erase成员方法&#xff0c;但是这个方法提供了3个重载函数&#xff0c;如下&#xff1a; string& erase ( size_t pos 0, size_t n npos ); iterator erase ( iterator position ); iterator erase ( it…

Mybatis各种模糊查询及#和$区别

模糊查询&#xff1a; 工作中用到&#xff0c;写三种用法吧 sql中字符串拼接SELECT * FROM tableName WHERE name LIKE CONCAT(CONCAT(%, #{text}), %); 使用 ${...} 代替 #{...}SELECT * FROM tableName WHERE name LIKE %${text}%; 程序中拼接 Java // or String searchText …

Tomcat 配置支持APR

对ARP支持&#xff0c;需要安装以下库&#xff1a; APR libraryJNI wrappers for APR used by Tomcat (libtcnative)OpenSSL libraries其中JNI wrappers(libtcnative)安装依赖另外两项&#xff0c;以及Java headers.&#xff08;It depends on APR, OpenSSL, and the Java head…

[算法] 麻将序数牌组合方案

// 环境: centos7.2, g v4.8.5#include <iostream> #include <unistd.h> #include <stdio.h> #include <string.h> #include <vector> #include <map>using namespace std;enum CombineType {CombineType_Null 0, // 单牌CombineType_Dui…

swagger接口数据上传

后端接口参数格式&#xff1a; 1.正常大对象传参&#xff1a; 2.正常参数传参&#xff1a; 3.第三者传参&#xff1a;

java中单例模式的3种实现

1 饿汉式单例类.在类初始化时&#xff0c;已经自行实例化 class EagerSingleton { private static final EagerSingleton m_instance new EagerSingleton(); /** * 私有的默认构造子 */ private EagerSingleton() { } /** * * 静…

webstrom打开多个项目,webstrom常用快捷键

1.webstrom打开多个项目默认情况下一次只能打开一个项目&#xff0c;如果需要打开多个就按照下面的方法File -> settings -> Directories -> Add Content Root 中添加你需要的工程目录。2.加速 禁用多余的插件&#xff0c;关掉没必要的代码检查项。 webstorm慢的原因主…