viewpager一屏多个滑动效果

最新推荐文章于 2023-04-11 13:31:43 发布
最新推荐文章于 2023-04-11 13:31:43 发布
阅读量860 收藏
点赞数
分类专栏： Android 文章标签： 动画 android android开发 viewpager 内存
本文为博主原创文章，未经博主允许不得转载，如需强制转载，请注明出处且需对文章进行评论声明转载。
本文链接：https://blog.csdn.net/u014449096/article/details/50510181
版权


代码：（内存太小貌似容易溢出，这块没处理，有处理过得大家可以发出来共享下---我的手机跑了20张貌似没啥问题--老中兴）


package com.qiao.viewpager;

import java.io.InputStream;
import java.util.ArrayList;
import java.util.List;

import android.content.Context;
import android.graphics.Bitmap;
import android.graphics.BitmapFactory;
import android.graphics.Canvas;
import android.graphics.Matrix;
import android.os.Bundle;
import android.os.Handler;
import android.support.v4.app.Fragment;
import android.support.v4.app.FragmentActivity;
import android.support.v4.app.FragmentManager;
import android.support.v4.app.FragmentStatePagerAdapter;
import android.view.MotionEvent;
import android.view.View;
import android.view.View.OnTouchListener;
import android.view.Window;
import android.widget.ImageView;
import android.widget.ImageView.ScaleType;
import android.widget.RelativeLayout;
import android.widget.TextView;

import com.qiao.view.ViewPagerCompat;
import com.qiao.view.ZoomOutPageTransformer;
import com.qiao.view.ViewPagerCompat.OnPageChangeListener;

/** 
* ViewPager 一屏多个 3D滑动效果。。。。。。 
* @author 有点凉了 
* QQ群：123869487 
* 求基友共同进步，求大神入群指点 
* 
*/  

public class MainActivity extends FragmentActivity
{    
	private static int     TOTAL_COUNT = 3;

	private RelativeLayout viewPagerContainer;
	int oneTouch = 0 ;
	int TwoTouch = 0;
	int ThrTouch = 0;
	private ViewPagerCompat mViewPager;
	private int[] mImgIds = new int[] { 
			R.drawable.image1,
			R.drawable.image2, 
			R.drawable.image3 ,
//			R.drawable.image1 ,
//			R.drawable.image3,
//			R.drawable.guide_image1,
//			R.drawable.guide_image2,
//			R.drawable.guide_image3,
//			R.drawable.guide_image5,
//			R.drawable.image1,
//			R.drawable.image1,
//			R.drawable.image2, 
//			R.drawable.image3 ,
//			R.drawable.image1 ,
//			R.drawable.image3,
//			R.drawable.guide_image1,
//			R.drawable.guide_image2,
//			R.drawable.guide_image3,
//			R.drawable.guide_image5,
//			R.drawable.image1
			};
	private List<ImageView> mImageViews = new ArrayList<ImageView>();
	private int current=0;
	private MyPagerAdapter2  myPagerAdapter;
	private int[] locationOne = null;
	private int[] locationTwo = null;
	private List<Fragment> listFragment = new ArrayList<Fragment>();
	private List<String> listMessage = new ArrayList<String>();
	
