viewpager

最新推荐文章于 2020-07-08 18:10:58 发布
最新推荐文章于 2020-07-08 18:10:58 发布
阅读量434 收藏
点赞数
分类专栏： Java 移动开发
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Tom_199435/article/details/48395111
版权
viewpager的作用：实现滑动分页

viewpager的实现过程：1.加入相应的.jar包 ————>2.在布局文件中加入viewpager——>3.获取viewpager加载显示的页——>4.设置它的adper

与其相似的过程listview,Spinner,gridview等

viewpager的注意点:加载的页是静态的

首先主要代码

三个布局文件可以随便加，但是是静态的，不能在java代码中修改

package com.example.virwpage1;

import java.util.ArrayList;
import java.util.List;
import java.util.zip.Inflater;

import android.os.Bundle;
import android.app.Activity;
import android.support.v4.view.PagerAdapter;
import android.support.v4.view.ViewPager;
import android.text.Layout;
import android.view.LayoutInflater;
import android.view.Menu;
import android.view.View;
import android.view.ViewGroup;

public class MainActivity extends Activity {

   ViewPager views;
   List<View> ls;
    View view1;
    View view2;
    View view3;
   
	protected void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		setContentView(R.layout.activity_main);
		initi_way();
		//设置pageradapter,四个方法都需要重写
		PagerAdapter page=new PagerAdapter() {
			
			@Override
			public boolean isViewFromObject(View arg0, Object arg1) {
				// TODO Auto-generated method stub
				 return arg0 == arg1;
			}
			
			@Override
			public int getCount() {
				//获取加入布局的个数
				return ls.size();
			}

			@Override
			public void destroyItem(ViewGroup container, int position,
					Object object) {
				//移除划过去的view
                    container.removeView(ls.get(position));
			}

			//使用的参数是ViewGroup 
			public Object instantiateItem(ViewGroup container, int position) {
				// TODO Auto-generated method stub
				  //显示当前的view
			       container.addView(ls.get(position));
			       return ls.get(position);
			}
			
		};
		 views.setAdapter(page);
	}

	private void initi_way() {
		//获取viewpager
		views=(ViewPager) findViewById(R.id.viewpager);
		//获取三个布局
		LayoutInflater inflater=getLayoutInflater();
		view1=inflater.inflate(R.layout.view_main, null);
		view2=inflater.inflate(R.layout.view1_main, null);
		view3=inflater.inflate(R.layout.view2_main, null);
		ls=new ArrayList<View>();
		//加入三个布局
		ls.add(view1);
		ls.add(view2);
		ls.add(view3);
	}


	public boolean onCreateOptionsMenu(Menu menu) {
		// Inflate the menu; this adds items to the action bar if it is present.
		getMenuInflater().inflate(R.menu.main, menu);
		return true;
	}

}


1.加入相应的.jar包



2,在布局文件中加入viewpager

</pre><pre name="code" class="java"><RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    tools:context="com.example.testviewpage_1.MainActivity" >

<android.support.v4.view.ViewPager
    android:id="@+id/viewpager"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_gravity="center">
<!-- <android.support.v4.view.PagerTabStrip
    android:id="@+id/mtab"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_gravity="top" /> -->
</android.support.v4.view.ViewPager>
</RelativeLayout>

3.获取viewpager并且加入页面

private void initi_way() {
		//获取viewpager
		views=(ViewPager) findViewById(R.id.viewpager);
		//获取三个布局
		LayoutInflater inflater=getLayoutInflater();
		view1=inflater.inflate(R.layout.view_main, null);
		view2=inflater.inflate(R.layout.view1_main, null);
		view3=inflater.inflate(R.layout.view2_main, null);
		ls=new ArrayList<View>();
		//加入三个布局
		ls.add(view1);
		ls.add(view2);
		ls.add(view3);
	}

4.设置pageradapteer 

PagerAdapter page=new PagerAdapter() {
			
			@Override
			public boolean isViewFromObject(View arg0, Object arg1) {
				// TODO Auto-generated method stub
				 return arg0 == arg1;
			}
			
			@Override
			public int getCount() {
				//获取加入布局的个数
				return ls.size();
			}

			@Override
			public void destroyItem(ViewGroup container, int position,
					Object object) {
				//移除划过去的view
                    container.removeView(ls.get(position));
			}

			//使用的参数是ViewGroup 
			public Object instantiateItem(ViewGroup container, int position) {
				// TODO Auto-generated method stub
				  //显示当前的view
			       container.addView(ls.get(position));
			       return ls.get(position);
			}
			
		};
		 views.setAdapter(page);
	}


