Fragment和viewPager搭配使用(有标题)(二) 讲解

原创 2018年04月17日 07:33:50

Fragment和viewPager搭配使用(有标题)(二) 讲解

首先,我们想一想我们用ViewPager的目的是:实现多个Fragment左右滑动切换的效果。所以我们需要先建立多个xxFragment类继承Fragment,当然有多少个xxFragment就需要多少个它对应的xml这个自己根据自己的需要建立即可。

并在onCreateView()方法中加载该xml和初始化控件

下来,我们可以认为一个xxFragment为一个item,而ViewPager类似ListView或者RecyclerView,所以我们需要用Adapter(适配器)来解决数据的适配问题。所以我们建立一个MyAdapter类继承FragmentPagerAdapter,在这个类里面我们要完成多个xxFragment的切换问题和标题的配对设置问题。

多个xxFragment的切换问题

用重写getItem(int position)方法解决,在这个方法通过position的switch语句判断当前是第几个返回你想要对应的xxFragment对象。这样就完成了切换问题。

引用块内容 @Override
public Fragment getItem(int position) {
switch(position)
{
case 0:
Fragment1 fragment1 = new Fragment1();
return fragment1;
case 1:
Fragment2 fragment2 = new Fragment2();
return fragment2;
case 2:
return new Fragment3();
}
return null;
}

标题的配对设置问题

private String tabTitles[] = {“标题1” ,”标题2” , “标题3”};//私有成员,标题名称数组

//然后重写getPageTitle(int position)方法返回对应标题

@Override
public CharSequence getPageTitle(int position) {
return tabTitles[position];
}

再下来我们去设置一下MainActivity的xml文件

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:orientation="vertical"
    android:layout_width="match_parent"
    android:layout_height="match_parent">

<LinearLayout
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:orientation="vertical">

    <android.support.design.widget.TabLayout
        android:id="@+id/tab_layout"
        android:layout_width="match_parent"
        android:layout_height="40dp"
        android:layout_gravity="center_horizontal"/>

</LinearLayout>

<android.support.v4.view.ViewPager
    android:id="@+id/view_pager"
    android:layout_width="match_parent"
    android:layout_height="0dp"
    android:layout_weight="1"/>

设置好这些,我们就只需要在MainActivity中去这样设置一般就OK了

package com.example.viewpagerdemo;
import android.support.v4.view.ViewPager;
import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.support.design.widget.TabLayout;
import java.util.zip.Inflater;

public class MainActivity extends AppCompatActivity {

private ViewPager viewPager;

private TabLayout tabLayout;

private MyPagerAdapter pagerAdapter;

@Override
protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.activity_main);

    pagerAdapter = new MyPagerAdapter(getSupportFragmentManager() ,this );
    viewPager = (ViewPager) findViewById(R.id.view_pager);
    viewPager.setAdapter(pagerAdapter);
    tabLayout  = (TabLayout) findViewById(R.id.tab_layout);
    tabLayout.setupWithViewPager(viewPager);
    tabLayout.setTabMode(TabLayout.MODE_FIXED);
}

}

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/sliverbullets/article/details/79969100

ViewPager(2):ViewPager与Fragment一起使用

FragmentPagerAdapterFragmentPagerAdapter继承自PagerAdapter ,主要用来展示多个Fragment页面,并且每一个Fragment都会被保存在Fragm...
  • lj2012sy
  • lj2012sy
  • 2016年06月17日 10:36
  • 1031

TabLayout实现标题栏viewpager与Fragment联动,标题栏下面有指示器(小横线)

首先这是第三工具,比上次的HorizontalScrollView+viewpager 实现新闻客户端头条简单的多 1:首先导入一个jar包 com.android.support:design...
  • zhaoxiaoshan_3
  • zhaoxiaoshan_3
  • 2017年04月12日 10:28
  • 1149

viewPager+fragment的简洁搭配

在我们平时的开发当中,随处可见的上面一个指示器,当然用Indicator或者Tablayout都可以,然后配合viewPager进行联动,viewPager里面装着fragment,fragment里...
  • bestlbw
  • bestlbw
  • 2016年12月11日 21:00
  • 228

Viewpager+Fragment滑动更改ListView数据和设置title文字的变化

设置ListView的数据更改只有几行代码,不用说了;;源码在下边,免费 设置title的文字的变化:给ViewPager设置监听器,Viewpager变化的时候,给文字添加渐变,滑动完成后设置文字最...
  • u012123938
  • u012123938
  • 2016年03月13日 23:01
  • 1035

ViewPager+Fragment多标题界面

话不多说,先上效果图: 好了,来看xml代码:(为了保持简明,我删除了部分代码) title层级是这样的: HorizontalScrollView,      RelativeLa...
  • Coomagic
  • Coomagic
  • 2016年11月09日 11:14
  • 1402

ViewPager + fragment 中 懒加载的一点经验

ViewPager + fragment 中 懒加载的一点经验由于 viewpager 会预创建 page 页,所以当在fragment onCreatView 中进行一些业务时,体验会很差,比如网络...
  • nifanggge
  • nifanggge
  • 2017年08月21日 16:40
  • 260

Fragment和viewPager搭配使用(有标题)(一) 代码

 这个是我很久之前看的写的,由于寒假过年耽误了,今天来做个总结。 一、Glide    这个是glide。二、MainActivity.javapackage com.example.viewpage...
  • sliverbullets
  • sliverbullets
  • 2018年03月04日 17:34
  • 47

对ViewPager+Fragment的懒加载的小小探究

在网上搜索了一些ViewPager+Fragment懒加载的实现方法,基本都是利用setUserVisibleHint()方法中判断当前fragment是否可见,可见则执行加载操作。懒加载frgmen...
  • Jali_li
  • Jali_li
  • 2016年04月29日 10:22
  • 1720

解决viewpager中一个fragment嵌套fragment出现重叠现象

当viewpager第一个或者第二个Fragment嵌套了几个Fragment时候,用的是addFragment、show、hide方法时候,当view pager切换到后面的时候会出现界面重叠现象,...
  • syc434432458
  • syc434432458
  • 2015年10月01日 10:43
  • 1835

Fragment和ViewPager的简单使用

先上效果图 四个页面对应4个Fragment,通过ViewPager展示在主Activity中,支持最有滑动切换以及底部按钮点击切换Fragment。一、创建fragment以MessageFr...
  • u013795543
  • u013795543
  • 2016年12月09日 16:40
  • 421
收藏助手
不良信息举报
您举报文章:Fragment和viewPager搭配使用(有标题)(二) 讲解
举报原因:
原因补充:

(最多只允许输入30个字)