`
龙哥IT
  • 浏览: 258449 次
  • 性别: Icon_minigender_1
  • 来自: 武汉
文章分类
社区版块
存档分类
最新评论

图片移动放大缩小功能集合

 
阅读更多

只要在xml布局文件里面,放进去就可以了,然后加载图片

 

package com.example.text;

import android.annotation.SuppressLint;
import android.content.Context;
import android.graphics.Bitmap;
import android.graphics.BitmapFactory;
import android.graphics.Matrix;
import android.graphics.PointF;
import android.graphics.drawable.BitmapDrawable;
import android.graphics.drawable.Drawable;
import android.util.AttributeSet;
import android.util.FloatMath;
import android.util.Log;

import android.view.MotionEvent;
import android.view.View;
import android.widget.ImageView;
import android.view.View.OnTouchListener;
public class MyImageView extends ImageView implements OnTouchListener{

	private Matrix matrix = new Matrix();
	private Matrix savedMatrix = new Matrix();
	PointF start = new PointF();
	PointF mid = new PointF();
	static final int NONE = 0;
	static final int DRAG = 1;
	static final int ZOOM = 2;
	int mode = NONE;
	float oldDist = 1f;
	
	public MyImageView(Context context) {
		super(context);
		setOnTouchListener(this);
		setLongClickable(true);
	}
	
	public MyImageView(Context context, AttributeSet attrs) {
		super(context, attrs);
		setOnTouchListener(this);
		setLongClickable(true);
	}
	public MyImageView(Context context, AttributeSet attrs, int defStyle) {
		super(context, attrs, defStyle);
		setOnTouchListener(this);
		setLongClickable(true);
		
	}

	
	//使用BitmapFactory.Options的inSampleSize参数来缩放
    public static Drawable resizeImage2(String path,
			int width,int height) 
    {
		BitmapFactory.Options options = new BitmapFactory.Options();
		options.inJustDecodeBounds = true;//不加载bitmap到内存中
		BitmapFactory.decodeFile(path,options); 
		int outWidth = options.outWidth;
		int outHeight = options.outHeight;
		options.inDither = false;
		options.inPreferredConfig = Bitmap.Config.ARGB_8888;
		options.inSampleSize = 1;
		
		if (outWidth != 0 && outHeight != 0 && width != 0 && height != 0) 
		{
			int sampleSize=(outWidth/width+outHeight/height)/2;
			options.inSampleSize = sampleSize;
		}
	
		options.inJustDecodeBounds = false;
		return new BitmapDrawable(BitmapFactory.decodeFile(path, options));		
	}

	//使用Bitmap加Matrix来缩放
    public static Drawable resizeImage(Bitmap bitmap, int w, int h) 
    {  
        Bitmap BitmapOrg = bitmap;  
        int width = BitmapOrg.getWidth();  
        int height = BitmapOrg.getHeight();  
        int newWidth = w;  
        int newHeight = h;  

        float scaleWidth = ((float) newWidth) / width;  
        float scaleHeight = ((float) newHeight) / height;  

        Matrix matrix = new Matrix();  
        matrix.postScale(scaleWidth, scaleHeight);  
        // if you want to rotate the Bitmap   
        // matrix.postRotate(45);   
        Bitmap resizedBitmap = Bitmap.createBitmap(BitmapOrg, 0, 0, width,  
                        height, matrix, true);  
        return new BitmapDrawable(resizedBitmap);  
    }
	
	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);
	}
	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);
	}
	@SuppressLint("ClickableViewAccessibility") @Override
	public boolean onTouch(View v, MotionEvent event) {
		// TODO Auto-generated method stub
		// TODO Auto-generated method stub
				/*
				 * Log.d("Infor", "类别:"+event.getAction()); Log.d("Infor",
				 * "mask:"+event.getActionMasked()); Log.d("Infor",
				 * "index:"+event.getActionIndex()); Log.d("Infor",
				 * "points:"+event.getPointerCount());
				 */
				Log.d("Infor", "size:" + event.getSize());
				if (event.getActionMasked() == MotionEvent.ACTION_POINTER_UP)
					Log.d("Infor", "多点操作");
				switch (event.getActionMasked()) {
				case MotionEvent.ACTION_DOWN:
					matrix.set(getImageMatrix());
					savedMatrix.set(matrix);
					start.set(event.getX(), event.getY());
					Log.d("Infor", "触摸了...");
					mode = DRAG;
					break;
				case MotionEvent.ACTION_POINTER_DOWN: // 多点触控
					oldDist = this.spacing(event);
					if (oldDist > 10f) {
						Log.d("Infor", "oldDist" + oldDist);
						savedMatrix.set(matrix);
						midPoint(mid, event);
						mode = ZOOM;
					}
					break;
				case MotionEvent.ACTION_POINTER_UP:
					mode = NONE;
					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);
						if (newDist > 10) {
							matrix.set(savedMatrix);
							float scale = newDist / oldDist;
							matrix.postScale(scale, scale, mid.x, mid.y);
						}
					}
					break;
				}
				setImageMatrix(matrix);
		return false;
	}

}

 

布局文件

	<com.example.text.MyImageview  android:id="@+id/id_content"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_centerInParent="true"
                android:scaleType="matrix" 
                android:src="@drawable/placeholder1"/>

 

分享到:
评论

相关推荐

    MSChartExtensionDemo放大缩小移动chart.rar

    【MSChartExtensionDemo放大缩小移动chart】是一款基于微软MSChart控件的示例程序,它展示了如何在Windows Forms或ASP.NET应用中实现图表的缩放、平移和移动功能。MSChart是Microsoft .NET Framework中用于数据可视...

    图片的放大缩小拖动

    以上就是关于“图片的放大缩小拖动”这一主题的主要技术点,它们涵盖了图片加载、手势检测、视图交互等多个方面,都是Android开发者必备的技能。在实际开发中,还需要考虑性能优化和用户体验,以提供更高效、流畅的...

    GridView中的Item放大缩小

    当我们想要在GridView中实现每个Item(单元格)的放大缩小效果时,通常涉及到自定义Adapter、处理点击事件以及调整视图大小等多个技术环节。下面将详细阐述如何实现这个功能。 首先,了解GridView的基本使用。...

    swift-目前流行的图片浏览器支持滑动缩小拖动消失双指放大方便使用

    标题“swift-目前流行的图片浏览器支持滑动缩小拖动消失双指放大方便使用”揭示了这款图片浏览器的核心特性,即滑动缩小、拖动消失和双指放大的手势识别功能。下面将详细讨论这些知识点。 1. **滑动缩小(Swipe-to-...

    多种集合图片放大,多图放大镜,产品放大镜

    在IT行业中,尤其是在网页设计和电子商务领域,"多种集合图片放大,多图放大镜,产品放大镜"是一种常见的用户体验优化技术。它主要用于提高用户在浏览商品时的视觉体验,特别是对于那些需要展示细节的在线商品,如...

    图片放大缩小的开源库

    总的来说,ByakuGallery是一个强大的Android图片查看库,它为开发者提供了高效、灵活且用户体验优良的图片放大缩小功能。无论是简单的图片浏览还是复杂的交互式应用,ByakuGallery都能成为提升图片显示功能的有力...

    android图片播放、放大控件

    本项目“android图片播放、放大控件”聚焦于实现一个能够顺序播放图片并支持图片放大及移动功能的控件。这个控件通常会用于相册应用或者任何需要动态展示多张图片的场景。 在Android中,我们可以使用多种方式来实现...

    jQuery支持局部缩放图片放大镜插件.zip

    实现这一功能的关键是通过jQuery监听鼠标移动事件,计算出鼠标相对于图片的位置,并据此调整放大区域的大小和位置。 其次,"图片外部缩放"模式则是在图片外部创建一个可缩放的视图,通常是一个独立的窗口,用户可以...

    图片浏览器

    "图片浏览器"是一款专为查看大量图片设计的应用程序,它具备了基本的图像查看功能,如放大、缩小以及图片在窗口中的移动。这款软件的核心设计理念是提供一个方便用户浏览和管理图片的平台。 首先,我们要了解的是...

    图片轮换效果集合

    3. **缩放(Zoom)**:图片在放大或缩小的过程中进行切换,增加视觉冲击力。 4. **翻页(Flip)**:图片仿佛书页一样翻转,富有立体感。 5. **随机跳转(Random)**:图片随机切换,增加不确定性,保持新鲜感。 6. *...

    react-image-magnifiers:适用于鼠标和触摸的响应式,图像放大的React组件的集合

    React图像放大镜用于鼠标和触摸的响应式,图像放大的React组件的集合。 对于电子商务网站,图片库,库存照片等中的产品图像很有用。放大镜组件: 放大镜:可以通过单击,双击,点击,双击或长按来放大/缩小。 单击/...

    如何在Android中实现图片及动画的缩放和旋转

    " Android 图片及动画的缩放和旋转实现" Android 动画有两种:Tween Animation 和 Frame Animation。本文主要介绍 Tween Animation 的实现, Tween Animation 是对视图对象中的内容进行一系列简单的转换,比如位置...

    Android的移动应用页面特效集合源码.rar

    8. **悬浮按钮(Floating Action Button)**:FAB的动画效果,如点击后的放大缩小、滑动跟随等,都是提升界面交互性的有效方式。 9. **对话框和通知的动画**:自定义对话框的出现和消失动画,以及通知的推送动画,...

    Sample-Pictures.rar_图片旋转

    "Sample-Pictures.rar_图片旋转" 提供了一个完整的图片查看器功能,它支持对图片进行多样的操作,如移动、放大、缩小以及旋转,极大地提升了用户在网页浏览中的体验。下面我们将深入探讨这些知识点: 1. **图片查看...

    常用按钮图片

    描述中提到的图标包括放大、缩小和平移等,这些都是地图交互中基本且不可或缺的功能。放大功能允许用户将地图的某一部分放大,以便查看更详细的信息;缩小则相反,可以让用户看到更大的地理范围;而平移则是移动地图...

    QT 图片浏览器

    2. 缩放和平移:用户可以通过鼠标滚轮或手势来放大缩小图片,并进行左右移动查看细节。 3. 图片旋转:支持图片的90度旋转,便于调整图片方向。 4. 图片信息:显示图片的基本信息,如格式、大小、分辨率等。 5. 播放...

    原生JS实现非常炫的动画图片相册展示特效

    这个特效包括图片点击放大、缩小功能以及图片随着鼠标移动而滚动展示的效果。首先,我们需要理解JavaScript的基础,如DOM操作、事件监听和CSS动画。 1. **DOM操作**: - `document.querySelector()` 和 `document....

    麒麟图片浏览器

    由于C#对图形用户界面(GUI)的强大支持,麒麟图片浏览器能够创建出直观的界面设计,使用户能够轻松地导航、放大、缩小和旋转图片。C#的事件驱动编程模型使得用户交互变得更加自然,例如点击、滑动等操作都能够得到...

Global site tag (gtag.js) - Google Analytics