如何在viewpager中加入pagertapstrip

主要java代码

package com.example.virwpage1;

import java.util.ArrayList;
import java.util.List;
import java.util.zip.Inflater;

import android.os.Bundle;
import android.app.Activity;
import android.support.v4.view.PagerAdapter;
import android.support.v4.view.PagerTabStrip;
import android.support.v4.view.ViewPager;
import android.text.Layout;
import android.view.LayoutInflater;
import android.view.Menu;
import android.view.View;
import android.view.ViewGroup;

public class MainActivity extends Activity {

   ViewPager views;
   PagerTabStrip ptp;
   List<View> ls;
   List<String> lp; 
    View view1;
    View view2;
    View view3;
   
	protected void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		setContentView(R.layout.activity_main);
		initi_way();
		tijia_way();
		//设置pageradapter,四个方法都需要重写
		PagerAdapter page=new PagerAdapter() {
			
			@Override
			public boolean isViewFromObject(View arg0, Object arg1) {
				// TODO Auto-generated method stub
				 return arg0 == arg1;
			}
			
			//显示当前标题
			public CharSequence getPageTitle(int position) {
				// TODO Auto-generated method stub
				return lp.get(position);
			}

			@Override
			public int getCount() {
				//获取加入布局的个数
				return ls.size();
			}

			@Override
			public void destroyItem(ViewGroup container, int position,
					Object object) {
				//移除划过去的view
                    container.removeView(ls.get(position));
			}

			//使用的参数是ViewGroup 
			public Object instantiateItem(ViewGroup container, int position) {
				// TODO Auto-generated method stub
				  //显示当前的view
			       container.addView(ls.get(position));
			       return ls.get(position);
			}
			
		};
		 views.setAdapter(page);
	}

	private void tijia_way() {
		ls=new ArrayList<View>();
		lp=new ArrayList<String>();
		//加入三个布局
		ls.add(view1);
		ls.add(view2);
		ls.add(view3);
		//添加标题
		for(int i=1;i<4;i++){
			lp.add("第"+i+"页");
			
		}
		
	}

	private void initi_way() {
		//获取viewpager
		views=(ViewPager) findViewById(R.id.viewpager);
		//获取pagertapstrip
		ptp=(PagerTabStrip) findViewById(R.id.mtab);
		//获取三个布局
		LayoutInflater inflater=getLayoutInflater();
		view1=inflater.inflate(R.layout.view_main, null);
		view2=inflater.inflate(R.layout.view1_main, null);
		view3=inflater.inflate(R.layout.view2_main, null);
		
	}


	public boolean onCreateOptionsMenu(Menu menu) {
		// Inflate the menu; this adds items to the action bar if it is present.
		getMenuInflater().inflate(R.menu.main, menu);
		return true;
	}

}
主要xml代码 

<RelativeLayout 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:paddingBottom="@dimen/activity_vertical_margin"
    android:paddingLeft="@dimen/activity_horizontal_margin"
    android:paddingRight="@dimen/activity_horizontal_margin"
    android:paddingTop="@dimen/activity_vertical_margin"
    tools:context=".MainActivity" >
   <android.support.v4.view.ViewPager
    android:id="@+id/viewpager"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_gravity="center"
    >
    <android.support.v4.view.PagerTabStrip
    android:id="@+id/mtab"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_gravity="top"
   />
   </android.support.v4.view.ViewPager>
</RelativeLayout>
作用：在顶端有相应的标题

实现过程：1.在xml的viewpager中加入pagertabstrip——>2.获取pagertabstrip——>3.添加标题——>4.重写getpagetitle方法

1.在xml的viewpager中加入pagertabstrip控件

