【移动应用开发技术】怎么在Android中使用ViewPager实现微信页面切换效果

【移动应用开发技术】怎么在Android中使用ViewPager实现微信页面切换效果

怎么在Android中使用ViewPager实现微信页面切换效果？针对这个问题，这篇文章详细介绍了相对应的分析和解答，希望可以帮助更多想解决这个问题的小伙伴找到更简单易行的方法。首先在布局文件activity_main.xml添加ViewPager

ViewPager是页面，PagerTabStrip和PagerTitleStrip是设置标题的<?xml

version="1.0"

encoding="utf-8"?>

<RelativeLayout

xmlns:android="/apk/res/android"

android:layout_width="match_parent"

android:layout_height="match_parent">

<!--页卡-->

<android.support.v4.view.ViewPager

android:id="@+id/view1"

android:layout_width="wrap_content"

android:layout_height="wrap_content">

<!--页卡标题-->

<!rTitleStrip和PagerTabStrip功能差不多一致，使用了PagerTitleStrip那PagerTabStrip会失效-->

<android.support.v4.view.PagerTabStrip

android:id="@+id/pagerTabStrip"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

/>

</android.support.v4.view.ViewPager>

</RelativeLayout>接下里创建3个布局文件，给ViewPager的适配器引用view1.xml<?xml

version="1.0"

encoding="utf-8"?>

<LinearLayout

xmlns:android="/apk/res/android"

android:layout_width="match_parent"

android:layout_height="match_parent">

<ImageView

android:id="@+id/img1"

android:layout_height="wrap_content"

android:layout_width="wrap_content"

android:background="@drawable/img1"

android:layout_marginLeft="30dp"/>

</LinearLayout>view2.xml<?xml

version="1.0"

encoding="utf-8"?>

<LinearLayout

xmlns:android="/apk/res/android"

android:layout_width="match_parent"

android:layout_height="match_parent">

<ImageView

android:id="@+id/img2"

android:layout_height="match_parent"

android:layout_width="match_parent"

android:background="@drawable/img2"/>

</LinearLayout>view3.xml<?xml

version="1.0"

encoding="utf-8"?>

<LinearLayout

xmlns:android="/apk/res/android"

android:layout_width="match_parent"

android:layout_height="match_parent">

<ImageView

android:id="@+id/img3"

android:layout_height="match_parent"

android:layout_width="match_parent"

android:background="@drawable/img3"/>

</LinearLayout>创建3个类继承Fragment，通过Fragment实现onCreateView方法把view.xml布局转换成ViewMyFragment1.javapackage

com.rui.viewpagerdemo;

import

android.os.Bundle;

import

android.support.annotation.Nullable;

import

android.support.v4.app.Fragment;

import

android.view.LayoutInflater;

import

android.view.View;

import

android.view.ViewGroup;

/**

*

Created

by

qqazl001

on

2018/3/26.

*/

public

class

MyFragment1

extends

Fragment{

@Nullable

@Override

public

View

onCreateView(LayoutInflater

inflater,

@Nullable

ViewGroup

container,

@Nullable

Bundle

savedInstanceState)

{

//布局文件转成View

//参数1：Fragment需要加载的布局文件

//参数2：加载layout的父ViewGroup

//参数1：是否返回父ViewGroup对象，false为不

View

view

=

inflater.inflate(R.layout.view1,container,false);

return

view;

}

}MyFragment2.javapackage

com.rui.viewpagerdemo;

import

android.os.Bundle;

import

android.support.annotation.Nullable;

import

android.support.v4.app.Fragment;

import

android.view.LayoutInflater;

import

android.view.View;

import

android.view.ViewGroup;

/**

*

Created

by

qqazl001

on

2018/3/26.

*/

public

class

MyFragment2

extends

Fragment{

@Nullable

@Override

public

View

onCreateView(LayoutInflater

inflater,

@Nullable

ViewGroup

container,

@Nullable

Bundle

savedInstanceState)

{

//布局文件转成View

//参数1：Fragment需要加载的布局文件

//参数2：加载layout的父ViewGroup

//参数1：是否返回父ViewGroup对象，false为不

View

view

=

inflater.inflate(R.layout.view2,container,false);

return

view;

}

}MyFragment3.javapackage

com.rui.viewpagerdemo;

import

android.os.Bundle;

import

android.support.annotation.Nullable;

import