	public static MainActivity mActivity;
	private Handler handler = new Handler(){
		public void handleMessage(android.os.Message msg) {
			switch (msg.what) {
			case 0:
				
				break;

			default:
				break;
			}
		};
	};
	@Override
	protected void onCreate(Bundle savedInstanceState)
	{
		super.onCreate(savedInstanceState);
		
		requestWindowFeature(Window.FEATURE_NO_TITLE);
		setContentView(R.layout.activity_main);
		mActivity = this;
		listMessage.add("拉布");
		listMessage.add("吉娃娃");
		listMessage.add("大葱");
//		listMessage.add("大葱1");
//		listMessage.add("大葱2");
//		listMessage.add("大葱11");
//		listMessage.add("大葱22");
//		listMessage.add("大葱33");
//		listMessage.add("大葱44");
//		listMessage.add("大葱55");
//		listMessage.add("拉布");
//		listMessage.add("吉娃娃");
//		listMessage.add("大葱");
//		listMessage.add("大葱1");
//		listMessage.add("大葱2");
//		listMessage.add("大葱11");
//		listMessage.add("大葱22");
//		listMessage.add("大葱33");
//		listMessage.add("大葱44");
//		listMessage.add("大葱55");
		initData();
		viewPagerContainer = (RelativeLayout) findViewById(R.id.pager_layout);
		mViewPager = (ViewPagerCompat) findViewById(R.id.id_viewpager);
		locationOne = new int[2];  
		locationTwo = new int[2];  
		
		mViewPager.setPageTransformer(true, new ZoomOutPageTransformer());
//		mViewPager.setPageTransformer(true, new DepthPageTransformer());
//		mViewPager.setPageTransformer(true, new RotateDownPageTransformer());
		myPagerAdapter = new MyPagerAdapter2(getSupportFragmentManager());
		mViewPager.setAdapter(myPagerAdapter);
//		mViewPager.setOffscreenPageLimit(TOTAL_COUNT);
		mViewPager.setOffscreenPageLimit(20);
		mViewPager.setPageMargin(10);
		viewPagerContainer.setOnTouchListener(new OnTouchListener() {

            @Override
            public boolean onTouch(View v, MotionEvent event) {
                // dispatch the events to the ViewPager, to solve the problem that we can swipe only the middle view.
            	/*if (event.getAction() == MotionEvent.ACTION_DOWN) {
					v.getLocationInWindow(locationTwo);
					int singPostion = locationTwo[0];
					if (singPostion>0&&singPostion<oneTouch) {
						int pos = mViewPager.getCurrentItem();
						if (pos==0) {
							
						}else {
							mViewPager.setCurrentItem(mViewPager.getCurrentItem()-1);
						}
					}
					
				}*/
                return mViewPager.dispatchTouchEvent(event);
            }
        });
		mViewPager.setOnPageChangeListener(new OnPageChangeListener() {
			
			@Override
			public void onPageSelected(int position) {
				myPagerAdapter.notifyDataSetChanged();
				View view = mViewPager.getChildAt(position);
				ImageView img = (ImageView) view.findViewById(R.id.imageView_show);
				TextView textView_show = (TextView) view.findViewById(R.id.textView_show);
				TextView textView_id = (TextView) view.findViewById(R.id.textView_id);
				img.setPadding(0, 0, 0, 0);
//				img.setImageResource(mImgIds[position]);
				img.setImageBitmap(readBitMap(mActivity, mImgIds[position]));
				textView_show.setText(listMessage.get(position));
				textView_id.setVisibility(View.VISIBLE);
				textView_id.setText(listMessage.get(position));
				
				
				int count = mViewPager.getChildCount();
				for (int i = 0; i < count; i++) {
					if (i==current) {
//						View view2 = mViewPager.getChildAt(i);
//						TextView textView_id2 = (TextView) view2.findViewById(R.id.textView_id);
//						TextView textView_show2 = (TextView) view2.findViewById(R.id.textView_show);
//						ImageView img2 = (ImageView) view2.findViewById(R.id.imageView_show);
//						textView_id2.setVisibility(View.VISIBLE);
//						textView_id2.setText(listMessage.get(i));
//						textView_show2.setText(listMessage.get(i));
//						img2.setPadding(0, 0, 0, 0);
//						myPagerAdapter.notifyDataSetChanged();
					}else {
						View view2 = mViewPager.getChildAt(i);
						TextView textView_id2 = (TextView) view2.findViewById(R.id.textView_id);
						TextView textView_show2 = (TextView) view2.findViewById(R.id.textView_show);
						ImageView img2 = (ImageView) view2.findViewById(R.id.imageView_show);
						textView_id2.setVisibility(View.GONE);
						textView_show2.setText(listMessage.get(i));
						img2.setPadding(5, 5, 5,5);
						myPagerAdapter.notifyDataSetChanged();
					}
				}
	            myPagerAdapter.notifyDataSetChanged();
	            current = position;
			}
			
			@Override
			public void onPageScrolled(int position, float positionOffset,
					int positionOffsetPixels) {
				// TODO Auto-generated method stub
				
				if (viewPagerContainer != null) {
	                viewPagerContainer.invalidate();
	            }
				int count = mViewPager.getChildCount();
				
				for (int i = 0; i < count; i++) {
					if (i==current) {
						View view = mViewPager.getChildAt(i);
						TextView textView_id2 = (TextView) view.findViewById(R.id.textView_id);
						TextView textView_show = (TextView) view.findViewById(R.id.textView_show);
						ImageView img = (ImageView) view.findViewById(R.id.imageView_show);
						textView_id2.setVisibility(View.VISIBLE);
						textView_id2.setText(listMessage.get(i));
						textView_show.setText(listMessage.get(i));
						img.setPadding(0, 0, 0, 0);
						myPagerAdapter.notifyDataSetChanged();
					}else {
						View view = mViewPager.getChildAt(i);
						TextView textView_id2 = (TextView) view.findViewById(R.id.textView_id);
						TextView textView_show = (TextView) view.findViewById(R.id.textView_show);
						ImageView img = (ImageView) view.findViewById(R.id.imageView_show);
						textView_id2.setVisibility(View.GONE);
						textView_show.setText(listMessage.get(i));
						img.setPadding(5, 5, 5,5);
						myPagerAdapter.notifyDataSetChanged();
					}
				}
			}
			
			@Override
			public void onPageScrollStateChanged(int state) {
				// TODO Auto-generated method stub
				
			}
		});
	}
	/*class MyPagerAdapter extends PagerAdapter {

        @Override
        public int getCount() {
            return TOTAL_COUNT;
        }

        @Override
        public boolean isViewFromObject(View view, Object object) {
            return (view == object);
        }

        @Override
        public Object instantiateItem(ViewGroup container, int position) {
        	ImageView imageView = mImageViews.get(position);
			imageView.setPadding(5, 5, 5, 5);
			container.addView(imageView);
			return imageView;

        }

        @Override
        public void destroyItem(ViewGroup container, int position, Object object) {
        	 ((ViewPager)container).removeView((View)object);
        }
    }*/

