android 多點(diǎn)觸摸圖片縮放的具體實(shí)現(xiàn)方法
布局:
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:id="@+id/relativeLayout1"
android:layout_width="fill_parent"
android:layout_height="fill_parent" >
<Button
android:id="@+id/zoom_in"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignParentLeft="true"
android:layout_alignParentTop="true"
android:text="zoom_in" />
<Button
android:id="@+id/zoom_out"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignParentRight="true"
android:layout_alignParentTop="true"
android:text="zoom_out" />
<ScrollView
android:id="@+id/imageContainer"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:layout_below="@+id/zoom_in"
android:fadingEdge="none"
android:scrollbars="none" >
<HorizontalScrollView
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:layout_centerHorizontal="true"
android:fadingEdge="none"
android:scrollbars="none" >
<ImageView
android:id="@+id/imageView"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignParentTop="true"
android:layout_centerHorizontal="true"
android:scaleType="matrix" />
</HorizontalScrollView>
</ScrollView>
</RelativeLayout>
程序代碼:
package taokun.demo.MutilTouchDemo;
import android.app.Activity;
import android.graphics.Bitmap;
import android.graphics.BitmapFactory;
import android.graphics.Matrix;
import android.graphics.PointF;
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;
public class MutilTouchDemoActivity extends Activity implements OnTouchListener, OnClickListener {
private static final String TAG = "Touch" ;
// These matrices will be used to move and zoom image
Matrix matrix = new Matrix();
Matrix savedMatrix = new Matrix();
PointF start = new PointF();
PointF mid = new PointF();
float oldDist;
private ImageView view;
private Button zoomIn, zoomOut;
//button zoom
private float scaleWidth = 1;
private float scaleHeight = 1;
private Bitmap bmp, zoomedBMP;
private int zoom_level = 0;
private static final double ZOOM_IN_SCALE = 1.25;//放大系數(shù)
private static final double ZOOM_OUT_SCALE = 0.8;//縮小系數(shù)
// 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;
@Override
public void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.main);
//放大按鈕
zoomIn = (Button) findViewById(R.id.zoom_in);
//縮小按鈕
zoomOut = (Button) findViewById(R.id.zoom_out);
zoomIn.setOnClickListener(this);
zoomOut.setOnClickListener(this);
view = (ImageView) findViewById(R.id.imageView);
view.setOnTouchListener(this);
//取得drawable中圖片,放大,縮小,多點(diǎn)觸摸的作用對象
bmp = BitmapFactory.decodeResource(MutilTouchDemoActivity.this.getResources(), R.drawable.splash);
}
public boolean onTouch(View v, MotionEvent event) {
// Handle touch events here...
ImageView view = (ImageView) v;
// Handle touch events here...
switch (event.getAction() & MotionEvent.ACTION_MASK) {
//設(shè)置拖拉模式
case MotionEvent.ACTION_DOWN:
savedMatrix.set(matrix);
start.set(event.getX(), event.getY());
Log.d(TAG, "mode=DRAG" );
mode = DRAG;
break;
case MotionEvent.ACTION_UP:
case MotionEvent.ACTION_POINTER_UP:
mode = NONE;
Log.d(TAG, "mode=NONE" );
break;
//設(shè)置多點(diǎn)觸摸模式
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;
//若為DRAG模式,則點(diǎn)擊移動(dòng)圖片
case MotionEvent.ACTION_MOVE:
if (mode == DRAG) {
matrix.set(savedMatrix);
// 設(shè)置位移
matrix.postTranslate(event.getX() - start.x,
event.getX() - start.x);
}
//若為ZOOM模式,則多點(diǎn)觸摸縮放
else if (mode == ZOOM) {
float newDist = spacing(event);
Log.d(TAG, "newDist=" + newDist);
if (newDist > 10f) {
matrix.set(savedMatrix);
float scale = newDist / oldDist;
//設(shè)置縮放比例和圖片中點(diǎn)位置
matrix.postScale(scale, scale, mid.x, mid.y);
}
}
break;
}
// Perform the transformation
view.setImageMatrix(matrix);
return true; // indicate event was handled
}
//計(jì)算移動(dòng)距離
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);
}
// 計(jì)算中點(diǎn)位置
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);
}
//放大,縮小按鈕點(diǎn)擊事件
@Override
public void onClick(View v) {
if(v == zoomIn){
enlarge();
}else if (v == zoomOut) {
small();
}
}
//按鈕點(diǎn)擊縮小函數(shù)
private void small() {
int bmpWidth = bmp.getWidth();
int bmpHeight = bmp.getHeight();
scaleWidth = (float) (scaleWidth * ZOOM_OUT_SCALE);
scaleHeight = (float) (scaleHeight * ZOOM_OUT_SCALE);
Matrix matrix = new Matrix();
matrix.postScale(scaleWidth, scaleHeight);
zoomedBMP = Bitmap.createBitmap(bmp, 0, 0, bmpWidth, bmpHeight, matrix,
true);
view.setImageBitmap(zoomedBMP);
}
//按鈕點(diǎn)擊放大函數(shù)
private void enlarge() {
try {
int bmpWidth = bmp.getWidth();
int bmpHeight = bmp.getHeight();
scaleWidth = (float) (scaleWidth * ZOOM_IN_SCALE);
scaleHeight = (float) (scaleHeight * ZOOM_IN_SCALE);
Matrix matrix = new Matrix();
matrix.postScale(scaleWidth, scaleHeight);
zoomedBMP = Bitmap.createBitmap(bmp, 0, 0, bmpWidth, bmpHeight, matrix,
true);
view.setImageBitmap(zoomedBMP);
} catch (Exception e) {
}
}
}
- 解析Android開發(fā)中多點(diǎn)觸摸的實(shí)現(xiàn)方法
- Android實(shí)現(xiàn)手勢滑動(dòng)多點(diǎn)觸摸放大縮小圖片效果
- Android實(shí)現(xiàn)手勢滑動(dòng)多點(diǎn)觸摸縮放平移圖片效果
- Android實(shí)現(xiàn)手勢滑動(dòng)多點(diǎn)觸摸縮放平移圖片效果(二)
- Android實(shí)現(xiàn)手機(jī)多點(diǎn)觸摸畫圓
- Android檢測手機(jī)多點(diǎn)觸摸點(diǎn)數(shù)的方法
- Android實(shí)現(xiàn)檢測手機(jī)多點(diǎn)觸摸點(diǎn)數(shù)
- android實(shí)現(xiàn)多點(diǎn)觸摸效果
- Android實(shí)現(xiàn)多點(diǎn)觸摸操作
- android實(shí)現(xiàn)多點(diǎn)觸摸應(yīng)用
相關(guān)文章
Android自定義View實(shí)現(xiàn)圓環(huán)交替效果
這篇文章給大家介紹如何基于Android自定義View實(shí)現(xiàn)圓環(huán)交替的效果,實(shí)現(xiàn)后效果很贊,有需要的小伙伴們可以參考借鑒。2016-08-08
Android中NestedScrolling滑動(dòng)機(jī)制詳解
本篇文章主要介紹了Android中NestedScrolling滑動(dòng)機(jī)制詳解,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下。2017-02-02
Flutter底部導(dǎo)航欄的實(shí)現(xiàn)方式
這篇文章主要為大家詳細(xì)介紹了Flutter底部導(dǎo)航欄的實(shí)現(xiàn)方式,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2019-02-02
一文教你如何使用Databinding寫一個(gè)關(guān)注功能
這篇文章主要介紹了一文教你如何使用Databinding寫一個(gè)關(guān)注功能,文章圍繞主題展開詳細(xì)的內(nèi)容介紹,具有一定的參考價(jià)值,需要的小伙伴可以參考一下2022-09-09
Android UI設(shè)計(jì)系列之自定義ViewGroup打造通用的關(guān)閉鍵盤小控件ImeObserverLayout(9)
這篇文章主要介紹了Android UI設(shè)計(jì)系列之自定義ViewGroup打造通用的關(guān)閉鍵盤小控件ImeObserverLayout,具有一定的實(shí)用性和參考價(jià)值,感興趣的小伙伴們可以參考一下2016-06-06
Android 屬性動(dòng)畫ValueAnimator與插值器詳解
這篇文章主要介紹了Android 屬性動(dòng)畫ValueAnimator與插值器詳解的相關(guān)資料,需要的朋友可以參考下2017-05-05
Android自定義收音機(jī)搜臺(tái)控件RadioRulerView
這篇文章主要為大家詳細(xì)介紹了Android自定義收音機(jī)搜臺(tái)控件RadioRulerView的相關(guān)代碼,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2017-04-04

