Listview下拉头部View放大效果
This commit is contained in:
zengfantian
parent
adb7b5e09d
commit
0599b7a223
|
|
@ -0,0 +1,227 @@
|
|||
package com.zftlive.android.view;
|
||||
|
||||
import android.annotation.SuppressLint;
|
||||
import android.content.Context;
|
||||
import android.graphics.Bitmap;
|
||||
import android.graphics.Canvas;
|
||||
import android.graphics.Matrix;
|
||||
import android.graphics.PixelFormat;
|
||||
import android.graphics.PointF;
|
||||
import android.graphics.drawable.BitmapDrawable;
|
||||
import android.graphics.drawable.Drawable;
|
||||
import android.graphics.drawable.NinePatchDrawable;
|
||||
import android.os.Handler;
|
||||
import android.os.Message;
|
||||
import android.util.AttributeSet;
|
||||
import android.util.DisplayMetrics;
|
||||
import android.view.MotionEvent;
|
||||
import android.view.View;
|
||||
import android.widget.ImageView;
|
||||
import android.widget.ListView;
|
||||
import android.widget.RelativeLayout;
|
||||
|
||||
/**
|
||||
* Listview下拉放大效果 ,初始化时需调用方法setHeadView
|
||||
* @author 曾繁添
|
||||
* @version 1.0
|
||||
*
|
||||
*/
|
||||
public class PullZoomListView extends ListView {
|
||||
|
||||
private final static int BACK_SCALE = 0;
|
||||
private float scaleY = 0;
|
||||
private boolean isBacking = false;// 是否处在回弹状态
|
||||
/** 用于记录拖拉图片移动的坐标位置 */
|
||||
private Matrix matrix = new Matrix();
|
||||
/** 用于记录图片要进行拖拉时候的坐标位置 */
|
||||
private Matrix currentMatrix = new Matrix();
|
||||
private Matrix defaultMatrix = new Matrix();
|
||||
/** 图片宽高 **/
|
||||
private float imgHeight, imgWidth;
|
||||
/** 记录是拖拉照片模式还是放大缩小照片模式 0:拖拉模式，1：放大 */
|
||||
private int MODE_NORMAL = 0;
|
||||
/** 拖拉照片模式 */
|
||||
private final int MODE_DRAG = 1;
|
||||
/** 用于记录开始时候的坐标位置 */
|
||||
private PointF startPoint = new PointF();
|
||||
|
||||
private ImageView mHeadImage;
|
||||
private Bitmap mHeadImageBmp;
|
||||
|
||||
public PullZoomListView(Context context) {
|
||||
this(context, null);
|
||||
}
|
||||
|
||||
public PullZoomListView(Context context, AttributeSet attrs) {
|
||||
this(context, attrs, 0);
|
||||
}
|
||||
|
||||
public PullZoomListView(Context context, AttributeSet attrs, int defStyle) {
|
||||
super(context, attrs, defStyle);
|
||||
}
|
||||
|
||||
/**
|
||||
* 设置头部View，并指定缩放目标Imageview
|
||||
* @param mHeadView Listview头部view
|
||||
* @param zoomImageView 需要缩放的Imageview
|
||||
*/
|
||||
public void setHeadView(View mHeadView,ImageView zoomImageView){
|
||||
super.addHeaderView(mHeadView);
|
||||
|
||||
//头部背景图片
|
||||
this.mHeadImage = zoomImageView;
|
||||
mHeadImageBmp = drawableToBitmap(mHeadImage.getDrawable());
|
||||
float scale = (float) getScreenWidth() / (float) mHeadImageBmp.getWidth();
|
||||
matrix.postScale(scale, scale, 0, 0);
|
||||
mHeadImage.setImageMatrix(matrix);
|
||||
defaultMatrix.set(matrix);
|
||||
|
||||
imgHeight = scale * mHeadImageBmp.getHeight();
|
||||
imgWidth = scale * mHeadImageBmp.getWidth();
|
||||
|
||||
RelativeLayout.LayoutParams relativeLayout = new RelativeLayout.LayoutParams((int) imgWidth, (int) imgHeight);
|
||||
mHeadImage.setLayoutParams(relativeLayout);
|
||||
}
|
||||
|
||||
/**
|
||||
* Drawable转成Bitmap
|
||||
* @param drawable
|
||||
* @return
|
||||
*/
|
||||
public Bitmap drawableToBitmap(Drawable drawable) {
|
||||
if (drawable instanceof BitmapDrawable) {
|
||||
return ((BitmapDrawable) drawable).getBitmap();
|
||||
} else if (drawable instanceof NinePatchDrawable) {
|
||||
Bitmap bitmap = Bitmap
|
||||
.createBitmap(
|
||||
drawable.getIntrinsicWidth(),
|
||||
drawable.getIntrinsicHeight(),
|
||||
drawable.getOpacity() != PixelFormat.OPAQUE ? Bitmap.Config.ARGB_8888
|
||||
: Bitmap.Config.RGB_565);
|
||||
Canvas canvas = new Canvas(bitmap);
|
||||
drawable.setBounds(0, 0, drawable.getIntrinsicWidth(),
|
||||
drawable.getIntrinsicHeight());
|
||||
drawable.draw(canvas);
|
||||
return bitmap;
|
||||
} else {
|
||||
return null;
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* 获取屏幕宽度
|
||||
*
|
||||
* @return
|
||||
*/
|
||||
private int getScreenWidth() {
|
||||
DisplayMetrics displayMetrics = getContext().getResources()
|
||||
.getDisplayMetrics();
|
||||
return displayMetrics.widthPixels;
|
||||
}
|
||||
|
||||
/**
|
||||
* 慢慢回弹初始状态
|
||||
*/
|
||||
private Handler mHandler = new Handler() {
|
||||
|
||||
@Override
|
||||
public void handleMessage(Message msg) {
|
||||
switch (msg.what) {
|
||||
case BACK_SCALE:
|
||||
float scale = (scaleY / 2 + imgHeight) / (imgHeight);
|
||||
if (scaleY > 0) {
|
||||
isBacking = true;
|
||||
matrix.set(currentMatrix);
|
||||
RelativeLayout.LayoutParams relativeLayout = new RelativeLayout.LayoutParams(
|
||||
(int) (scale * imgWidth), (int) (scale * imgHeight));
|
||||
mHeadImage.setLayoutParams(relativeLayout);
|
||||
matrix.postScale(scale, scale, imgWidth / 2, 0);
|
||||
mHeadImage.setImageMatrix(matrix);
|
||||
scaleY = (float) (scaleY / 2 - 1);
|
||||
mHandler.sendEmptyMessageDelayed(BACK_SCALE, 20);
|
||||
} else {
|
||||
scaleY = 0;
|
||||
RelativeLayout.LayoutParams relativeLayout = new RelativeLayout.LayoutParams(
|
||||
(int) imgWidth, (int) imgHeight);
|
||||
mHeadImage.setLayoutParams(relativeLayout);
|
||||
matrix.set(defaultMatrix);
|
||||
mHeadImage.setImageMatrix(matrix);
|
||||
isBacking = false;
|
||||
}
|
||||
break;
|
||||
default:
|
||||
break;
|
||||
}
|
||||
super.handleMessage(msg);
|
||||
}
|
||||
|
||||
};
|
||||
|
||||
/**
|
||||
* 向下滑动让图片变大
|
||||
*
|
||||
* @param event
|
||||
* @return
|
||||
*/
|
||||
@SuppressLint("ClickableViewAccessibility")
|
||||
public boolean onTouchEvent(MotionEvent event) {
|
||||
|
||||
// 无Header
|
||||
if (getHeaderViewsCount() == 0) {
|
||||
return super.onTouchEvent(event);
|
||||
}
|
||||
|
||||
/**
|
||||
* 使用switch (event.getAction())可以处理ACTION_DOWN和ACTION_UP事件；
|
||||
* 使用switch (event.getAction() & MotionEvent.ACTION_MASK)就可以处理处理多点触摸的ACTION_POINTER_DOWN和ACTION_POINTER_UP事件
|
||||
*/
|
||||
switch (event.getAction() & MotionEvent.ACTION_MASK) {
|
||||
// 手指压下屏幕
|
||||
case MotionEvent.ACTION_DOWN:
|
||||
if (isBacking) {
|
||||
return super.onTouchEvent(event);
|
||||
}
|
||||
int[] location = new int[2];
|
||||
mHeadImage.getLocationInWindow(location);
|
||||
if (location[1] >= 0) {
|
||||
MODE_NORMAL = MODE_DRAG;
|
||||
// 记录ImageView当前的移动位置
|
||||
currentMatrix.set(mHeadImage.getImageMatrix());
|
||||
startPoint.set(event.getX(), event.getY());
|
||||
}
|
||||
break;
|
||||
// 手指在屏幕上移动，改事件会被不断触发
|
||||
case MotionEvent.ACTION_MOVE:
|
||||
// 拖拉图片
|
||||
if (MODE_NORMAL == MODE_DRAG) {
|
||||
float dy = event.getY() - startPoint.y; // 得到y轴的移动距离
|
||||
// 在没有移动之前的位置上进行移动
|
||||
if (dy / 2 + imgHeight <= 1.5 * imgHeight) {
|
||||
matrix.set(currentMatrix);
|
||||
float scale = (dy / 2 + imgHeight) / (imgHeight);// 得到缩放倍数
|
||||
if (dy > 0) {
|
||||
scaleY = dy;
|
||||
RelativeLayout.LayoutParams relativeLayout = new RelativeLayout.LayoutParams(
|
||||
(int) (scale * imgWidth),
|
||||
(int) (scale * imgHeight));
|
||||
mHeadImage.setLayoutParams(relativeLayout);
|
||||
matrix.postScale(scale, scale, imgWidth / 2, 0);
|
||||
mHeadImage.setImageMatrix(matrix);
|
||||
}
|
||||
}
|
||||
}
|
||||
break;
|
||||
// 手指离开屏幕
|
||||
case MotionEvent.ACTION_UP:
|
||||
// 当触点离开屏幕，图片还原
|
||||
mHandler.sendEmptyMessage(BACK_SCALE);
|
||||
|
||||
//一个非主要的手指抬起
|
||||
case MotionEvent.ACTION_POINTER_UP:
|
||||
MODE_NORMAL = 0;
|
||||
break;
|
||||
}
|
||||
|
||||
return super.onTouchEvent(event);
|
||||
}
|
||||
}
|
||||
Loading…
Reference in New Issue