您的位置:首页 > 其它

Viewpager 的相关总结

2015-06-15 11:44 381 查看
1、修改切换item的时间

public class FixedSpeedScroller extends Scroller {
private int mDuration = 300;

public FixedSpeedScroller(Context context) {
super(context);
}

public FixedSpeedScroller(Context context, android.view.animation.Interpolator interpolator) {
super(context, interpolator);
}

public FixedSpeedScroller(Context context, android.view.animation.Interpolator interpolator, boolean flywheel) {
super(context, interpolator, flywheel);
}

@Override
public void startScroll(int startX, int startY, int dx, int dy, int duration) {
super.startScroll(startX, startY, dx, dy, mDuration);
}

@Override
public void startScroll(int startX, int startY, int dx, int dy) {
super.startScroll(startX, startY, dx, dy, mDuration);
}
}


private void setViewPagerScrollSpeed(){
try {
Field mScroller = null;
mScroller = ViewPager.class.getDeclaredField("mScroller");
if(mScroller != null){
mScroller.setAccessible(true);
FixedSpeedScroller scroller = new FixedSpeedScroller( getContext(), new LinearInterpolator());
mScroller.set(mUserInfoViewPager, scroller);
}
}catch(NoSuchFieldException e){

}catch (IllegalArgumentException e){

}catch (IllegalAccessException e){

}
}


2、修改Item的切换动画

mUserInfoViewPager.setPageTransformer(true, new PageTransformer() {

private static final float MIN_SCALE = 0.85f;
private static final float MIN_ALPHA = 0.5f;

@Override
public void transformPage(View view, float position) {
//
int pageWidth = view.getWidth();
int pageHeight = view.getHeight();

if (position < -1)  {
view.setAlpha(0);

} else if (position <= 1) {
//a页滑动至b页 ; a页从 0.0 -1 ;b页从1 ~ 0.0
// [-1,1]
// Modify the default slide transition to shrink the page as well
float scaleFactor = Math.max(MIN_SCALE, 1 - Math.abs(position));
float vertMargin = pageHeight * (1 - scaleFactor) / 2;
float horzMargin = pageWidth * (1 - scaleFactor) / 2;
if (position < 0){
view.setTranslationX(horzMargin - vertMargin / 2);
} else  {
view.setTranslationX(-horzMargin + vertMargin / 2);
}

// Scale the page down (between MIN_SCALE and 1)
view.setScaleX(scaleFactor);
view.setScaleY(scaleFactor);

// Fade the page relative to its size.
view.setAlpha(MIN_ALPHA + (scaleFactor - MIN_SCALE)/ (1 - MIN_SCALE) * (1 - MIN_ALPHA));

} else  { // (1,+Infinity]
// This page is way off-screen to the right.
view.setAlpha(0);
}

}
});


3、ViewPager实现Gallery类似效果

package com.joyodream.pingo.near.ui;

import java.lang.reflect.Field;

import android.content.Context;
import android.graphics.Camera;
import android.graphics.Matrix;
import android.support.v4.view.ViewPager;
import android.util.AttributeSet;
import android.view.MotionEvent;
import android.view.View;
import android.view.animation.AccelerateDecelerateInterpolator;
import android.view.animation.LinearInterpolator;
import android.view.animation.Transformation;
import android.widget.Scroller;

import com.joyodream.common.util.DipPixelUtil;