android.support.v4.app.Fragment;

import

android.view.LayoutInflater;

import

android.view.View;

import

android.view.ViewGroup;

/**

*

Created

by

qqazl001

on

2018/3/26.

*/

public

class

MyFragment3

extends

Fragment{

@Nullable

@Override

public

View

onCreateView(LayoutInflater

inflater,

@Nullable

ViewGroup

container,

@Nullable

Bundle

savedInstanceState)

{

//布局文件转成View

//参数1：Fragment需要加载的布局文件

//参数2：加载layout的父ViewGroup

//参数1：是否返回父ViewGroup对象，false为不

View

view

=

inflater.inflate(R.layout.view3,container,false);

return

view;

}

}创建适配器，新建类（MyAdapter），继承FragmentPagerAdapterpackage

com.rui.viewpagerdemo;

import

android.support.v4.app.Fragment;

import

android.support.v4.app.FragmentManager;

import

android.support.v4.app.FragmentPagerAdapter;

import

android.support.v4.view.PagerAdapter;

import

android.view.View;

import

android.view.ViewGroup;

import

java.util.ArrayList;

import

java.util.List;

/**

*

Created

by

qqazl001

on

2018/3/26.

*/

public

class

MyAdapter

extends

FragmentPagerAdapter{

List<Fragment>

listFragment;

List<String>

listTab

=

new

ArrayList<String>();

public

MyAdapter(FragmentManager

fm,List<Fragment>

listFragment,List<String>listTab)

{

super(fm);

this.listFragment=listFragment;

this.listTab=listTab;

}

@Override

public

CharSequence

getPageTitle(int

position)

{

//返回标题名称

return

listTab.get(position);

}

@Override

public

Fragment

getItem(int

position)

{

//返回页面内容

return

listFragment.get(position);

}

@Override

public

int

getCount()

{

//一共多少个页面

return

listFragment.size();

}

}在Activity实例化组件和适配器并添加监听，添加各种数据源等监听实现接口OnPageChangeListenerViewPager，添加监听方法setOnPageChangeListener()方法已经被AS移除了，建议使用addOnPageChangeListener()方法。MainActivity.javapackage

com.rui.viewpagerdemo;

import

android.annotation.SuppressLint;

import

android.graphics.Color;

import

android.support.v4.app.Fragment;

import

android.support.v4.view.PagerTabStrip;

import

android.support.v4.view.ViewPager;

import

android.support.v7.app.AppCompatActivity;

import

android.os.Bundle;

import

android.view.View;

import

android.widget.Toast;

import

java.util.ArrayList;

import

java.util.List;

//调用接口监听，并实现方法

public

class

MainActivity

extends

AppCompatActivity

implements

ViewPager.OnPageChangeListener{

private

List<Fragment>

listFragment;//声明List，存放Fagment

private

ViewPager

viewPager;//声明ViewPager

private

PagerTabStrip

pagerTabStrip;//声明PagerTabStrip

private

List<String>

listTab;//声明List,存放标题

@SuppressLint("ResourceType")

@Override

protected

void

onCreate(Bundle

savedInstanceState)

{

super.onCreate(savedInstanceState);

setContentView(R.layout.activity_main);

//实例化List

listFragment

=

new

ArrayList<Fragment>();

//view加入list

listFragment.add(new

MyFragment1());

listFragment.add(new

MyFragment2());

listFragment.add(new

MyFragment3());

//标题加入list

listTab

=

new

ArrayList<String>();

listTab.add("第一页");

listTab.add("第二页");

listTab.add("第三页");

//为PagerTabStrip设置属性

pagerTabStrip

=

(PagerTabStrip)findViewById(R.id.pagerTabStrip);

//pagerTabStrip.setBackgroundColor(color.white);

设置背景色

pagerTabStrip.setTextColor(Color.RED);

//设置标题文字颜色

pagerTabStrip.setDrawFullUnderline(false);//是否显示一条横线

pagerTabStrip.setTabIndicatorColor(Color.GREEN);//标题下的短粗线颜色

//实例化适配器

MyAdapter

myAdapter

=

new

MyAdapter(getSupportFragmentManager(),listFragment,listTab);

//实例化ViewPager

viewPager

=

(ViewPager)

findViewById(R.id.view1);

//为viewPager加载适配器

viewPager.setAdapter(myAdapter);

//加载监听事件

viewPager.addOnPa