2011-01-31 3 views
1

Я пытаюсь реализовать функцию масштабирования в ImageView, похожую на встроенное приложение Photos на iOS (у меня нет физического устройства для Android, чтобы сделать более подходящую аналогию). У Pinch-to-zoom было бы неплохо иметь, но масштабирование с двойным нажатием является существенным.Дважды нажмите, чтобы увеличить ImageView

Я пробовал пример кода (например, http://android-journey.blogspot.com/2010/01/android-gestures.html), но это по какой-то причине не работает; ни один из обработчиков событий не загорается (я могу опустить что-то простое?).

Может кто-нибудь указать мне в правильном направлении?

Для устранения неполадок, я использовал образец кода немодифицированной из приведенной выше ссылке, на Android 2.3 эмулятор в приложении с Android: minSdkVersion = 7 и следующий макет:

<?xml version="1.0" encoding="utf-8"?> 
<ImageView 
xmlns:android="http://schemas.android.com/apk/res/android" 
    android:layout_width="fill_parent" 
    android:layout_height="fill_parent" 
    android:src="@drawable/android" 
    android:id="@+id/image" 
    /> 
+0

??? эти ответы не помогают. – Adam

ответ

0

В зависимости от требований приложения, вы можете захотеть включить загрузку изображения в веб-просмотр. У этого есть все функциональные возможности браузера (щепотка, чтобы увеличить, если доступно, дважды нажмите, чтобы увеличить, наложенные кнопки для увеличения/уменьшения. Вам просто нужно загрузить html с тегом, ссылающимся на изображение на телефоне.

+0

Это работает достаточно хорошо. Связанный вопрос: Как я могу найти размер экрана (минус хром)? Я загружаю изображение из URL-адреса; размер возвращаемого изображения указан в качестве параметров в URL-адресе. (И я не могу просто использовать WebViewObj.width() и height(), потому что они равны 0 во время работы onCreate()). – Adam

+0

Я не уверен, что вы имеете в виду. Зачем вам устанавливать размер? Если вы вытаскиваете его из Интернета, не устанавливая атрибуты , он должен просто отображать 1: 1. – runor49

+0

Изображения генерируются сервером. Два из переданных параметров (среди нескольких других) в URL-адресе - это ширина и высота создаваемого изображения. Я хотел бы установить их так, чтобы по умолчанию изображение заполняло экран без прокрутки. – Adam

2

Здесь я объяснил и написал код для увеличения, но не на двойном нажатии, его масштабирование с помощью охватывающего изображения, попробуйте это, Он работал для меня:

package com.example.myapp 

import android.content.Context; 
import android.graphics.Matrix; 
import android.graphics.PointF; 
import android.graphics.drawable.Drawable; 
import android.util.AttributeSet; 
import android.util.Log; 
import android.view.MotionEvent; 
import android.view.ScaleGestureDetector; 
import android.view.View; 
import android.widget.ImageView; 

public class TouchImageView extends ImageView { 

Matrix 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 last = new PointF(); 
PointF start = new PointF(); 
float minScale = 1f; 
float maxScale = 3f; 
float[] m; 

int viewWidth, viewHeight; 
static final int CLICK = 3; 
float saveScale = 1f; 
protected float origWidth, origHeight; 
int oldMeasuredWidth, oldMeasuredHeight; 

ScaleGestureDetector mScaleDetector; 

Context context; 

public TouchImageView(Context context) { 
    super(context); 
    sharedConstructing(context); 
} 

public TouchImageView(Context context, AttributeSet attrs) { 
    super(context, attrs); 
    sharedConstructing(context); 
} 

private void sharedConstructing(Context context) { 
    super.setClickable(true); 
    this.context = context; 
    mScaleDetector = new ScaleGestureDetector(context, new ScaleListener()); 
    matrix = new Matrix(); 
    m = new float[9]; 
    setImageMatrix(matrix); 
    setScaleType(ScaleType.MATRIX); 

    setOnTouchListener(new OnTouchListener() { 

     @Override 
     public boolean onTouch(View v, MotionEvent event) { 
      mScaleDetector.onTouchEvent(event); 
      PointF curr = new PointF(event.getX(), event.getY()); 

      switch (event.getAction()) { 
       case MotionEvent.ACTION_DOWN: 
        last.set(curr); 
        start.set(last); 
        mode = DRAG; 
        break; 

       case MotionEvent.ACTION_MOVE: 
        if (mode == DRAG) { 
         float deltaX = curr.x - last.x; 
         float deltaY = curr.y - last.y; 
         float fixTransX = getFixDragTrans(deltaX, viewWidth, origWidth * saveScale); 
         float fixTransY = getFixDragTrans(deltaY, viewHeight, origHeight * saveScale); 
         matrix.postTranslate(fixTransX, fixTransY); 
         fixTrans(); 
         last.set(curr.x, curr.y); 
        } 
        break; 

       case MotionEvent.ACTION_UP: 
        mode = NONE; 
        int xDiff = (int) Math.abs(curr.x - start.x); 
        int yDiff = (int) Math.abs(curr.y - start.y); 
        if (xDiff < CLICK && yDiff < CLICK) 
         performClick(); 
        break; 

       case MotionEvent.ACTION_POINTER_UP: 
        mode = NONE; 
        break; 
      } 

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

    }); 
} 

public void setMaxZoom(float x) { 
    maxScale = x; 
} 

private class ScaleListener extends ScaleGestureDetector.SimpleOnScaleGestureListener { 
    @Override 
    public boolean onScaleBegin(ScaleGestureDetector detector) { 
     mode = ZOOM; 
     return true; 
    } 

    @Override 
    public boolean onScale(ScaleGestureDetector detector) { 
     float mScaleFactor = detector.getScaleFactor(); 
     float origScale = saveScale; 
     saveScale *= mScaleFactor; 
     if (saveScale > maxScale) { 
      saveScale = maxScale; 
      mScaleFactor = maxScale/origScale; 
     } else if (saveScale < minScale) { 
      saveScale = minScale; 
      mScaleFactor = minScale/origScale; 
     } 

     if (origWidth * saveScale <= viewWidth || origHeight * saveScale <= viewHeight) 
      matrix.postScale(mScaleFactor, mScaleFactor, viewWidth/2, viewHeight/2); 
     else 
      matrix.postScale(mScaleFactor, mScaleFactor, detector.getFocusX(), detector.getFocusY()); 

     fixTrans(); 
     return true; 
    } 
} 

void fixTrans() { 
    matrix.getValues(m); 
    float transX = m[Matrix.MTRANS_X]; 
    float transY = m[Matrix.MTRANS_Y]; 

    float fixTransX = getFixTrans(transX, viewWidth, origWidth * saveScale); 
    float fixTransY = getFixTrans(transY, viewHeight, origHeight * saveScale); 

    if (fixTransX != 0 || fixTransY != 0) 
     matrix.postTranslate(fixTransX, fixTransY); 
} 

float getFixTrans(float trans, float viewSize, float contentSize) { 
    float minTrans, maxTrans; 

    if (contentSize <= viewSize) { 
     minTrans = 0; 
     maxTrans = viewSize - contentSize; 
    } else { 
     minTrans = viewSize - contentSize; 
     maxTrans = 0; 
    } 

    if (trans < minTrans) 
     return -trans + minTrans; 
    if (trans > maxTrans) 
     return -trans + maxTrans; 
    return 0; 
} 

float getFixDragTrans(float delta, float viewSize, float contentSize) { 
    if (contentSize <= viewSize) { 
     return 0; 
    } 
    return delta; 
} 

@Override 
protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) { 
    super.onMeasure(widthMeasureSpec, heightMeasureSpec); 
    viewWidth = MeasureSpec.getSize(widthMeasureSpec); 
    viewHeight = MeasureSpec.getSize(heightMeasureSpec); 

    // 
    // Rescales image on rotation 
    // 
    if (oldMeasuredHeight == viewWidth && oldMeasuredHeight == viewHeight 
      || viewWidth == 0 || viewHeight == 0) 
     return; 
    oldMeasuredHeight = viewHeight; 
    oldMeasuredWidth = viewWidth; 

    if (saveScale == 1) { 
     //Fit to screen. 
     float scale; 

     Drawable drawable = getDrawable(); 
     if (drawable == null || drawable.getIntrinsicWidth() == 0 || drawable.getIntrinsicHeight() == 0) 
      return; 
     int bmWidth = drawable.getIntrinsicWidth(); 
     int bmHeight = drawable.getIntrinsicHeight(); 

     Log.d("bmSize", "bmWidth: " + bmWidth + " bmHeight : " + bmHeight); 

     float scaleX = (float) viewWidth/(float) bmWidth; 
     float scaleY = (float) viewHeight/(float) bmHeight; 
     scale = Math.min(scaleX, scaleY); 
     matrix.setScale(scale, scale); 

     // Center the image 
     float redundantYSpace = (float) viewHeight - (scale * (float) bmHeight); 
     float redundantXSpace = (float) viewWidth - (scale * (float) bmWidth); 
     redundantYSpace /= (float) 2; 
     redundantXSpace /= (float) 2; 

     matrix.postTranslate(redundantXSpace, redundantYSpace); 

     origWidth = viewWidth - 2 * redundantXSpace; 
     origHeight = viewHeight - 2 * redundantYSpace; 
     setImageMatrix(matrix); 
    } 
    fixTrans(); 
} 

}

Это класс для изменения масштаба: Теперь в файле activity_main.xml замените свой ImageView на это имя класса следующим именем:

<ImageView 
    xmlns:android="http://schemas.android.com/apk/res/android" 
    android:layout_width="fill_parent" 
    android:layout_height="fill_parent" 
    android:src="@drawable/android" 
    android:id="@+id/image"/> 

с

<com.example.myapp.TouchImageView 
    xmlns:android="http://schemas.android.com/apk/res/android" 
    android:layout_width="fill_parent" 
    android:layout_height="fill_parent" 
    android:src="@drawable/android" 
    android:id="@+id/image"/> 

В вашем MainActivity:

TouchImageView fullImageView = (TouchImageView)findViewById(R.id.image); 
fullImageView.setMaxZoom(4f); 

Вот так. :)

+0

, если вы написали это самостоятельно, вы также можете легко добавить doubleTap – temirbek

Смежные вопросы