/**
*
* 自定义的展示图片的控件
* 通过Camera 调整z轴距离,实现图片放大缩小
*
* 注意:
* 1、为了实现在屏幕上面看到多个Item,需要在滑动的过程中刷新父控件
* 2、另外,通过设置clipChildren = false,不去裁剪子控件的绘图区域
* 3、
*
* @author lipeilong
*
*/
public class NearViewPager extends ViewPager {

/**
* The camera class is used to 3D transformation matrix.
*/
private Camera mCamera = new Camera();

/**
* The max zoom value (Z axis).
*/
private int mMaxZoom = -120;

private int mMaxAlpha = 0x8f;

private OnPageChangeListener mScrollListener;

private int mScrollPosition;

private int mScrollOffset;

public int mCurPosition;

private float mDownX;

private float mDownY;

private boolean mClick;

public NearViewPager(Context context, AttributeSet attrs) {
super(context, attrs);
//
init();
}

public NearViewPager(Context context) {
super(context);
//
init();
}

private void init() {

// Enable set transformation.
this.setStaticTransformationsEnabled(true);
// Enable set the children drawing order.
this.setChildrenDrawingOrderEnabled(true);

this.setOverScrollMode(ViewPager.OVER_SCROLL_NEVER);
super.setOnPageChangeListener(new MyOnPageChangeListener());

setViewPagerScrollSpeed();
}

private void setViewPagerScrollSpeed(){
try {
Field mScroller = null;
mScroller = ViewPager.class.getDeclaredField("mScroller");
if(mScroller != null){
mScroller.setAccessible(true);
FixedSpeedScroller scroller = new FixedSpeedScroller( getContext(), new LinearInterpolator());
mScroller.set(this, scroller);
}
}catch(NoSuchFieldException e){

}catch (IllegalArgumentException e){

}catch (IllegalAccessException e){

}
}

@Override
protected int getChildDrawingOrder(int childCount, int i) {
// Current selected index.
int selectedIndex = getCurrentItem();

if (selectedIndex < 0) {
return i;
}

if (i < selectedIndex) {
return i;
} else if (i >= selectedIndex) {
return childCount - 1 - i + selectedIndex;
} else {
return i;
}
}

@Override
protected void onSizeChanged(int w, int h, int oldw, int oldh) {
super.onSizeChanged(w, h, oldw, oldh);
}

@Override
protected boolean getChildStaticTransformation(View child, Transformation t) {
super.getChildStaticTransformation(child, t);
t.clear();
t.setTransformationType(Transformation.TYPE_MATRIX);

int index = findViewIndex(child);
if(index != -1){
transformImageBitmap(child, t, index);
}

return true;
}

/**
*
* 找出子控件的索引
* @param child
* @return
*/
private int findViewIndex(View child){

int index = (Integer) child.getTag();

return index;
}

/**
*
* 刷新所有的子控件,通过这个来触发 getChildStaticTransformation 的调用
*
*/
private void invalidateVisibleChilds() {
for (int i = 0; i < getChildCount(); i++) {
getChildAt(i).invalidate();
}
}

/**
*
* @param child
* @param t
* @param index
*/
private void transformImageBitmap(View child, Transformation t, int index) {

mCamera.save();

final Matrix imageMatrix = t.getMatrix();
final int imageHeight = child.getHeight();
final int imageWidth = child.getWidth();
int width = getPageMargin() + imageWidth;

if(index == mScrollPosition){ // 当前项从最大变化到最小 z轴变化范围 mMaxZoom *(1 -- 0)

float dz = mMaxZoom * ( 1- mScrollOffset * 1f / width);
int alpha = (int) (mMaxAlpha * mScrollOffset * 1f / width);
mCamera.translate(0, 0, dz);

if(child instanceof NearImageView){
((NearImageView)child).setShadeAlpha(alpha);
}

}else if(index == mScrollPosition + 1){ // 当前项的后一项从最小变化到最大 ,z轴变化范围 mMaxZoom * (0 -- 1)

float dz = mMaxZoom * mScrollOffset * 1f / width;

int alpha = (int) (mMaxAlpha * ( 1- mScrollOffset * 1f / width ));
mCamera.translate(0, 0, dz);

if(child instanceof NearImageView){
((NearImageView)child).setShadeAlpha(alpha);
}

}else { // 当前项的后2项或者前N项大小不发生变化,z轴不变
mCamera.translate(0, 0, 0);

if(child instanceof NearImageView){
((NearImageView)child).setShadeAlpha(mMaxAlpha);
}
}

mCamera.getMatrix(imageMatrix);

imageMatrix.postTranslate((imageWidth / 2), (imageHeight / 2));
imageMatrix.preTranslate(-(imageWidth / 2), -(imageHeight / 2));

mCamera.restore();
}

@Override
public void setOnPageChangeListener(OnPageChangeListener listener) {
mScrollListener = listener;
};

/**
* @author lipeilong
*
*/
private class MyOnPageChangeListener implements OnPageChangeListener {

@Override
public void onPageScrolled(int position, float positionOffset, int positionOffsetPixels) {
if (mScrollListener != null) {
mScrollListener.onPageScrolled(position, positionOffset, positionOffsetPixels);
}

mScrollPosition = position;
mScrollOffset = positionOffsetPixels;

// 刷新子控件
if(System.currentTimeMillis() % 2 == 0){

invalidateVisibleChilds();
}
}

@Override
public void onPageSelected(int position) {
mCurPosition = position;
if (mScrollListener != null) {
mScrollListener.onPageSelected(position);
}
}

@Override
public void onPageScrollStateChanged(final int state) {

if (mScrollListener != null) {
mScrollListener.onPageScrollStateChanged(state);
}
}
}

@Override
public boolean onTouchEvent(MotionEvent ev) {
//
final float MAX_DISTANCE = 50;
switch(ev.getAction()){
case MotionEvent.ACTION_DOWN:
mDownX = ev.getRawX();
mDownY = ev.getRawY();
mClick = true;
break;
case MotionEvent.ACTION_UP:
if(mClick && Math.abs(ev.getRawX()- mDownX) < MAX_DISTANCE && Math.abs(ev.getRawY() - mDownY) < MAX_DISTANCE){
// 点击事件
performMyClick(ev);

}
break;
case MotionEvent.ACTION_MOVE:
if(Math.abs(ev.getRawX()- mDownX) > MAX_DISTANCE || Math.abs(ev.getRawY() - mDownY) > MAX_DISTANCE){
mClick = false;
}
break;
}

return super.onTouchEvent(ev);
}

private void performMyClick(MotionEvent ev){

int index = getCurrentItem();
if(isAtLeft(ev)){
setCurrentItem(index - 1);
}else if(isAtRight(ev)){
setCurrentItem(index + 1);
}

}

private boolean isAtLeft(MotionEvent ev){
int margin = DipPixelUtil.dip2px(getContext(), 56);
int left = getLeft() - margin;
int right = getRight() + margin;
int top = getTop();
int bottom = getBottom();

// 必须使用全局坐标,同时要减去title和通知栏高度
int x = (int) ev.getRawX();
int y = (int) ev.getRawY() - DipPixelUtil.dip2px(getContext(), 96);
if(y > top && y < bottom){

if(x < left){
return true;
}
}

return false;
}

private boolean isAtRight(MotionEvent ev){
int margin = DipPixelUtil.dip2px(getContext(), 56);
int left = getLeft() - margin;
int right = getRight() + margin;
int top = getTop();
int bottom = getBottom();

int x = (int) ev.getRawX();
int y = (int) ev.getRawY() - DipPixelUtil.dip2px(getContext(), 96);
if(y > top && y < bottom){

if(x > right){
return true;
}
}

return false;
}

public class FixedSpeedScroller extends Scroller { private int mDuration = 300; public FixedSpeedScroller(Context context) { super(context); } public FixedSpeedScroller(Context context, android.view.animation.Interpolator interpolator) { super(context, interpolator); } public FixedSpeedScroller(Context context, android.view.animation.Interpolator interpolator, boolean flywheel) { super(context, interpolator, flywheel); } @Override public void startScroll(int startX, int startY, int dx, int dy, int duration) { super.startScroll(startX, startY, dx, dy, mDuration); } @Override public void startScroll(int startX, int startY, int dx, int dy) { super.startScroll(startX, startY, dx, dy, mDuration); } }
}


注意:1、设置父控件、子控件的clipChildren=false 2、滑动的时候刷新子控件
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: