`
king_tt
  • 浏览: 2224926 次
  • 性别: Icon_minigender_1
  • 来自: 深圳
社区版块
存档分类
最新评论

android对图片的缩放,拖地,跟系统图库的效果一样

阅读更多

之前做项目要对图片的查看,然后就自己写了一个,适合对图片的浏览,跟系统图库的效果一样哦,先贴一张美女图片,听说有美女,男人就会多看一眼,不知道是不是真的,哈哈

布局文件需要注意的一点是scaleType一定要是matrix,这样才能对图片进行一系列的矩阵操作,例如放大缩小,拖拽,等等

 

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent" >

    <ImageView
        android:id="@+id/imageView1"
        android:layout_width="fill_parent"
        android:layout_height="fill_parent"
        android:scaleType="matrix" />

</RelativeLayout>


代码我都有注释,直接上代码咯

 

 

package com.example.zoomanddrafting;

import android.app.Activity;
import android.content.Context;
import android.content.Intent;
import android.graphics.Bitmap;
import android.graphics.BitmapFactory;
import android.graphics.Matrix;
import android.graphics.PointF;
import android.graphics.RectF;
import android.os.Bundle;
import android.util.DisplayMetrics;
import android.util.FloatMath;
import android.view.MotionEvent;
import android.view.View;
import android.view.View.OnTouchListener;
import android.widget.ImageView;



public class PhotoViewer extends Activity implements OnTouchListener {

	private static final String TAG = "PhotoViewer";
	public static final int RESULT_CODE_NOFOUND = 200;
	
	
    Matrix matrix = new Matrix();
    Matrix savedMatrix = new Matrix();
    DisplayMetrics dm;
    ImageView imgView;
    Bitmap bitmap;

    /** 最小缩放比例*/
    float minScaleR = 1.0f;
    /** 最大缩放比例*/
    static final float MAX_SCALE = 10f;

    /** 初始状态*/
    static final int NONE = 0;
    /** 拖动*/
    static final int DRAG = 1;
    /** 缩放*/
    static final int ZOOM = 2;
    
    /** 当前模式*/
    int mode = NONE;

    PointF prev = new PointF();
    PointF mid = new PointF();
    float dist = 1f;

    
    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        // 获取图片资源
		bitmap = BitmapFactory.decodeResource(getResources(), R.drawable.item);
        
		setContentView(R.layout.activity_main);
        imgView = (ImageView) findViewById(R.id.imageView1);// 获取控件
        imgView.setImageBitmap(bitmap);// 填充控件
        imgView.setOnTouchListener(this);// 设置触屏监听
        dm = new DisplayMetrics();
        getWindowManager().getDefaultDisplay().getMetrics(dm);// 获取分辨率
//        minZoom();
        center();
        imgView.setImageMatrix(matrix);
        
    }

    public void SureOnClick(View v)
    {
    	
    }
    
    /**
     * 触屏监听
     */
    public boolean onTouch(View v, MotionEvent event) {

        switch (event.getAction() & MotionEvent.ACTION_MASK) {
        // 主点按下
        case MotionEvent.ACTION_DOWN:
            savedMatrix.set(matrix);
            prev.set(event.getX(), event.getY());
            mode = DRAG;
            break;
        // 副点按下
        case MotionEvent.ACTION_POINTER_DOWN:
            dist = spacing(event);
            // 如果连续两点距离大于10,则判定为多点模式
            if (spacing(event) > 10f) {
                savedMatrix.set(matrix);
                midPoint(mid, event);
                mode = ZOOM;
            }
            break;
        case MotionEvent.ACTION_UP:
        case MotionEvent.ACTION_POINTER_UP:
            mode = NONE;
            //savedMatrix.set(matrix);
            break;
        case MotionEvent.ACTION_MOVE:
            if (mode == DRAG) {
                matrix.set(savedMatrix);
                matrix.postTranslate(event.getX() - prev.x, event.getY()
                        - prev.y);
            } else if (mode == ZOOM) {
                float newDist = spacing(event);
                if (newDist > 10f) {
                    matrix.set(savedMatrix);
                    float tScale = newDist / dist;
                    matrix.postScale(tScale, tScale, mid.x, mid.y);
                }
            }
            break;
        }
        imgView.setImageMatrix(matrix);
        CheckView();
        return true;
    }

    /**
     * 限制最大最小缩放比例,自动居中
     */
    private void CheckView() {
        float p[] = new float[9];
        matrix.getValues(p);
        if (mode == ZOOM) {
            if (p[0] < minScaleR) {
            	//Log.d("", "当前缩放级别:"+p[0]+",最小缩放级别:"+minScaleR);
                matrix.setScale(minScaleR, minScaleR);
            }
            if (p[0] > MAX_SCALE) {
            	//Log.d("", "当前缩放级别:"+p[0]+",最大缩放级别:"+MAX_SCALE);
                matrix.set(savedMatrix);
            }
        }
        center();
    }

    /**
     * 最小缩放比例,最大为100%
     */
    private void minZoom() {
        minScaleR = Math.min(
                (float) dm.widthPixels / (float) bitmap.getWidth(),
                (float) dm.heightPixels / (float) bitmap.getHeight());
        if (minScaleR < 1.0) {
            matrix.postScale(minScaleR, minScaleR);
        }
    }

    private void center() {
        center(true, true);
    }

    /**
     * 横向、纵向居中
     */
    protected void center(boolean horizontal, boolean vertical) {

        Matrix m = new Matrix();
        m.set(matrix);
        RectF rect = new RectF(0, 0, bitmap.getWidth(), bitmap.getHeight());
        m.mapRect(rect);

        float height = rect.height();
        float width = rect.width();

        float deltaX = 0, deltaY = 0;

        if (vertical) {
            // 图片小于屏幕大小,则居中显示。大于屏幕,上方留空则往上移,下方留空则往下移
            int screenHeight = dm.heightPixels;
            if (height < screenHeight) {
                deltaY = (screenHeight - height) / 2 - rect.top;
            } else if (rect.top > 0) {
                deltaY = -rect.top;
            } else if (rect.bottom < screenHeight) {
                deltaY = imgView.getHeight() - rect.bottom;
            }
        }

        if (horizontal) {
            int screenWidth = dm.widthPixels;
            if (width < screenWidth) {
                deltaX = (screenWidth - width) / 2 - rect.left;
            } else if (rect.left > 0) {
                deltaX = -rect.left;
            } else if (rect.right < screenWidth) {
                deltaX = screenWidth - rect.right;
            }
        }
        matrix.postTranslate(deltaX, deltaY);
    }

    /**
     * 两点的距离
     */
    private float spacing(MotionEvent event) {
        float x = event.getX(0) - event.getX(1);
        float y = event.getY(0) - event.getY(1);
        return FloatMath.sqrt(x * x + y * y);
    }

    /**
     * 两点的中点
     */
    private void midPoint(PointF point, MotionEvent event) {
        float x = event.getX(0) + event.getX(1);
        float y = event.getY(0) + event.getY(1);
        point.set(x / 2, y / 2);
    }
    
  
}


我也将工程上传了,不要积分哦,欢迎下载代码下载

 

分享到:
评论

相关推荐

    Android-一个Android图片缩放查看控件支持手势

    这个名为"Android-一个Android图片缩放查看控件支持手势"的项目,旨在提供一个自定义的视图控件,它允许用户通过手势进行图片的放大、缩小以及平移操作,提升用户体验。下面我们将深入探讨这个控件的关键知识点和...

    android imageview 图片缩放

    本文将深入探讨如何在Android中实现ImageView的图片缩放功能,同时结合异步加载和Activity的半透明效果,提升用户体验。 首先,我们要理解Android中ImageView的基本用法。ImageView可以设置为固定大小或根据图片...

    android图片预览缩放

    在Android开发中,图片预览和缩放是一个常见的需求,特别是在设计用户界面或者处理相机拍摄的照片时。`ScaleView`通常是指一个自定义视图,用于实现图片的平滑缩放和平移功能。本文将深入探讨Android图片预览缩放的...

    Android实现图片缩放功能

    总的来说,实现Android的图片缩放功能涉及到对Bitmap对象的操作、手势识别以及性能优化等多个方面。通过理解这些知识点,开发者可以构建出具有流畅手势交互的图片查看应用。在实际开发中,还需要根据具体需求进行...

    Android SurfaceView 实现图片缩放 滑动

    综上所述,通过结合SurfaceView、手势检测和矩阵变换,我们可以实现在Android应用中对图片的流畅缩放和滑动操作。然而,由于SurfaceView的特性,这个过程可能会比使用ImageView等其他组件更为复杂。因此,开发者需要...

    android 图片手势缩放

    综上所述,实现Android图片手势缩放涉及对触摸事件的监听、手势识别、自定义`ImageView`、绘图矩阵操作以及可能的性能优化。这个例子应该包含了实现这一功能的完整代码和示例,对于理解如何在Android应用中集成图片...

    Android实现图片手势缩放、移动、双击放大缩小

    Android实现图片手势缩放、移动、双击放大缩小。

    android对图片的缩放和拖拽

    本文将深入探讨如何在Android平台上实现类似系统图库的图片缩放和拖拽功能,帮助开发者打造高质量的用户体验。 首先,我们要理解Android中处理图像的基本组件:ImageView。默认情况下,ImageView可以显示图片,但并...

    Android 图片浏览全屏缩放

    在Android开发中,实现图片浏览的全屏缩放效果是一项常见的需求,特别是在社交应用中,如QQ好友动态和微信朋友圈。这种功能不仅需要提供良好的用户体验,还需要考虑性能和内存优化,因为图片通常较大,处理不当可能...

    android图片缩放双击旋转效果

    在Android开发中,实现图片的缩放、双击旋转以及拖动展示是一项常见的需求,尤其在...通过对触摸事件的处理,实现图片的拖动、缩放和双击旋转效果。通过不断的迭代和优化,可以打造出一个既美观又实用的图片查看器。

    Android 图片双指缩放 单指拖拽 、拖到边界回弹

    本篇文章将深入探讨如何在Android应用中实现这个功能,包括双指缩放、单指拖拽以及图片拖动到边界时的回弹效果。 首先,我们需要了解Android中的手势检测。Android提供了`GestureDetector`和`ScaleGestureDetector`...

    android 图片缩放

    我们可以通过Bitmap的createScaledBitmap()方法来对图片进行缩放。该方法接受原始Bitmap、目标宽度和高度作为参数,返回一个新的缩放后的Bitmap。然而,这种方法可能会导致内存消耗过高,尤其是在处理大图时,因此...

    Android图片裁剪----移动、缩放图片进行裁剪

    本知识点将详细介绍如何在Android中实现图片的移动和缩放裁剪。 首先,我们需要了解Android中处理图片的基础知识。Android提供了多种库和API来处理图像,例如Bitmap类用于表示位图图像,Matrix类则用于处理图像的...

    Android-图片浏览器支持缩放下拉缩小退出

    总的来说,"Android-图片浏览器支持缩放下拉缩小退出"项目涵盖了Android手势检测、图片加载与缓存、动画效果、UI交互等多个方面,对于开发者来说,理解和实现这个项目不仅能提升Android开发技能,还能加深对用户交互...

    Android 强大的图片加载类 图库效果

    在Android开发中,图片加载是应用中不可或缺的一部分,特别是在创建类似图库的应用或者展示大量图片时。本示例探讨的是Android强大的图片加载类,旨在帮助开发者实现高效、流畅且节省资源的图片显示功能。博客实例...

    Android GridView 图片缩放

    在Android开发中,GridView是一种常用的布局管理器,用于展示一系列数据项...总的来说,“Android GridView 图片缩放”是一个综合性的课题,涵盖了Android UI设计、手势识别、动画效果、图片处理和性能优化等多个方面。

    Android实现双击屏幕图片缩放效果.rar

    Android实现双击屏幕图片缩放效果,这个功能估计大家都见过不少吧,很多手机APP中就有,最直接的就是图库相册的预览功能里面,当显示图片缩略图的时候,双击屏幕,缩略图会按一定的比例放大显示图片,本源码所完成的...

    android图片缩放放大

    在Android中,可以使用`Animator`或`Transition`类为图片的缩放过程添加动画效果。例如,`ObjectAnimator.ofFloat()`可以创建一个平滑的缩放动画,针对`View`的`scaleX`和`scaleY`属性进行操作。 6. **手势缩放**...

    android 图片拼接 缩放 特效 拖动 翻转

    本文将深入探讨如何在Android平台上实现图片的拼接、缩放、特效、拖动以及翻转功能,这些都是移动应用中常见的交互和视觉元素。我们将以`DrawDemo`为例,来阐述这些技术的实现细节。 1. **图片拼接**: 图片拼接是...

    Android 双指拖动和双指缩放图片

    在Android开发中,实现双指拖动和双指缩放图片是常见的手势识别应用场景,尤其在图片查看器或画板类应用中极为常见。本文将深入探讨如何在Android平台上实现这一功能,以及如何将绘制的线条与背景图片进行正片叠底的...

Global site tag (gtag.js) - Google Analytics