`
407827531
  • 浏览: 1076467 次
  • 性别: Icon_minigender_1
  • 来自: 厦门
社区版块
存档分类
最新评论

如何实现手势缩放图片

 
阅读更多

 

推荐安卓开发神器(里面有各种UI特效和android代码库实例)

SDK2.1

 

将以下代码写到MulitPointTouchListener .java中,然后对你相应的图片进行OnTouchListener
比如:imageView.setOnTouchListener(new MulitPointTouchListener ());

在xml中要将图片的缩放格式改成Matrix

注:android:scaleType="matrix"

 

 package com.xstarx.111;

import android.graphics.Matrix;
import android.graphics.PointF;
import android.util.FloatMath;
import android.util.Log;
import android.view.MotionEvent;
import android.view.View;
import android.view.View.OnTouchListener;
import android.widget.ImageView;

public class MulitPointTouchListener implements OnTouchListener {
        private static final String TAG = "Touch";
        // These matrices will be used to move and zoom image
        Matrix matrix = new Matrix();
        Matrix savedMatrix = new Matrix();

        // We can be in one of these 3 states
        static final int NONE = 0;
        static final int DRAG = 1;
        static final int ZOOM = 2;
        int mode = NONE;

        // Remember some things for zooming
        PointF start = new PointF();
        PointF mid = new PointF();
        float oldDist = 1f;

        @Override
        public boolean onTouch(View v, MotionEvent event) {

                ImageView view = (ImageView) v;
                // Log.e("view_width",
                // view.getImageMatrix()..toString()+"*"+v.getWidth());
                // Dump touch event to log
                dumpEvent(event);

                // Handle touch events here...
                switch (event.getAction() & MotionEvent.ACTION_MASK) {
                case MotionEvent.ACTION_DOWN:

                        matrix.set(view.getImageMatrix());
                        savedMatrix.set(matrix);
                        start.set(event.getX(), event.getY());
                        //Log.d(TAG, "mode=DRAG");
                        mode = DRAG;

                       
                        //Log.d(TAG, "mode=NONE");
                        break;
                case MotionEvent.ACTION_POINTER_DOWN:
                        oldDist = spacing(event);
                        //Log.d(TAG, "oldDist=" + oldDist);
                        if (oldDist > 10f) {
                                savedMatrix.set(matrix);
                                midPoint(mid, event);
                                mode = ZOOM;
                                //Log.d(TAG, "mode=ZOOM");
                        }
                        break;
                case MotionEvent.ACTION_UP:
                case MotionEvent.ACTION_POINTER_UP:
                        mode = NONE;
                        //Log.e("view.getWidth", view.getWidth() + "");
                        //Log.e("view.getHeight", view.getHeight() + "");

                        break;
                case MotionEvent.ACTION_MOVE:
                        if (mode == DRAG) {
                                // ...
                                matrix.set(savedMatrix);
                                matrix.postTranslate(event.getX() - start.x, event.getY()
                                                - start.y);
                        } else if (mode == ZOOM) {
                                float newDist = spacing(event);
                                //Log.d(TAG, "newDist=" + newDist);
                                if (newDist > 10f) {
                                        matrix.set(savedMatrix);
                                        float scale = newDist / oldDist;
                                        matrix.postScale(scale, scale, mid.x, mid.y);
                                }
                        }
                        break;
                }

                view.setImageMatrix(matrix);
                return true; // indicate event was handled
        }

        private void dumpEvent(MotionEvent event) {
                String names[] = { "DOWN", "UP", "MOVE", "CANCEL", "OUTSIDE",
                                "POINTER_DOWN", "POINTER_UP", "7?", "8?", "9?" };
                StringBuilder sb = new StringBuilder();
                int action = event.getAction();
                int actionCode = action & MotionEvent.ACTION_MASK;
                sb.append("event ACTION_").append(names[actionCode]);
                if (actionCode == MotionEvent.ACTION_POINTER_DOWN
                                || actionCode == MotionEvent.ACTION_POINTER_UP) {
                        sb.append("(pid ").append(
                                        action >> MotionEvent.ACTION_POINTER_ID_SHIFT);
                        sb.append(")");
                }
                sb.append("[");
                for (int i = 0; i < event.getPointerCount(); i++) {
                        sb.append("#").append(i);
                        sb.append("(pid ").append(event.getPointerId(i));
                        sb.append(")=").append((int) event.getX(i));
                        sb.append(",").append((int) event.getY(i));
                        if (i + 1 < event.getPointerCount())
                                sb.append(";");
                }
                sb.append("]");
                //Log.d(TAG, sb.toString());
        }

       
        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);
        }
}

 

 

分享到:
评论

相关推荐

    微信小程序手势缩放图片

    在实现手势缩放图片时,我们需要创建一个包含图片的容器,并设置相应的样式和事件监听器。 3. **WXSS**:WXSS(WeiXin Style Sheet)是微信小程序的样式层语言,类似于 CSS,用于定义元素的外观。为了支持手势缩放...

    手势缩放图片代码

    在Android开发中,手势识别是实现用户交互的重要一环,特别是在图像查看器或者地图应用中,手势缩放图片是一项常见的功能。"手势缩放图片代码"这个主题涉及到的核心知识点包括手势检测、ImageView的使用以及Android...

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

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

    手机js手势放大缩放图片插件

    总结来说,"手机js手势放大缩放图片插件"通过JavaScript和CSS3技术实现了移动设备上的手势交互,提供了平移和缩放图片的功能。它的核心包括手势识别、坐标转换、性能优化以及可配置性,是移动Web应用中提升图片浏览...

    html移动开发手势缩放(纯干货)(基于hammer velocity)

    Velocity.js则是一个高性能的动画引擎,它不仅可以处理CSS属性的动画,还能对JavaScript对象进行动画操作,这在实现平滑的手势缩放效果时非常有用。 首先,我们需要在项目中引入Hammer.js和Velocity.js。你可以通过...

    android 图片手势缩放

    这个示例着重于实现Android图片的手势缩放功能,通过监听用户的触摸事件来调整图片的大小,提供流畅且直观的操作体验。 手势识别在Android中主要依赖于`GestureDetector`和`ScaleGestureDetector`这两个类。`...

    Android ImageView手势缩放 图片详情页

    总结起来,实现"Android ImageView手势缩放 图片详情页"的功能,需要结合GestureDetector、ScaleGestureDetector以及自定义的ZoomImageView,同时处理好图片的加载、缓存和边界条件,以及优化手势操作的性能。...

    ifanr:微信小程序中实现手势缩放图片

    因此能动态的通过手势缩放图片,就很有必要。大众比较熟悉的手势是类似 app 中的双指缩放,我们的目标也是在小程序中实现此效果。 爱范儿工程师在仔细研究微信小程序的所有事件后发现,可以通过 touch

    Android平台 可以根据手势简单缩放图片

    本篇文章将详细探讨如何在Android中实现手势缩放图片的机制。 首先,我们需要了解Android的手势识别系统。Android SDK提供了一个名为`GestureDetector`的类,它可以帮助我们检测常见的触摸手势,如单击、双击和滑动...

    GalleryDemo 图片手势缩放

    1. **手势缩放技术**:手势缩放是基于Android的MotionEvent事件进行处理的,通过监听用户的触摸动作,如单击、双击和 pinch-to-zoom(捏合缩放)手势,实现图片的放大缩小。开发者通常会使用ScaleGestureDetector类...

    Android 图片点击动画全屏手势缩放

    在Android开发中,实现“Android 图片点击动画全屏手势缩放”的功能是常见的需求,尤其是在设计用户界面和交互体验时。这个功能涉及到多个技术点,包括图片加载、动画处理、手势识别以及视图的布局管理。下面我们将...

    PhotoView 手势缩放 双击缩放 图片滑动 支持viewpager

    《PhotoView:实现手势缩放、双击缩放与图片滑动在ViewPager中的应用》 在Android开发中,用户交互体验至关重要,特别是在处理图像展示时。PhotoView库为开发者提供了强大的功能,支持手势缩放、双击缩放以及图片...

    手势缩放的Imageview

    综上所述,"手势缩放的ImageView"项目通过集成`ScaleGestureDetector`,实现了在Android应用中对图片进行双指捏合的手势缩放功能。这不仅提高了用户交互性,还展示了Android开发中手势识别和图像处理的技巧。通过...

    JS前端HTML5图片预览手势缩放

    title: "第一张图片的提示" },{ src: "2.jpg", w: 1024, h: 768, title: "第二张图片的提示" },{ src: "3.jpg", w: 800, h: 600, title: "第三张图片的提示" }]; openPhotoSwipe...

    手势缩放图片

    在Android开发中,手势缩放图片是一项常见的需求,特别是在实现图片查看器或者地图应用时。这个功能让用户可以通过双指开合或平移来放大、缩小和移动图片,提供更加直观和自由的操作体验。"手势缩放图片"的核心是...

    手势缩小放大图片

    实现手势缩放图片,我们需要以下几个步骤: 1. **创建GestureDetector实例**:首先,我们需要创建一个` GestureDetector`实例,并重写它的` onDown()`, `onScale()` 和 `onScaleEnd()` 方法。`onDown()`用于初始化...

    android 2个手势缩放ImageView源码及Demo

    - 为了实现手势缩放功能,我们需要创建一个自定义的ImageView子类,重写onTouchEvent()方法。在这里,我们将使用GestureDetector和ScaleGestureDetector实例来解析触摸事件。 3. **效果较好**: - 这个示例可能...

    Android通过手势实现的缩放处理

    文件`MultiTouchTest`很可能是项目中实现手势缩放的一个测试类,它可能包含了上述逻辑的完整实现。通过查看并学习此类的源代码,开发者可以更好地理解如何在实际应用中整合手势缩放功能。 总之,Android的`...

    手势缩放旋转图片

    "手势缩放旋转图片"这个主题涉及的是如何通过触摸屏幕的手势来实现图片的动态调整,包括放大、缩小、移动和旋转等基本功能。这样的功能在很多应用中都能见到,如照片查看器、图像编辑器以及各种媒体应用等。 1. **...

    手势缩放改变图片大小

    "手势缩放改变图片大小"的源码实现了一个全屏图片查看器,类似于UC浏览器中的看图模式。下面将详细解释这一技术的关键知识点。 1. **手势识别**:手势识别是Android SDK中GestureDetector和ScaleGestureDetector类...

Global site tag (gtag.js) - Google Analytics