<RelativeLayout 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:paddingBottom="@dimen/activity_vertical_margin"
    android:paddingLeft="@dimen/activity_horizontal_margin"
    android:paddingRight="@dimen/activity_horizontal_margin"
    android:paddingTop="@dimen/activity_vertical_margin"
    tools:context=".MainActivity" >
   <android.support.v4.view.ViewPager
    android:id="@+id/viewpager"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_gravity="center"
    >
    <android.support.v4.view.PagerTabStrip
    android:id="@+id/mtab"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_gravity="top"
   />
   </android.support.v4.view.ViewPager>
</RelativeLayout>
2.获取pagertabstrip 

	private void initi_way() {
		//获取viewpager
		views=(ViewPager) findViewById(R.id.viewpager);
		//获取pagertapstrip
		ptp=(PagerTabStrip) findViewById(R.id.mtab);
		//获取三个布局
		LayoutInflater inflater=getLayoutInflater();
		view1=inflater.inflate(R.layout.view_main, null);
		view2=inflater.inflate(R.layout.view1_main, null);
		view3=inflater.inflate(R.layout.view2_main, null);
		
	}


3.添加标题 

private void tijia_way() {
		ls=new ArrayList<View>();
		lp=new ArrayList<String>();
		//加入三个布局
		ls.add(view1);
		ls.add(view2);
		ls.add(view3);
		//添加标题
		for(int i=1;i<4;i++){
			lp.add("第"+i+"页");
			
		}
		
	}


4.重写getpagertilte

	PagerAdapter page=new PagerAdapter() {
			
			@Override
			public boolean isViewFromObject(View arg0, Object arg1) {
				// TODO Auto-generated method stub
				 return arg0 == arg1;
			}
			
			//显示当前标题
			public CharSequence getPageTitle(int position) {
				// TODO Auto-generated method stub
				return lp.get(position);
			}

			@Override
			public int getCount() {
				//获取加入布局的个数
				return ls.size();
			}

			@Override
			public void destroyItem(ViewGroup container, int position,
					Object object) {
				//移除划过去的view
                    container.removeView(ls.get(position));
			}

			//使用的参数是ViewGroup 
			public Object instantiateItem(ViewGroup container, int position) {
				// TODO Auto-generated method stub
				  //显示当前的view
			       container.addView(ls.get(position));
			       return ls.get(position);
			}
			
		};
		 views.setAdapter(page);
	}


运行效果