	class MyPagerAdapter2 extends FragmentStatePagerAdapter {

		public MyPagerAdapter2(FragmentManager fm) {
			super(fm);
			// TODO Auto-generated constructor stub
		}

		@Override
		public Fragment getItem(int arg0) {
			Fragment fragment = new One(mImgIds[arg0],listMessage.get(arg0));
			listFragment.add(fragment);
			return fragment;
		}

		@Override
		public int getCount() {
			// TODO Auto-generated method stub
			return mImgIds.length;
		}
		
	}
	private void initData()
	{
		for (int imgId : mImgIds)
		{
			ImageView imageView = new ImageView(getApplicationContext());
			imageView.setScaleType(ScaleType.CENTER_CROP);
			imageView.setImageResource(imgId);
			mImageViews.add(imageView);
		}
	}

	
	@Override
	protected void onResume() {
		// TODO Auto-generated method stub
		super.onResume();
		mViewPager.getLocationInWindow(locationOne);
		int oneX = locationOne[0];
		int oneY = locationOne[1];
		XyLog.v("TAGX", oneX+"");
		XyLog.v("TAGY", oneY+"");
		int width =  mViewPager.getWidth();
		int everyWidth = width / 3;
		 oneTouch = everyWidth;
		 TwoTouch = 2*everyWidth;
		 ThrTouch = 3*everyWidth;
	}
	
	/** 
	 * 以最省内存的方式读取本地资源的图片 
	 * @param context 
	 * @param resId 
	 * @return 
	 */  
	public static Bitmap readBitMap(Context context, int resId){  
	    BitmapFactory.Options opt = new BitmapFactory.Options();  
	    opt.inPreferredConfig = Bitmap.Config.RGB_565;   
	    opt.inPurgeable = true;  
	    opt.inInputShareable = true;  
	       //获取资源图片  
	    InputStream is = context.getResources().openRawResource(resId);  
	        return BitmapFactory.decodeStream(is,null,opt);  
	}  
	
    private Bitmap mergeBitmap(Bitmap firstBitmap, Bitmap secondBitmap) {
        Bitmap bitmap = Bitmap.createBitmap(firstBitmap.getWidth(), firstBitmap.getHeight(),
                firstBitmap.getConfig());
        Canvas canvas = new Canvas(bitmap);
        canvas.drawBitmap(firstBitmap, new Matrix(), null);
        canvas.drawBitmap(secondBitmap, 0, 0, null);
        return bitmap;
    }
}


代码地址：

csdn代码地址

github代码地址

小弟淘宝店，祈求光临

