手指移动和放大缩小imageview

转载 2012年03月30日 12:17:52
package com.dengfan;


import android.app.Activity;
import android.app.AlertDialog;
import android.graphics.Bitmap;
import android.graphics.BitmapFactory;
import android.graphics.Matrix;
import android.graphics.PointF;
import android.hardware.SensorManager;
import android.os.Bundle;
import android.util.FloatMath;
import android.util.Log;


import android.view.MotionEvent;
import android.view.View;
import android.view.View.OnClickListener;
import android.view.View.OnTouchListener;
import android.widget.Button;
import android.widget.ImageView;
import android.widget.SimpleAdapter.ViewBinder;
import android.app.Activity;
import android.content.Context;
import android.content.SharedPreferences;
import android.content.SharedPreferences.Editor;
import android.graphics.Bitmap;
import android.graphics.BitmapFactory;
import android.graphics.Matrix;
import android.graphics.PointF;
import android.graphics.drawable.BitmapDrawable;
import android.os.Bundle;
import android.util.FloatMath;
import android.view.MotionEvent;
import android.view.View;
import android.view.View.OnTouchListener;
import android.view.ViewGroup.MarginLayoutParams;
import android.widget.ImageView;


public class ImageZoom extends Activity implements OnTouchListener,View.OnClickListener 
{
/** Called when the activity is first created. */


Matrix matrix = new Matrix();
Matrix savedMatrix = new Matrix();


PointF start = new PointF();
PointF mid = new PointF();
float oldDist;


private ImageView myImageView;


static final int NONE = 0;
static final int DRAG = 1;
static final int ZOOM = 2;
int mode = NONE;


@Override
public void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.zoom);
myImageView = (ImageView) findViewById(R.id.zoom_img);
myImageView.setOnTouchListener(this);
myImageView.setImageBitmap(AppContext.zoomBitmap);
findViewById(R.id.zoom_set_to_wall).setOnClickListener(this);

SharedPreferences sharedPreferences = getSharedPreferences("pref", Context.MODE_PRIVATE);
boolean isFirstTimeUse = sharedPreferences.getBoolean("isfirsttimeuse", true);
Editor editor =  sharedPreferences.edit();
editor.putBoolean("isfirsttimeuse", false);
editor.commit();
if(isFirstTimeUse)
{
AlertDialog alertDialog  =new AlertDialog.Builder(this)
.setMessage("可以使用手指随意拖动和放大图片哦^^")
.setTitle("请用提醒")
.setPositiveButton("知道了", null)
.create();
alertDialog.show();
}
}


@Override
public void onClick(View v) 
{
switch (v.getId()) {
case R.id.zoom_set_to_wall:
try {
//AppContext.zoomBitmap = BitmapCompress.bitmapRoom(AppContext.zoomBitmap, AppContext.screenHeight);
setWallpaper(AppContext.zoomBitmap);
} catch (Exception e) {
e.printStackTrace();
}

break;


default:
break;
}
}

@Override
public boolean onTouch(View v, MotionEvent event) {
System.out.println(event.getPointerCount());
ImageView myImageView = (ImageView) v;
switch (event.getAction() & MotionEvent.ACTION_MASK) {
case MotionEvent.ACTION_DOWN:
matrix.set(myImageView.getImageMatrix());
savedMatrix.set(matrix);
start.set(event.getX(), event.getY());
mode = DRAG;
break;
case MotionEvent.ACTION_UP:
case MotionEvent.ACTION_POINTER_UP:
mode = NONE;
break;


// ���ö�㴥��ģʽ
case MotionEvent.ACTION_POINTER_DOWN:
oldDist = spacing(event);
if (oldDist > 10f) {
savedMatrix.set(matrix);
midPoint(mid, event);
mode = ZOOM;
}
break;
// ��ΪDRAGģʽ�������ƶ�ͼƬ
case MotionEvent.ACTION_MOVE:
if (mode == DRAG) {
matrix.set(savedMatrix);
matrix.postTranslate(event.getX() - start.x, event.getY()
- start.y);
}
// ��ΪZOOMģʽ�����������
else if (mode == ZOOM) {
float newDist = spacing(event);
if (newDist > 10f) {
matrix.set(savedMatrix);
float scale = newDist / oldDist;
// ����˶�ű����ͼƬ���е�λ��
matrix.postScale(scale, scale, mid.x, mid.y);
}
}
break;
}
myImageView.setImageMatrix(matrix);
return true;
}


