大佬教程收集整理的这篇文章主要介绍了Android通过自定义ImageView控件实现图片的缩放和拖动的实现代码,大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
概述:通过自定义ImageView控件,在xml布局里面调用自定的组件实现图片的缩放。
/** * 自定义的ImageView控制,可对图片进行多点触控缩放和拖动 * * @author qiuwanyong */ public class MyImageView extends ImageView { /** * 初始化状态常量 */ public static final int STATUS_INIT = 1; /** * 图片放大状态常量 */ public static final int STATUS_ZOOM_OUT = 2; /** * 图片缩小状态常量 */ public static final int STATUS_ZOOM_IN = 3; /** * 图片拖动状态常量 */ public static final int STATUS_MOVE = 4; /** * 用于对图片进行移动和缩放变换的矩阵 */ private Matrix matrix = new Matrix(); /** * 待展示的Bitmap对象 */ private Bitmap sourceBitmap; /** * 记录当前操作的状态,可选值为STATUS_INIT、STATUS_ZOOM_OUT、STATUS_ZOOM_IN和STATUS_MOVE */ privatE int currentStatus; /** * ZoomImageView控件的宽度 */ privatE int width; /** * ZoomImageView控件的高度 */ privatE int height; /** * 记录两指同时放在屏幕上时,中心点的横坐标值 */ private float center@R_690_7616@; /** * 记录两指同时放在屏幕上时,中心点的纵坐标值 */ private float centerpointy; /** * 记录当前图片的宽度,图片被缩放时,这个值会一起变动 */ private float currentBitmapWidth; /** * 记录当前图片的高度,图片被缩放时,这个值会一起变动 */ private float currentBitmapHeight; /** * 记录上次手指移动时的横坐标 */ private float lastXMove = -1; /** * 记录上次手指移动时的纵坐标 */ private float lastymove = -1; /** * 记录手指在横坐标方向上的移动距离 */ private float movedDistanceX; /** * 记录手指在纵坐标方向上的移动距离 */ private float movedDistanceY; /** * 记录图片在矩阵上的横向偏移值 */ private float @R_569_10586@lTranslateX; /** * 记录图片在矩阵上的纵向偏移值 */ private float @R_569_10586@lTranslateY; /** * 记录图片在矩阵上的总缩放比例 */ private float @R_569_10586@lRatio; /** * 记录手指移动的距离所造成的缩放比例 */ private float scaledRatio; /** * 记录图片初始化时的缩放比例 */ private float initRatio; /** * 记录上次两指之间的距离 */ private double lastFingerDis; /** * ZoomImageView构造函数,将当前操作状态设为STATUS_INIT。 * * @param context * @param attrs */ public MyImageView(Context context,AttributeSet attrs) { super(context,attrs); currentStatus = STATUS_INIT; } /** * 将待展示的图片设置进来。 * * @param bitmap * 待展示的Bitmap对象 */ public void setImageBitmap(Bitmap bitmap) { sourceBitmap = bitmap; invalidate(); } @Override protected void onLayout(Boolean changed,int left,int top,int right,int bottom) { super.onLayout(changed,left,top,right,bottom); if (changed) { // 分别获取到ZoomImageView的宽度和高度 width = getWidth(); height = getHeight(); } } @SuppressLint("NewApi") @Override public Boolean onTouchEvent(MotionEvent event) { if (initRatio == @R_569_10586@lRatio) { getParent().requestDisallowInterceptTouchEvent(false); } else { getParent().requestDisallowInterceptTouchEvent(true); } switch (event.getActionMasked()) { case MotionEvent.ACTION_POINTER_DOWN: if (event.getPointerCount() == 2) { // 当有两个手指按在屏幕上时,计算两指之间的距离 lastFingerDis = distancebetweenFingers(event); } break; case MotionEvent.ACTION_CANCEL: case MotionEvent.ACTION_MOVE: if (event.getPointerCount() == 1) { // 只有单指按在屏幕上移动时,为拖动状态 float xMove = event.getX(); float ymove = event.getY(); if (lastXMove == -1 && lastymove == -1) { lastXMove = xMove; lastymove = ymove; } currentStatus = STATUS_MOVE; movedDistanceX = xMove - lastXMove; movedDistanceY = ymove - lastymove; // 进行边界检查,不允许将图片拖出边界 if (@R_569_10586@lTranslateX + movedDistanceX > 0) { movedDistanceX = 0; } else if (width - (@R_569_10586@lTranslateX + movedDistanceX) > currentBitmapWidth) { movedDistanceX = 0; } if (@R_569_10586@lTranslateY + movedDistanceY > 0) { movedDistanceY = 0; } else if (height - (@R_569_10586@lTranslateY + movedDistanceY) > currentBitmapHeight) { movedDistanceY = 0; } // 调用onDraw()方法绘制图片 invalidate(); lastXMove = xMove; lastymove = ymove; } else if (event.getPointerCount() == 2) { // 有两个手指按在屏幕上移动时,为缩放状态 centerPointbetweenFingers(event); double fingerDis = distancebetweenFingers(event); if (fingerDis > lastFingerDis) { currentStatus = STATUS_ZOOM_OUT; } else { currentStatus = STATUS_ZOOM_IN; } // 进行缩放倍数检查,最大只允许将图片放大4倍,最小可以缩小到初始化比例 if ((currentStatus == STATUS_ZOOM_OUT && @R_569_10586@lRatio < 4 * initRatio) || (currentStatus == STATUS_ZOOM_IN && @R_569_10586@lRatio > initRatio)) { scaledRatio = (float) (fingerDis / lastFingerDis); @R_569_10586@lRatio = @R_569_10586@lRatio * scaledRatio; if (@R_569_10586@lRatio > 4 * initRatio) { @R_569_10586@lRatio = 4 * initRatio; } else if (@R_569_10586@lRatio < initRatio) { @R_569_10586@lRatio = initRatio; } // 调用onDraw()方法绘制图片 invalidate(); lastFingerDis = fingerDis; } } break; case MotionEvent.ACTION_POINTER_UP: if (event.getPointerCount() == 2) { // 手指离开屏幕时将临时值还原 lastXMove = -1; lastymove = -1; } break; case MotionEvent.ACTION_UP: // 手指离开屏幕时将临时值还原 lastXMove = -1; lastymove = -1; break; default: break; } return true; } /** * 根据currentStatus的值来决定对图片进行什么样的绘制操作。 */ @Override protected void onDraw(Canvas canvas) { super.onDraw(canvas); switch (currentStatus) { CASE staTUS_ZOOM_OUT: CASE staTUS_ZOOM_IN: zoom(canvas); break; CASE staTUS_MOVE: move(canvas); break; CASE staTUS_INIT: initBitmap(canvas); default: if (sourceBitmap != null) { canvas.drawBitmap(sourceBitmap,matrix,null); } break; } } /** * 对图片进行缩放处理。 * * @param canvas */ private void zoom(Canvas canvas) { matrix.reset(); // 将图片按总缩放比例进行缩放 matrix.postScale(@R_569_10586@lRatio,@R_569_10586@lRatio); float scaledWidth = sourceBitmap.getWidth() * @R_569_10586@lRatio; float scaledHeight = sourceBitmap.getHeight() * @R_569_10586@lRatio; float translateX = 0f; float translateY = 0f; // 如果当前图片宽度小于屏幕宽度,则按屏幕中心的横坐标进行水平缩放。否则按两指的中心点的横坐标进行水平缩放 if (currentBitmapWidth < width) { translateX = (width - scaledWidth) / 2f; } else { translateX = @R_569_10586@lTranslateX * scaledRatio + center@R_690_7616@ * (1 - scaledRatio); // 进行边界检查,保证图片缩放后在水平方向上不会偏移出屏幕 if (translateX > 0) { translateX = 0; } else if (width - translateX > scaledWidth) { translateX = width - scaledWidth; } } // 如果当前图片高度小于屏幕高度,则按屏幕中心的纵坐标进行垂直缩放。否则按两指的中心点的纵坐标进行垂直缩放 if (currentBitmapHeight < height) { translateY = (height - scaledHeight) / 2f; } else { translateY = @R_569_10586@lTranslateY * scaledRatio + centerpointy * (1 - scaledRatio); // 进行边界检查,保证图片缩放后在垂直方向上不会偏移出屏幕 if (translateY > 0) { translateY = 0; } else if (height - translateY > scaledHeight) { translateY = height - scaledHeight; } } // 缩放后对图片进行偏移,以保证缩放后中心点位置不变 matrix.postTranslate(translateX,translateY); @R_569_10586@lTranslateX = translateX; @R_569_10586@lTranslateY = translateY; currentBitmapWidth = scaledWidth; currentBitmapHeight = scaledHeight; canvas.drawBitmap(sourceBitmap,null); } /** * 对图片进行平移处理 * * @param canvas */ private void move(Canvas canvas) { matrix.reset(); // 根据手指移动的距离计算出总偏移值 float translateX = @R_569_10586@lTranslateX + movedDistanceX; float translateY = @R_569_10586@lTranslateY + movedDistanceY; // 先按照已有的缩放比例对图片进行缩放 matrix.postScale(@R_569_10586@lRatio,@R_569_10586@lRatio); // 再根据移动距离进行偏移 matrix.postTranslate(translateX,translateY); @R_569_10586@lTranslateX = translateX; @R_569_10586@lTranslateY = translateY; canvas.drawBitmap(sourceBitmap,null); } /** * 对图片进行初始化操作,包括让@L_675_42@,以及当图片大于屏幕宽高时对图片进行压缩。 * * @param canvas */ private void initBitmap(Canvas canvas) { if (sourceBitmap != null) { matrix.reset(); int bitmapWidth = sourceBitmap.getWidth(); int bitmapHeight = sourceBitmap.getHeight(); if (bitmapWidth > width || bitmapHeight > height) { if (bitmapWidth - width > bitmapHeight - height) { // 当图片宽度大于屏幕宽度时,将图片等比例压缩,使它可以完全显示出来 float ratio = width / (bitmapWidth * 1.0f); matrix.postScale(ratio,ratio); float translateY = (height - (bitmapHeight * ratio)) / 2f; // 在纵坐标方向上进行偏移,以保证@L_675_42@显示 matrix.postTranslate(0,translateY); @R_569_10586@lTranslateY = translateY; @R_569_10586@lRatio = initRatio = ratio; } else { // 当图片高度大于屏幕高度时,将图片等比例压缩,使它可以完全显示出来 float ratio = height / (bitmapHeight * 1.0f); matrix.postScale(ratio,ratio); float translateX = (width - (bitmapWidth * ratio)) / 2f; // 在横坐标方向上进行偏移,以保证@L_675_42@显示 matrix.postTranslate(translateX,0); @R_569_10586@lTranslateX = translateX; @R_569_10586@lRatio = initRatio = ratio; } currentBitmapWidth = bitmapWidth * initRatio; currentBitmapHeight = bitmapHeight * initRatio; } else { // 当图片的宽高都小于屏幕宽高时,直接让@L_675_42@显示 float translateX = (width - sourceBitmap.getWidth()) / 2f; float translateY = (height - sourceBitmap.getHeight()) / 2f; matrix.postTranslate(translateX,translateY); @R_569_10586@lTranslateX = translateX; @R_569_10586@lTranslateY = translateY; @R_569_10586@lRatio = initRatio = 1f; currentBitmapWidth = bitmapWidth; currentBitmapHeight = bitmapHeight; } canvas.drawBitmap(sourceBitmap,null); } } /** * 计算两个手指之间的距离。 * * @param event * @return 两个手指之间的距离 */ @SuppressLint("NewApi") private double distancebetweenFingers(MotionEvent event) { float disX = Math.abs(event.getX(0) - event.getX(1)); float disY = Math.abs(event.getY(0) - event.getY(1)); return Math.sqrt(disX * disX + disY * disY); } /** * 计算两个手指之间中心点的坐标。 * * @param event */ @SuppressLint("NewApi") private void centerPointbetweenFingers(MotionEvent event) { float xPoint0 = event.getX(0); float yPoint0 = event.getY(0); float xPoint1 = event.getX(1); float yPoint1 = event.getY(1); center@R_690_7616@ = (xPoint0 + xPoint1) / 2; centerpointy = (yPoint0 + yPoint1) / 2; } }
布局中调用
以上所述是小编给大家介绍的Android通过自定义ImageView控件实现图片的缩放和拖动的实现代码,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对编程小技巧网站的支持!
以上是大佬教程为你收集整理的Android通过自定义ImageView控件实现图片的缩放和拖动的实现代码全部内容,希望文章能够帮你解决Android通过自定义ImageView控件实现图片的缩放和拖动的实现代码所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。