有时有晌
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
ViewPager2一页展示多个Item且两边滑动
GuoXuan_CHN的博客
04-09 3081
ViewPager2一页展示多个Item且两边滑动 研究背景 在项目中有一个滚轮选择器的需求，对于小组件的研发，我一直倾向于自研，一方面功能不复杂，另一方面也锻炼自己的思维能力。不只是局限于上次研发。 传统Viewpager解决方法 对于传统的Viewpager的解决方法是 <androidx.viewpager.widget.ViewPager android:layout_width="match_parent" android:clipToPad
viewpager 实现一屏幕多页循环滚动
10-27
viewpager 实现一屏幕多页循环滚动，自动滚动非常流畅，手动滑动也处理的很好，很久之前的 ，估计现在也没人用
实现ViewPager一次滑动多页（保持居中）
weixin_30797027的博客
07-04 673
项目中开发日历功能，需求是可以连续滑动多页，有列表的流畅。又要保持当前页居中显示。 参考文献：http://www.open-open.com/lib/view/open1435026935638.html http://mp.weixin.qq.com/s/DMksgHOuGWhztESGfDgucA?utm_source=tuicool&...
Android ViewPager 实现多个页面切换滑动
热门推荐
Mr梵谷的专栏
08-07 2万+
使用ViewPager这个类可以轻松实现多个页面的滑动功能，而且相对viewgroup来讲要简单容易一些，在此之前我们需要导入android-support-v4.jar这个jar包，是google提供的扩展包，位置路径为android-sdk-windows\extras\android\support\v4\android-support-v4.jar，如果没有找到，需要打开Android
ViewPager一屏显示多个item，及边缘滑动事件优化
djh10000的博客
03-09 179
关于ViewPager显示两边的item方法，网络上是方法都在ViewPager外包一个Layout， 然后设置ViewPager和外面的Layout的clipChildren="false"。 ViewPager再设置layout_marginLeft,layout_marginRIght，以留出空间来显示两边的item. 1 <LinearLayout xmln...
ViewPager（一屏多页、无限滑动、自动切换）
u013619657的专栏
08-30 3471
【原创】转载请加原文链接：http://blog.csdn.net/u013619657/article/details/52370663
android viewpager实现竖屏滑动效果
01-04
Viewpager 横向滑动效果系统就自带了很多种，比如这个 效果 那如果做成竖屏的这种效果呢 。我百度过很多，效果都不是很好，有的代码特别多而且存在很多问题。我结合了以前别人的代码现在来教大家个简单的实现过程...
Android应用中利用ViewPager实现多页面滑动切换效果示例
01-20
因为上面的几个类都是在android support包中才提供，我们先添加包。 在Eclipse->Window->Android SDK Manager，选择列表中Extras->Android Support Library进行安装。下载完后在android-sdk\extras\android\support...
Android使用ViewPager实现无限滑动效果
01-04
小编也是通过百度和谷歌查找了很多解决方案，实验了很多方法，总结了一个相对不错的方法，接下来给各位分享下滑动效果、实现细节以及一些踩过的坑。 1.无限滑动效果（左右无限滑动） 事先准备好2张滑动图片（有想...
ViewPager 一屏多页，扇形滑动效果
08-05
ViewPager 一屏多页，扇形滑动效果，这Demo中存在一些我不理解的地方，只是实现了这些效果，不喜勿喷；
viewpager item缩放滑动
08-14
viewpager多个子页面的缩放滑动,viewpager一屏多页显示
android 之ViewPager左右滑动切换界面
04-19
NULL 博文链接：https://fuchangle.iteye.com/blog/1876429
ViewPager横向滑动菜单的实现Demo
06-24
ViewPager横向滑动菜单的实现Demo
Android实现单页显示3个Item的ViewPager炫酷切换效果
08-29
主要为大家详细介绍了Android实现单页显示3个Item的ViewPager炫酷切换效果，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
Android使用ViewPager实现左右无限滑动
01-04
 网上有很多使用ViewPager实现左右滑动这一效果的资料，这些资料大多数都是将PagerAdapter中getCount()方法的返回值设为Integer.MAX_VALUE使用户看不到边界，然后在instantiateItem()方法中通过position%（要循环...
Android 一屏4个pager，各自可滑动，如何实现
白高林的专栏
04-11 514
ViewGroup
ViewPager一屏显示多个页面
刘运召的博客
10-10 7632
使用ViewPager一般我们只需要一屏只显示一个页面，例如引导页、轮播图等。但它如何能一屏显示多个页面呢？其实很简单就是在控件的父布局或根布局添加clipChildren=false属性即可。android:clipChildren属性：是否限制子控件在其范围内显示，也就是说当子控件超出父控件规定大小时，超出部分是否显示，clipChildren默认值为true。 也就是不允许超出绘制效果图示例代
RecycleView、ViewPager2的使用
shuo277的博客
08-01 1238
RecyclerView是一个强大的滑动组件，与经典的ListView相比，同样拥有item回收复用的功能，这一点从它的名字Recyclerview即回收view也可以看出。 RecyclerView 支持 线性布局、网格布局、瀑布流布局 三种，而且同时还能够控制横向还是纵向滚动。 ViewPager2 是基于 RecyclerView 实现的，自然继承了 RecyclerView 的众多优点，并且针对 ViewPager 存在的问题做了优化。.........
viewpager2一屏多页
最新发布
05-30
这样设置后，滑动viewpager2时，可以看到左侧和右侧的页面，从而实现了一屏多页的效果。 需要注意的是，如果同时设置了pageMargin和offscreenPageLimit属性，需要根据实际需求来调整它们的值，以达到最佳效果。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

有时有晌

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值