- 浏览: 5846288 次
- 性别:
- 来自: 上海
-
文章分类
- 全部博客 (890)
- WindowsPhone (0)
- android (88)
- android快速迭代 (17)
- android基础 (34)
- android进阶 (172)
- android高级 (0)
- android拾遗 (85)
- android动画&效果 (68)
- Material Design (13)
- LUA (5)
- j2me (32)
- jQuery (39)
- spring (26)
- hibernate (20)
- struts (26)
- tomcat (9)
- javascript+css+html (62)
- jsp+servlet+javabean (14)
- java (37)
- velocity+FCKeditor (13)
- linux+批处理 (9)
- mysql (19)
- MyEclipse (9)
- ajax (7)
- wap (8)
- j2ee+apache (24)
- 其他 (13)
- phonegap (35)
最新评论
-
Memories_NC:
本地lua脚本终于执行成功了,虽然不是通过redis
java中调用lua脚本语言1 -
ZHOU452840622:
大神://处理返回的接收状态 这个好像没有监听到 遇 ...
android 发送短信的两种方式 -
PXY:
拦截部分地址,怎么写的for(int i=0;i<lis ...
判断是否登录的拦截器SessionFilter -
maotou1988:
Android控件之带清空按钮(功能)的AutoComplet ...
自定义AutoCompleteTextView -
yangmaolinpl:
希望有表例子更好。。。,不过也看明白了。
浅谈onInterceptTouchEvent、onTouchEvent与onTouch

源码:
import android.annotation.SuppressLint; import android.content.Context; import android.graphics.Bitmap; import android.graphics.BitmapFactory; import android.graphics.Canvas; import android.graphics.Rect; import android.graphics.drawable.BitmapDrawable; import android.graphics.drawable.Drawable; import android.support.v4.view.ViewPager; import android.util.AttributeSet; import android.util.Log; @SuppressLint("NewApi") public class ParallaxViewPager extends ViewPager { public static final int FIT_WIDTH = 0; public static final int FIT_HEIGHT = 1; public static final float OVERLAP_FULL = 1f; public static final float OVERLAP_HALF = 0.5f; public static final float OVERLAP_QUARTER = 0.25f; private static final float CORRECTION_PERCENTAGE = 0.01f; public Bitmap bitmap; private Rect source, destination; private int scaleType; private int chunkWidth; private int projectedWidth; private float overlap; private OnPageChangeListener secondOnPageChangeListener; public ParallaxViewPager(Context context) { super(context); init(); } public ParallaxViewPager(Context context, AttributeSet attrs) { super(context, attrs); init(); } private void init() { source = new Rect(); destination = new Rect(); scaleType = FIT_HEIGHT; overlap = OVERLAP_HALF; setOnPageChangeListener(new OnPageChangeListener() { @Override public void onPageScrolled(int position, float positionOffset, int positionOffsetPixels) { if (bitmap != null) { source.left = (int) Math.floor((position + positionOffset - CORRECTION_PERCENTAGE) * chunkWidth); source.right = (int) Math.ceil((position + positionOffset + CORRECTION_PERCENTAGE) * chunkWidth + projectedWidth); destination.left = (int) Math.floor((position + positionOffset - CORRECTION_PERCENTAGE) * getWidth()); destination.right = (int) Math.ceil((position + positionOffset + 1 + CORRECTION_PERCENTAGE) * getWidth()); invalidate(); } if (secondOnPageChangeListener != null) { secondOnPageChangeListener.onPageScrolled(position, positionOffset, positionOffsetPixels); } } @Override public void onPageSelected(int position) { if (secondOnPageChangeListener != null) { secondOnPageChangeListener.onPageSelected(position); } } @Override public void onPageScrollStateChanged(int state) { if (secondOnPageChangeListener != null) { secondOnPageChangeListener.onPageScrollStateChanged(state); } } }); } @Override protected void onSizeChanged(int w, int h, int oldw, int oldh) { super.onSizeChanged(w, h, oldw, oldh); destination.top = 0; destination.bottom = h; if (getAdapter() != null && bitmap != null) calculateParallaxParameters(); } private void calculateParallaxParameters() { if (bitmap.getWidth() < getWidth() && bitmap.getWidth() < bitmap.getHeight() && scaleType == FIT_HEIGHT) { Log.w(ParallaxViewPager.class.getName(), "Invalid bitmap bounds for the current device, parallax effect will not work."); } final float ratio = (float) getHeight() / bitmap.getHeight(); if (ratio != 1) { switch (scaleType) { case FIT_WIDTH: source.top = (int) ((bitmap.getHeight() - bitmap.getHeight() / ratio) / 2); source.bottom = bitmap.getHeight() - source.top; chunkWidth = (int) Math.ceil((float) bitmap.getWidth() / (float) getAdapter().getCount()); projectedWidth = chunkWidth; break; case FIT_HEIGHT: default: source.top = 0; source.bottom = bitmap.getHeight(); projectedWidth = (int) Math.ceil(getWidth() / ratio); chunkWidth = (int) Math.ceil((bitmap.getWidth() - projectedWidth) / (float) getAdapter().getCount() * overlap); break; } } } /** * Sets the background from a resource file. * * @param resid */ @Override public void setBackgroundResource(int resid) { bitmap = BitmapFactory.decodeResource(getResources(), resid); } /** * Sets the background from a Drawable. * * @param background */ @Override public void setBackground(Drawable background) { bitmap = ((BitmapDrawable) background).getBitmap(); } /** * Deprecated. * Sets the background from a Drawable. * * @param background */ @Override public void setBackgroundDrawable(Drawable background) { bitmap = ((BitmapDrawable) background).getBitmap(); } /** * Sets the background from a bitmap. * * @param bitmap * @return The ParallaxViewPager object itself. */ public ParallaxViewPager setBackground(Bitmap bitmap) { this.bitmap = bitmap; return this; } /** * Sets how the view should scale the background. The available choices are: * <ul> * <li>FIT_HEIGHT - the height of the image is resized to matched the height of the View, also stretching the width to keep the aspect ratio. The non-visible part of the bitmap is divided into equal parts, each of them sliding in at the proper position.</li> * <li>FIT_WIDTH - the width of the background image is divided into equal chunks, each taking up the whole width of the screen.</li> * </ul> * * @param scaleType * @return */ public ParallaxViewPager setScaleType(final int scaleType) { if (scaleType != FIT_WIDTH && scaleType != FIT_HEIGHT) throw new IllegalArgumentException("Illegal argument: scaleType must be FIT_WIDTH or FIT_HEIGHT"); this.scaleType = scaleType; return this; } /** * Sets the amount of overlapping with the setOverlapPercentage(final float percentage) method. This is a number between 0 and 1, the smaller it is, the slower is the background scrolling. * * @param percentage * @return The ParallaxViewPager object itself. */ public ParallaxViewPager setOverlapPercentage(final float percentage) { if (percentage <= 0 || percentage >= 1) throw new IllegalArgumentException("Illegal argument: percentage must be between 0 and 1"); overlap = percentage; return this; } /** * Recalculates the parameters of the parallax effect, useful after changes in runtime. * * @return The ParallaxViewPager object itself. */ public ParallaxViewPager invalidateParallaxParameters() { calculateParallaxParameters(); return this; } @Override protected void onDraw(Canvas canvas) { if (bitmap != null) canvas.drawBitmap(bitmap, source, destination, null); } public void addOnPageChangeListener(OnPageChangeListener listener) { secondOnPageChangeListener = listener; } }
使用:
在layout xml或者程序中创建了ParallaxViewPager之后,可以使用下面的方法来设置背景,或者也可以xml设置:
setBackgroundResource(int resid) setBackground(Drawable background) or setBackgroundDrawable(Drawable background) setBackground(Bitmap bitmap)
这就好了,你现在可以使用ParallaxViewPager的全部功能了。你可以修改背景的滚动效果来优化用户体验。你也可以使用setScaleType(final int scaleType)方法来配置视图的图像缩放方式。这个方法只能和FIT_HEIGHT搭配使用,从下面的参数中进行选择:
FIT_HEIGHT
表示缩放图像的高度以便适配视图的高度,同时缩放图像的宽度以便保持宽高比。bitmap的不可见部分被划分成相同的区域,每个区域插入到合适的位置。FIT_HEIGHT是默认值。
FIT_WIDTH
表示背景图像的宽度被划分成相同的块,每一块占满整个屏幕的宽度。这个模式不适用于视差效果,因为背景和视图的滚动速度一样。
你也可以使用setOverlapPercentage(final float percentage) 方法来设置重叠的程度。重叠程度值介于0到1之间,这个值越小背景就滚动地越慢,默认值是50%。
setContentView(R.layout.activity_main); final ParallaxViewPager parallaxViewPager = ((ParallaxViewPager) findViewById(R.id.parallaxviewpager)); parallaxViewPager .setOverlapPercentage(0.25f) .setAdapter(new PagerAdapter() //...
<com.andraskindler.parallaxviewpager.ParallaxViewPager xmlns:android="http://schemas.android.com/apk/res/android" android:id="@+id/parallaxviewpager" android:layout_width="match_parent" android:background="@drawable/background" android:layout_height="match_parent" />
https://github.com/andraskindler/parallaxviewpager
滑动Viewpager时背景颜色动态过渡变化效果
http://www.itlanbao.com/code/20150816/10000/100462.html
发表评论
-
NestedScrollView滚动到顶部固定子View悬停挂靠粘在顶端
2018-10-31 20:45 7059网上有一个StickyScrollView,称之为粘性Scro ... -
自定义Behavior实现AppBarLayout越界弹性效果
2017-03-31 09:33 10419一、继承AppBarLayout.Beha ... -
Android - 一种相似图片搜索算法的实现
2017-03-31 09:33 2650算法 缩小尺寸。 将图片缩小到8x8的尺寸,总共64个 ... -
使用SpringAnimation实现带下拉弹簧动画的 ScrollView
2017-03-30 11:30 2890在刚推出的 Support Library 25.3.0 里面 ... -
Android为应用添加角标(Badge)
2017-03-30 11:21 62331.需求简介 角标是什么意思呢? 看下图即可明了: 可 ... -
Android端与笔记本利用局域网进行FTP通信
2017-03-23 10:17 1020先看图 打开前: 打开后: Activity类 ... -
PorterDuffColorFilter 在项目中的基本使用
2017-03-03 10:58 1387有时候标题栏会浮在内容之上,而内容会有颜色的变化,这时候就要求 ... -
ColorAnimationView 实现了滑动Viewpager 时背景色动态变化的过渡效果
2017-02-24 09:41 2259用法在注释中: import android.anima ... -
迷你轻量级全方向完美滑动处理侧滑控件SlideLayout
2017-01-16 16:53 2621纯手工超级迷你轻量级全方向完美滑动处理侧滑控件(比官方 sup ... -
Effect
2017-01-05 09:57 0https://github.com/JetradarMobi ... -
动态主题库Colorful,容易地改变App的配色方案
2016-12-27 14:49 2598Colorful是一个动态主题库,允许您很容易地改变App的配 ... -
对视图的对角线切割DiagonalView
2016-12-27 14:23 1154提供对视图的对角线切割,具有很好的用户定制 基本用法 ... -
仿淘宝京东拖拽商品详情页上下滚动黏滞效果
2016-12-26 16:53 3588比较常用的效果,有现成的,如此甚好!:) import ... -
让任意view具有滑动效果的SlideUp
2016-12-26 09:26 1734基本的类,只有一个: import android.a ... -
AdvancedWebView
2016-12-21 09:44 16https://github.com/delight-im/A ... -
可设置圆角背景边框的按钮, 通过调节色彩明度自动计算按下(pressed)状态颜色
2016-11-02 22:13 1959可设置圆角背景边框的的按钮, 通过调节色彩明度自动计算按下(p ... -
网络请求库相关
2016-10-09 09:35 62https://github.com/amitshekhari ... -
ASimpleCache一个简单的缓存框架
2015-10-26 22:53 2207ASimpleCache 是一个为android制定的 轻量级 ... -
使用ViewDragHelper实现的DragLayout开门效果
2015-10-23 10:55 3461先看一下图,有个直观的了解,向下拖动handle就“开门了”: ... -
保证图片长宽比的同时拉伸图片ImageView
2015-10-16 15:40 3761按比例放大图片,不拉伸失真 import android. ...
相关推荐
parallaxviewpager通过设置一个背景图片,使原有的ViewPager页面与这个背景图片间实现视差效果。这就要求你的背景图片的高宽比要大于屏幕的高宽比。效果非常不错。项目地址:...
具有视差背景的易于使用的ViewPager子类。 设置几乎不需要额外的工作,使用ParallaxViewPager就像使用带有相同适配器的标准ViewPager一样。 当然,没有灵丹妙药-开发人员必须提供适合当前需求的背景(例如,适配器...
6. **实例展示**:一个常见的应用场景是在启动屏幕或者相册应用中,通过ParallaxViewPager展示一系列有视差效果的背景图片,当用户滑动时,背景会以较慢的速度移动,而前景元素如图标或文字则以较快的速度移动,从而...
ParallaxViewPager是一个在Android开发中实现视差滚动效果的库,它允许开发者为ViewPager添加深度感,使得背景和前景元素在用户滑动时以不同的速度移动,从而创造出一种立体感和动态美感。这个库通常被用于创建类似...
ParallaxViewPager是一个专门为Android平台设计的视差效果滚动库,它扩展了Android原生的ViewPager组件,增加了丰富的视觉效果。这个开源项目旨在为开发者提供一个简单易用的工具,使得在应用中实现类似iOS的视差...
ParallaxViewPager是一个开源项目,主要用于实现视差效果的 ViewPager 组件。在Android开发中,ViewPager 是一个常用的组件,用于展示可以左右滑动的多个页面。然而,ParallaxViewPager 在此基础上添加了一个独特的...
2. **自定义ViewGroup**:ParallaxViewPager可能通过继承ViewPager并重写其关键方法来实现视差效果。开发者需要了解如何创建自定义的ViewGroup,以及如何处理触摸事件和视图绘制。 3. **视差效果实现**:关键在于...
1. **自定义ViewGroup**:开发者可以创建一个自定义的ViewGroup,如ParallaxScrollView或ParallaxViewPager,继承自Android的ScrollView或ViewPager。在这个自定义组件中,我们可以重写`onScrollChanged()`方法,...