失败中的战斗者
关注
专栏目录
ViewPager的介绍和使用
SingleTigerkin的博客
07-11 683
ViewPager的介绍和使用一:ViewPager介绍二:ViewPager的使用三:自动翻页效果代码翻页监听四:ViewPager与Fragment结合使用FragmentStataPagerAdpterFragmentPagerAdapter 一:ViewPager介绍 微信上的ViewPager应用 Viewpager，视图翻页工具，提供了多页面切换的效果。Android 3.0后引入的...
Android30_ViewPager
雷家二少
07-27 1249
ViewPager 一、ViewPager简介： （一）、作用： ViewPager的功能就是可以使视图滑动，就像Lanucher左右滑动那样。ViewPager用于实现多页面的切换效果。该类存在于Google的兼容包里面，android.support.v4.view.ViewPager。 （二）、ViewPager的常规使用步骤： 1、在布局文件中定义ViewPa
ViewPager 剖析及使用
Key_p的博客
10-08 302
ViewPager的剖析及使用详解 ViewPager在开发中的使用频率非常的高，所以在此做个总结。 主要包括以下几方面： ViewPager的简介和作用ViewPager的适配器ViewPager的翻页动画ViewPager结合第三方库实现小圆点指示器效果基于ViewPager实现广告轮播控件 基础 1.ViewPager的简介和作用 ViewPager是
ViewPager概述
差点是个靓仔
07-21 521
ViewPager是什么？      ViewPager是android-support-v4.jar包中的一个系统控件      ViewPager是继承自ViewGroup      ViewPager专门用以实现左右滑动切换View的效果
viewPager
04-03
`ViewPager`是Android开发中一个重要的组件，常用于实现页面滑动效果，广泛应用于各种应用的导航栏或者图片轮播等场景。它来自于Android Support Library，后来被集成到AndroidX库中，是`androidx.viewpager.widget....
android仿抖音视频播放 基于GsyVideoPlayer+ViewPager2
最新发布
12-13
本项目"android仿抖音视频播放 基于GsyVideoPlayer+ViewPager2"就是致力于实现这一功能，通过结合GsyVideoPlayer库和ViewPager2组件，为用户提供流畅的上下翻页和垂直翻页效果。以下是关于这个项目的详细知识点： 1...
viewpager + PagerAdapter刷新数据
11-16
在Android开发中，ViewPager是一个非常常用的组件，它用于展示可滑动的页面集合。结合PagerAdapter，我们可以实现一个动态加载和刷新数据的视图系统。在本文中，我们将深入探讨如何利用ViewPager和PagerAdapter来...
Android中在DialogFragment内使用TabLayout+ViewPager
06-07
在这个场景中，我们将讨论如何在`DialogFragment`内集成`TabLayout`和`ViewPager`，以实现多页面的左右滑动切换效果，类似于`PopupWindow`的功能。 首先，我们要理解`DialogFragment`的核心概念。`DialogFragment`...
ViewPager 使用
01-03
使用ViewPager实现功能：  1. ViewPager 使用设置适配器  2. ViewPager 添加addOnPageChangeListener 监听  3. ViewPager 实现伪 无限循环  public int getCount() {  return Integer.MAX_VALUE;  }  // 获取...
ViewPager简单介绍
xiaoming1430026911的博客
06-03 392
在Android页面中实现页面的滑动效果时，要用到ViewPager ViewPager的简介和作用 ViewPager是android扩展包v4包中的类，这个类可以让用户左右切换当前的view （1）ViewPager类直接继承了ViewGroup类，所以它是一个容器类，可以在其中添加其他的view类。 （2）ViewPager类需要一个PagerAdapter适配器给它提供数据。 （
ViewPager的功能与使用
ziyanguang1989的专栏
09-27 1524
ViewPager用于实现多页面的切换效果，该类存在于Google的兼容包里面，所以在引用时记得在BuilldPath中加入“android-support-v4.jar”. 新效果有如下特征： [1] 当前显示一组界面中的其中一个界面。 [2] 当用户通过左右滑动界面时，当前的屏幕显示当前界面和下一个界面的一部分。 [3]滑动结束后，界面自动跳转到当前选择的界面中 使用贴上源码
viewpager实现简单的轮播效果
weixin_30650859的博客
02-22 137
关于viewpager轮播效果网上有很多的介绍，主流的方法基本就是几种： 1、给getCount返回一个很大的数比如Integer.MAX_VALUE，然后给用户一种无限循环的效果。 2、使用定时器 配合handler 实现循环轮播效果。 3、单纯使用Handler实现。 4、号称“真正”实现无限轮播效果，确实效果不错。上一张原理图，需要的具体自行搜索吧。 （...
ViewPager 的用法详解
stormxz的博客
09-12 719
现在很多浏览类型app都是viewpager + fragment + 自定义tab的组合，比如网易新闻，优酷等。 使用这种组合的好处: 可以在一个Activity中处理多个页面，方便用户操作，视图结构清晰。 一、 viewpager 对应的几个adapter PagerAdapter: 一般适配器，图片，view，Fragment都行。 FragmentPagerAdapter: 为
Android 使用ViewGroup实现ViewPager的效果
lbcab的博客
05-21 1962
ViewPager控件可以让我们做出很多漂亮的界面,例如导航, 页面菜单等. 那么我们如何去实现自己的ViewPager? 本文将介绍如何实现ViewPager控件, 旨在熟悉自定义控件开发.
对ViewPager的理解
墨玉浮白的博客
07-08 1675
文章目录 设置wrap_content无效？
用ViewPager写个不一样的列表效果
fushuangdage的博客
06-06 615
先来个效果 分析 需求：靠近中间的item始终压在两边。滑动后中间的始终在最下面。 效果的实现大致有两种，第一种：自定义RecyclerView LayoutManager 通过onLayoutChildren() 自己摆放控件，绘制需从屏幕两边的控件往中间绘制，这样才能保证覆盖层级没有问题，同时需要重写父类scrollHorizontallyBy() ,在其中调用offsetChi...
深入解析Android ViewPager源码
"Android ViewPager源码解析" Android ViewPager是Android开发中的一个重要组件，它允许用户通过左右滑动来浏览多个页面，常用于实现类似Tab切换的效果。这篇内容将深入探究ViewPager的源码，解答关于它的几个关键...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值