// �����ƶ�����
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);
}

}



zoom.xml

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
 android:orientation="vertical" android:layout_width="fill_parent"
 android:layout_height="fill_parent" android:gravity="center">
 <ImageView android:layout_width="fill_parent"
  android:layout_height="fill_parent" android:scaleType="matrix"
  android:id="@+id/zoom_img" android:layout_centerInParent="true"/>
 <Button android:layout_width="wrap_content" android:layout_height="wrap_content"
     android:id="@+id/zoom_set_to_wall" android:text="设为桌面" android:layout_alignParentLeft="true"
     android:layout_alignParentBottom="true"/>
</RelativeLayout>

一个随手指移动的自定义View和一个随手指移动的ImageView(附源码)

效果以及区别 这是两个项目,一个是myView继承自View,一个是myImageView继承自ImageView,myView中的圆形会根据手指移动,即使手指并未点到圆形上。myImageView是...
  • fuckluy
  • fuckluy
  • 2016年12月15日 17:40
  • 1474

Android 重载ImageView 可以使用手势放大缩小拖动

一 JAVA import android.content.Context; import android.graphics.Matrix; import android.graphics.Po...
  • ikmb
  • ikmb
  • 2013年07月08日 18:44
  • 9581

自定义ImageView实现图片手势滑动、放大缩小效果

上一节说了通过自定义来加载超大图片,同时实现手指的拖动效果。不过,另一种情况就是,我们希望应用能够加载整张图片,如果图片太大就先压缩,如果小于屏幕就直接显示,同时用户可以拖拽移动和缩放图片大小,梳理下...
  • xuemengrui12
  • xuemengrui12
  • 2016年05月23日 19:33
  • 1716

Android-通过自定义View组件实现跟随手指移动的ImageView组件

在Android应用程序中绘制一个跟随手指的小兔子,当手指在屏幕上拖动时,小兔子将跟随手指拖动的轨迹移动。实现本实例时,首先需要先继承Android.view.View类,然后通过重写其onDraw(...
  • eva1994
  • eva1994
  • 2016年03月15日 11:36
  • 2143

[Android算法] Android 随手指移动的ImageView

主要是基于Android的随手指移动的ImageView,附有图片和源代码,希望会对大家有所帮助。 效果: 首次进入程序,手指点击屏幕上的任意位置,图片会随之移动。   布局文件 ...
  • IAlexanderI
  • IAlexanderI
  • 2013年04月18日 22:07
  • 5886

android自定义view实现可自由放大缩小和移动的imageView

本自定义的ZoomImageView实现的功能有: 多指触摸以中心点自由放大缩小,图片整体默认居中于控件中,双击放大缩小并防止出现白边;代码如下...
  • u014763302
  • u014763302
  • 2016年02月21日 17:26
  • 4427

View视图跟随手指移动

之前 看过跟多App在页面中都有一个浮动的按钮,可以随意的在屏幕中拖动 释放后自动贴在屏幕边缘,这个效果其实很简单 就是onTouchEvent事件,在事件中分别处理Down,move,up事件即可。...
  • siyemuzi
  • siyemuzi
  • 2016年11月02日 17:27
  • 360

IOS_可移动的UIImageView(随手指移动)

最近做了2个项目,都是跟UIImageView的图片拖动有关。 其实这个方法很好实现。可以自己子类化一个UIImageView类。然后设置这个子类能够响应交互行为。 再在touches事件...
  • jiang314
  • jiang314
  • 2016年02月29日 16:36
  • 1258

Android:手把手教你打造可缩放移动的ImageView(上)

定义ImageView,实现功能如下: 1.初始化时图片垂直居中显示,拉伸图片宽度至ImageView宽度。 2.使用两根手指放大缩小图片,可设置最大放大倍数,当图片小于ImageView...
  • yezhouyong
  • yezhouyong
  • 2016年05月19日 11:31
  • 630

移动端div随手指移动

html: Document #box{position: fixed;left: 0;top: 0;width: 150px;heigh
  • u014798510
  • u014798510
  • 2016年11月15日 16:31
  • 620
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:手指移动和放大缩小imageview
举报原因:
原因补充:

(最多只允许输入30个字)