이미지의 확대 / 축소 기능을 얻으려면 어떻게해야합니까?


204

큰 이미지를 표시하고 사용자가 이미지를 확대 및 축소하고 이동하는 일반적인 방법이 있습니까?

지금까지 두 가지 방법을 찾았습니다.

  1. ImageView를 덮어 쓰면 일반적인 문제에 비해 너무 많은 것 같습니다.
  2. 웹보기를 사용하지만 전체 레이아웃을 덜 제어합니다.

줌 제어 (위젯)가 있으며 OnTouch 이벤트를 듣고 패닝을 처리 할 수 ​​있습니다.
tobrien

1
비슷한 질문 stackoverflow.com/questions/2537396/… 이 튜토리얼과 dev.org/…에 대한 링크가 있습니다. iamge를 패닝하는 것이 유용하다는 것을 알 수 있습니다. 나는 그것을 자세히 읽지 않았지만 줌 기능을 수행하는 방법에 대한 아이디어를 줄 수도 있습니다.
Steve Haley

확대 / 축소 할 때 이미지를 저장하려고 한 사람이 있습니까? 저장된 이미지를 확대 상태가 아닌 기본 상태로 설정하고 싶습니다. 내 질문을 참조하십시오 : stackoverflow.com/questions/24730793/… 감사합니다
Blaze Tama

답변:


208

최신 정보

TouchImageView에 새로운 업데이트를 제공했습니다. 이제 패닝 및 핀치 줌 외에 더블 탭 줌 및 플링이 포함됩니다. 아래 코드는 매우 날짜가 있습니다. github 프로젝트를 확인할 수 있습니다 최신 코드를 얻을 수 있습니다.

용법

TouchImageView.java를 프로젝트에 배치하십시오. 그런 다음 ImageView와 동일하게 사용할 수 있습니다. 예:

TouchImageView img = (TouchImageView) findViewById(R.id.img);

xml에서 TouchImageView를 사용하는 경우 전체 패키지 이름이 사용자 정의보기이므로 전체 패키지 이름을 제공해야합니다. 예:

<com.example.touch.TouchImageView
    android:id="@+id/img”
    android:layout_width="match_parent"
    android:layout_height="match_parent" />

참고 : 이전 답변을 제거했습니다.이 코드에는 아주 오래된 코드가 포함되어 있으며 github에서 가장 업데이트 된 코드로 바로 연결됩니다.

ViewPager

TouchImageView를 ViewPager에 넣는 데 관심이 있다면 이 답변을 참조하십시오.


4
Paulo, 성능 문제가 발생하지 않았지만 태블릿에서 테스트를받지 못했습니다. 천천히, 게으름을 의미합니까? onScale 시작시 최대 줌 배율 1.05를 설정했습니다. 이것이 당신이 말하는 것입니까? 그렇지 않은 경우 다음을 시도하십시오. 1. 디버그 모드에 있습니까? 이것은 상당히 느려질 것입니다. 2. 어떤 크기의 이미지를 설정하고 있습니까? 매우 큰 (8mp) 이미지로는 테스트하지 않았지만 속도가 느려질 수 있습니다. 3. 테스트 할 수있는 전화가 있습니까? 4. 다른 모든 방법이 실패하면 mScaleFactor에 2 (> 1 인 경우) 또는 0.5 (<1 인 경우)를 곱하면 상황에 도움이되는지 확인하십시오.
Mike Ortiz

3
@Ahsan View 생성자를 다음으로 변경 : TouchImageView(Context context, AttributeSet attrs)및 호출 super(context, attrs);이것은 사용자 정의 뷰를 부 풀릴 때 하나가 아닌 두 개의 매개 변수로 구성되기 때문입니다. 문제를 해결하면 TouchImageView를 수정하여 세 개의 뷰 생성자와 드로어 블을 지원합니다.
Mike Ortiz

2
@Ahsan 사용자 정의보기이므로 XML 파일에 전체 이름 (예 :)을 작성해야합니다 <com.example.TouchImageView android:id="@+id/img" />. 네가 했니?
Mike Ortiz

1
이것은 훌륭한 물건이며, 오랫동안 이것을 찾고있었습니다. github의 코드는 최신 버전이므로 더 잘 작동합니다.
Alex

2
@이 코드를 시도했지만 사용자 정의 갤러리가 작동하지 않습니다. 이 문제에 대한 트릭 작업이 있습니까?
Umesh

80

멀티 터치 (> 2.1)를 지원하는 TouchImageView를 만들기 위해 일부 코드를 수정했습니다. 그것은 Hello, Android 라는 책에서 영감을 얻었습니다 . (제 3 판)

다음 3 개의 파일에 포함되어 있습니다. TouchImageView.java WrapMotionEvent.java EclairMotionEvent.java

TouchImageView.java

import se.robertfoss.ChanImageBrowser.Viewer;
import android.content.Context;
import android.graphics.Bitmap;
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.widget.ImageView;

public class TouchImageView extends ImageView {

    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;

    Context context;


    public TouchImageView(Context context) {
        super(context);
        super.setClickable(true);
        this.context = context;

        matrix.setTranslate(1f, 1f);
        setImageMatrix(matrix);
        setScaleType(ScaleType.MATRIX);

        setOnTouchListener(new OnTouchListener() {

            @Override
            public boolean onTouch(View v, MotionEvent rawEvent) {
                WrapMotionEvent event = WrapMotionEvent.wrap(rawEvent);

                // Dump touch event to log
                if (Viewer.isDebug == true){
                    dumpEvent(event);
                }

                // Handle touch events here...
                switch (event.getAction() & MotionEvent.ACTION_MASK) {
                case MotionEvent.ACTION_DOWN:
                    savedMatrix.set(matrix);
                    start.set(event.getX(), event.getY());
                    Log.d(TAG, "mode=DRAG");
                    mode = DRAG;
                    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:
                    int xDiff = (int) Math.abs(event.getX() - start.x);
                    int yDiff = (int) Math.abs(event.getY() - start.y);
                    if (xDiff < 8 && yDiff < 8){
                        performClick();
                    }
                case MotionEvent.ACTION_POINTER_UP:
                    mode = NONE;
                    Log.d(TAG, "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);
                        Log.d(TAG, "newDist=" + newDist);
                        if (newDist > 10f) {
                            matrix.set(savedMatrix);
                            float scale = newDist / oldDist;
                            matrix.postScale(scale, scale, mid.x, mid.y);
                        }
                    }
                    break;
                }

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

        });
    }


    public void setImage(Bitmap bm, int displayWidth, int displayHeight) { 
        super.setImageBitmap(bm);

        //Fit to screen.
        float scale;
        if ((displayHeight / bm.getHeight()) >= (displayWidth / bm.getWidth())){
            scale =  (float)displayWidth / (float)bm.getWidth();
        } else {
            scale = (float)displayHeight / (float)bm.getHeight();
        }

        savedMatrix.set(matrix);
        matrix.set(savedMatrix);
        matrix.postScale(scale, scale, mid.x, mid.y);
        setImageMatrix(matrix);


        // Center the image
        float redundantYSpace = (float)displayHeight - (scale * (float)bm.getHeight()) ;
        float redundantXSpace = (float)displayWidth - (scale * (float)bm.getWidth());

        redundantYSpace /= (float)2;
        redundantXSpace /= (float)2;


        savedMatrix.set(matrix);
        matrix.set(savedMatrix);
        matrix.postTranslate(redundantXSpace, redundantYSpace);
        setImageMatrix(matrix);
    }


    /** Show an event in the LogCat view, for debugging */
    private void dumpEvent(WrapMotionEvent 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());
    }

    /** Determine the space between the first two fingers */
    private float spacing(WrapMotionEvent event) {
        // ...
        float x = event.getX(0) - event.getX(1);
        float y = event.getY(0) - event.getY(1);
        return FloatMath.sqrt(x * x + y * y);
    }

    /** Calculate the mid point of the first two fingers */
    private void midPoint(PointF point, WrapMotionEvent event) {
        // ...
        float x = event.getX(0) + event.getX(1);
        float y = event.getY(0) + event.getY(1);
        point.set(x / 2, y / 2);
    }
}

WrapMotionEvent.java

import android.view.MotionEvent;

public class WrapMotionEvent {
protected MotionEvent event;




    protected WrapMotionEvent(MotionEvent event) {
        this.event = event;
    }

    static public WrapMotionEvent wrap(MotionEvent event) {
            try {
                return new EclairMotionEvent(event);
            } catch (VerifyError e) {
                return new WrapMotionEvent(event);
            }
    }



    public int getAction() {
            return event.getAction();
    }

    public float getX() {
            return event.getX();
    }

    public float getX(int pointerIndex) {
            verifyPointerIndex(pointerIndex);
            return getX();
    }

    public float getY() {
            return event.getY();
    }

    public float getY(int pointerIndex) {
            verifyPointerIndex(pointerIndex);
            return getY();
    }

    public int getPointerCount() {
            return 1;
    }

    public int getPointerId(int pointerIndex) {
            verifyPointerIndex(pointerIndex);
            return 0;
    }

    private void verifyPointerIndex(int pointerIndex) {
            if (pointerIndex > 0) {
                throw new IllegalArgumentException(
                    "Invalid pointer index for Donut/Cupcake");
            }
    }

}

EclairMotionEvent.java

import android.view.MotionEvent;

public class EclairMotionEvent extends WrapMotionEvent {

    protected EclairMotionEvent(MotionEvent event) {
            super(event);
    }

    public float getX(int pointerIndex) {
            return event.getX(pointerIndex);
    }

    public float getY(int pointerIndex) {
            return event.getY(pointerIndex);
    }

    public int getPointerCount() {
            return event.getPointerCount();
    }

    public int getPointerId(int pointerIndex) {
            return event.getPointerId(pointerIndex);
    }
}

이 경계 판사를 추가하면 로버트 포스, 그것은 더 잘 당신에게 당신의 코드를 그랬는지 떨어졌다 수 있습니다
pengwang

3
그것은 작동,하지만 난에 지점을 볼 수 없습니다 WrapMotionEvent그리고 EclairMotionEvent어쨌든 ... +1을.
Cipi

2
그것을 지원하는 전화를위한 멀티 터치. 안드로이드 <2.0에 대한 정기적 인 접촉
Robert Foss

좋은 예이지만 잘 작동하지만 if (Viewer.isDebug == true) {Viewer에있는 것을 얻지 못했습니다. {dumpEvent (event); }
Tofeeq Ahmad

2
이게 뭐야? >> se.robertfoss.ChanImageBrowser.Viewer
emeraldhieu

60

WebView를 사용하고 메모리를 통해 이미지를로드했습니다.

webview.loadUrl("file://...")

WebView는 모든 패닝 확대 / 축소 및 스크롤을 처리합니다. wrap_content를 사용하면 webview가 이미지보다 크지 않고 흰색 영역이 표시되지 않습니다. WebView가 더 나은 ImageView입니다.)


5
나는 같은 접근법을 사용하고 있습니다. 사용자가 확대 / 축소하고 스크롤 할 수있는 큰 지하철지도가 있습니다. 매우 큰 이미지 (예 : 1000 또는 3000 픽셀)를 사용하면 확대 한 후에 이미지가 흐려집니다. coliris는 큰 확대 이미지를 매우 선명하게 표시 할 수없는 것 같습니다. 원본 이미지는 압축되지 않고 매우 선명합니다. 따라서 큰 이미지 하나를 작은 조각으로 자르고 HTML을 통해 다시 모았습니다. 이미지 숙박 날카로운에서 줌이 방법은 (내가 넥서스 원, 2.2 지금 전 2.1update와에있어).
마티아스 Conradt

@Mathias Lin : 큰 이미지가 와이어를 통해 전송되면, 캐리어가 큰 이미지를 압축 한다고 들었습니다 . 이 유스 케이스가 적합하거나 이미지를 로컬로로드 했습니까?
사무엘

@Sam 퀘스트 : 로컬로드
마티아스 Conradt

4
webview에 내장 된 확대 / 축소 버튼을 사용하고 다른 전화기와 향후 안드로이드 플랫폼 릴리스에서 작동하지 않을 수있는 완전히 새로운 알고리즘을 작성하는 것보다 확대 / 축소를 지원합니다.
sami

2
이 솔루션은 이미지를 디스크에 두거나 이미지가 64 인코딩을 기본으로하고 문자열 값을 loadUrlWithData ()에 전달할 수있을 정도로 작을 경우에만 적용 할 수 있습니다.
Jeffrey Blattman

7

Janusz의 원래 질문에 대한 답변으로, 난이도가 다양하고 아래에 언급되어있는 여러 가지 방법이 있습니다. 웹보기를 사용하는 것이 좋지만 모양과 느낌 및 제어 가능성 측면에서 매우 제한적입니다. 캔버스에서 비트 맵을 그리는 경우 제안 된 가장 다양한 솔루션은 MikeOrtiz, Robert Foss 및 / 또는 Jacob Nordfalk가 제안한 것 같습니다. PaulBourke 의 android-multitouch-controller를 통합하는 좋은 예가 있습니다. 있으며 멀티 터치 지원 및 모든 유형의 사용자 정의보기를 갖는 데 적합합니다.

개인적으로 간단히 비트 맵으로 캔버스를 그린 다음 ImageView 내부에 캔버스를 표시하고 멀티 터치를 사용하여 확대하고 이동하려면 MikeOrtiz의 솔루션이 가장 쉬운 것으로 나타났습니다. 그러나 내 목적으로 그가 제공 한 Git 의 코드는 TouchImageView 사용자 정의 ImageView 클래스가 유일한 자식이거나 레이아웃 매개 변수를 다음과 같은 경우에만 작동하는 것 같습니다.

android:layout_height="match_parent"
android:layout_height="match_parent"

불행히도 레이아웃 디자인으로 인해 "layout_height"에 "wrap_content"가 필요했습니다. 이 이미지를 변경하면 이미지가 아래쪽에서 잘려서 잘린 영역으로 스크롤하거나 확대 할 수 없습니다. 그래서 안드로이드가 어떻게 "onMeasure"를 구현하고 MikeOrtiz를 적합하게 변경했는지 알아보기 위해 ImageView 의 소스 를 살펴 보았습니다.

   @Override
protected void onMeasure (int widthMeasureSpec, int heightMeasureSpec)
{
    super.onMeasure(widthMeasureSpec, heightMeasureSpec);

  //**** ADDED THIS ********/////
      int  w = (int) bmWidth;
      int  h = (int) bmHeight;
     width = resolveSize(w, widthMeasureSpec);  
     height = resolveSize(h, heightMeasureSpec);
  //**** END ********///   

   // width = MeasureSpec.getSize(widthMeasureSpec);   // REMOVED
   // height = MeasureSpec.getSize(heightMeasureSpec); // REMOVED

    //Fit to screen.
    float scale;
    float scaleX =  (float)width / (float)bmWidth;
    float scaleY = (float)height / (float)bmHeight;

    scale = Math.min(scaleX, scaleY);
    matrix.setScale(scale, scale);
    setImageMatrix(matrix);
    saveScale = 1f;

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

    matrix.postTranslate(redundantXSpace, redundantYSpace);

    origWidth = width - 2 * redundantXSpace;
    origHeight = height - 2 * redundantYSpace;
   // origHeight = bmHeight;
    right = width * saveScale - width - (2 * redundantXSpace * saveScale);
    bottom = height * saveScale - height - (2 * redundantYSpace * saveScale);

    setImageMatrix(matrix);
}

여기서 resolveSize (int, int)는 "MeasureSpec에 의해 부과 된 제약 조건으로 원하는 크기를 조정하는 유틸리티입니다.

매개 변수 :

 - size How big the view wants to be
 - MeasureSpec Constraints imposed by the parent

보고:

 - The size this view should be."

따라서 기본적으로 이미지가로드 될 때 원래 ImageView 클래스와 조금 더 유사한 동작을 제공합니다. 종횡비를 수정하는 더 다양한 화면을 지원하기 위해 더 많은 변경이 이루어질 수 있습니다. 그러나 지금은 이것이 도움이되기를 바랍니다. 원래 코드와 훌륭한 작업에 대해 MikeOrtiz에게 감사드립니다.


이 수정 프로그램이 Mike의 github 저장소에 통합 되었습니까?
LarsH


6

방금 Robert Foss의 TouchImageView를 통합했습니다. 바로 사용할 수 있습니다! 감사!

방금 코드를 약간 수정하여 layout.xml에서 코드를 인스턴스화 할 수있었습니다.

두 개의 생성자를 추가하십시오.

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

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

이전 생성자를 init 메소드로 변환하십시오.

private void init(Context context){
    //...old code ofconstructor of Robert Moss's code
}

3

@Robert Foss, @Mike Ortiz, 작업 해 주셔서 감사합니다. 귀하의 작업을 병합하고 Mike 추가 작업으로 android> 2.0의 Robert 클래스를 완료했습니다.

내 작업의 결과로 ViewPager를 기반으로 Android Touch Gallery를 제시하고 수정 된 TouchImageView를 사용했습니다. URL로 이미지를로드하면 확대 / 축소 및 드래그 할 수 있습니다. https://github.com/Dreddik/AndroidTouchGallery에서 찾을 수 있습니다.



2

@ Mike의 답변에 추가하십시오. 또한 처음 볼 때 이미지를 원래 크기로 복원하려면 두 번 탭해야했습니다. 그래서 "orig ..."인스턴스 변수의 전체 힙을 추가하고 트릭을 수행 한 SimpleOnGestureListener를 추가했습니다.

import android.content.Context;
import android.graphics.Bitmap;
import android.graphics.Matrix;
import android.graphics.PointF;
import android.view.GestureDetector;
import android.view.MotionEvent;
import android.view.ScaleGestureDetector;
import android.view.View;
import android.widget.ImageView;

public class TouchImageView extends ImageView {

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

    float redundantXSpace, redundantYSpace, origRedundantXSpace, origRedundantYSpace;;

    float width, height;
    static final int CLICK = 3;
    static final float SAVE_SCALE = 1f;
    float saveScale = SAVE_SCALE;

    float right, bottom, origWidth, origHeight, bmWidth, bmHeight, origScale, origBottom,origRight;

    ScaleGestureDetector mScaleDetector;
    GestureDetector mGestureDetector;

    Context context;

    public TouchImageView(Context context) {
        super(context);
        super.setClickable(true);
        this.context = context;
        mScaleDetector = new ScaleGestureDetector(context, new ScaleListener());

        matrix.setTranslate(1f, 1f);
        m = new float[9];
        setImageMatrix(matrix);
        setScaleType(ScaleType.MATRIX);

        setOnTouchListener(new OnTouchListener() {

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

                boolean onDoubleTapEvent = mGestureDetector.onTouchEvent(event);
                if (onDoubleTapEvent) {
                    // Reset Image to original scale values
                    mode = NONE;
                    bottom = origBottom;
                    right = origRight;
                    last = new PointF();
                    start = new PointF();
                    m = new float[9];
                    saveScale = SAVE_SCALE;
                    matrix = new Matrix();
                    matrix.setScale(origScale, origScale);
                    matrix.postTranslate(origRedundantXSpace, origRedundantYSpace);
                    setImageMatrix(matrix);
                    invalidate();
                    return true;
                } 


                mScaleDetector.onTouchEvent(event);

                matrix.getValues(m);
                float x = m[Matrix.MTRANS_X];
                float y = m[Matrix.MTRANS_Y];
                PointF curr = new PointF(event.getX(), event.getY());

                switch (event.getAction()) {
                case MotionEvent.ACTION_DOWN:
                    last.set(event.getX(), event.getY());
                    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 scaleWidth = Math.round(origWidth * saveScale);
                        float scaleHeight = Math.round(origHeight * saveScale);
                        if (scaleWidth < width) {
                            deltaX = 0;
                            if (y + deltaY > 0)
                                deltaY = -y;
                            else if (y + deltaY < -bottom)
                                deltaY = -(y + bottom);
                        } else if (scaleHeight < height) {
                            deltaY = 0;
                            if (x + deltaX > 0)
                                deltaX = -x;
                            else if (x + deltaX < -right)
                                deltaX = -(x + right);
                        } else {
                            if (x + deltaX > 0)
                                deltaX = -x;
                            else if (x + deltaX < -right)
                                deltaX = -(x + right);

                            if (y + deltaY > 0)
                                deltaY = -y;
                            else if (y + deltaY < -bottom)
                                deltaY = -(y + bottom);
                        }
                        matrix.postTranslate(deltaX, deltaY);
                        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
            }

        });

        mGestureDetector = new GestureDetector(context, new GestureDetector.SimpleOnGestureListener() {
            @Override
            public boolean onDoubleTapEvent(MotionEvent e) {
                return true;
            }
        });
    }

    @Override
    public void setImageBitmap(Bitmap bm) {
        super.setImageBitmap(bm);
        bmWidth = bm.getWidth();
        bmHeight = bm.getHeight();
    }

    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 = (float) Math.min(
                    Math.max(.95f, detector.getScaleFactor()), 1.05);
            float origScale = saveScale;
            saveScale *= mScaleFactor;
            if (saveScale > maxScale) {
                saveScale = maxScale;
                mScaleFactor = maxScale / origScale;
            } else if (saveScale < minScale) {
                saveScale = minScale;
                mScaleFactor = minScale / origScale;
            }
            right = width * saveScale - width
                    - (2 * redundantXSpace * saveScale);
            bottom = height * saveScale - height
                    - (2 * redundantYSpace * saveScale);
            if (origWidth * saveScale <= width
                    || origHeight * saveScale <= height) {
                matrix.postScale(mScaleFactor, mScaleFactor, width / 2,
                        height / 2);
                if (mScaleFactor < 1) {
                    matrix.getValues(m);
                    float x = m[Matrix.MTRANS_X];
                    float y = m[Matrix.MTRANS_Y];
                    if (mScaleFactor < 1) {
                        if (Math.round(origWidth * saveScale) < width) {
                            if (y < -bottom)
                                matrix.postTranslate(0, -(y + bottom));
                            else if (y > 0)
                                matrix.postTranslate(0, -y);
                        } else {
                            if (x < -right)
                                matrix.postTranslate(-(x + right), 0);
                            else if (x > 0)
                                matrix.postTranslate(-x, 0);
                        }
                    }
                }
            } else {
                matrix.postScale(mScaleFactor, mScaleFactor,
                        detector.getFocusX(), detector.getFocusY());
                matrix.getValues(m);
                float x = m[Matrix.MTRANS_X];
                float y = m[Matrix.MTRANS_Y];
                if (mScaleFactor < 1) {
                    if (x < -right)
                        matrix.postTranslate(-(x + right), 0);
                    else if (x > 0)
                        matrix.postTranslate(-x, 0);
                    if (y < -bottom)
                        matrix.postTranslate(0, -(y + bottom));
                    else if (y > 0)
                        matrix.postTranslate(0, -y);
                }
            }
            return true;

        }
    }

    @Override
    protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
        super.onMeasure(widthMeasureSpec, heightMeasureSpec);
        width = MeasureSpec.getSize(widthMeasureSpec);
        height = MeasureSpec.getSize(heightMeasureSpec);
        // Fit to screen.
        float scale;
        float scaleX = (float) width / (float) bmWidth;
        float scaleY = (float) height / (float) bmHeight;
        scale = Math.min(scaleX, scaleY);
        matrix.setScale(scale, scale);
        setImageMatrix(matrix);
        saveScale = SAVE_SCALE;
        origScale = scale;

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

        origRedundantXSpace = redundantXSpace;
        origRedundantYSpace = redundantYSpace;

        matrix.postTranslate(redundantXSpace, redundantYSpace);

        origWidth = width - 2 * redundantXSpace;
        origHeight = height - 2 * redundantYSpace;
        right = width * saveScale - width - (2 * redundantXSpace * saveScale);
        bottom = height * saveScale - height
                - (2 * redundantYSpace * saveScale);
        origRight = right;
        origBottom = bottom;
        setImageMatrix(matrix);
    }

}

2

이것은이 스레드에 매우 늦은 추가 사항이지만 확대 / 축소 및 이동을 지원하고 다른 곳에서는 찾지 못한 몇 가지 기능이있는 이미지보기에서 작업하고 있습니다. 이는 OutOfMemoryError축소 할 때 이미지를 서브 샘플링하고 확대 할 때 고해상도 타일을로드 하여 s 를 유발하지 않고 매우 큰 이미지를 표시하는 방법으로 시작되었습니다 . 이제 ViewPager수동으로 회전하거나 EXIF ​​정보 (90 ° 정지)를 사용하여 회전, OnClickListener또는 자신의 GestureDetector또는을 사용하여 선택한 터치 이벤트를 재정의하고 OnTouchListener, 오버레이를 추가하기위한 서브 클래 싱, 확대 / 축소 중 이동 및 이동 모멘텀.

일반적인 대체 용도 ImageView가 아니며 확장하지 않으며 리소스, 자산 및 외부 파일의 이미지 표시를 지원하지 않습니다. SDK 10이 필요합니다.

소스는 GitHub에 있으며의 사용법을 보여주는 샘플이 있습니다 ViewPager.

https://github.com/davemorrissey/subsampling-scale-image-view


1

이것을 위해 LayoutParams를 사용해 볼 수 있습니다

public void zoom(boolean flag){
    if(flag){
        int width=40;
        int height=40;
    }
    else{
        int width=20;
        int height=20;
    }
    RelativeLayout.LayoutParams param=new RelativeLayout.LayoutParams(width,height); //use the parent layout of the ImageView;
    imageView.setLayoutParams(param); //imageView is the view which needs zooming.
}

줌인 = 줌 (true); 축소 = 확대 (거짓);


0
@Override
public void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.activity_main);
    imageDetail = (ImageView) findViewById(R.id.imageView1);
    imageDetail.setOnTouchListener(new View.OnTouchListener() {

        @Override
        public boolean onTouch(View v, MotionEvent event) {
            ImageView view = (ImageView) v;
            System.out.println("matrix=" + savedMatrix.toString());
            switch (event.getAction() & MotionEvent.ACTION_MASK) {
                case MotionEvent.ACTION_DOWN:
                    savedMatrix.set(matrix);
                    startPoint.set(event.getX(), event.getY());
                    mode = DRAG;
                    break;
                case MotionEvent.ACTION_POINTER_DOWN:
                    oldDist = spacing(event);
                    if (oldDist > 10f) {
                        savedMatrix.set(matrix);
                        midPoint(midPoint, event);
                        mode = ZOOM;
                    }
                    break;
                case MotionEvent.ACTION_UP:
                case MotionEvent.ACTION_POINTER_UP:
                    mode = NONE;
                    break;
                case MotionEvent.ACTION_MOVE:
                    if (mode == DRAG) {
                        matrix.set(savedMatrix);
                        matrix.postTranslate(event.getX() - startPoint.x, event.getY() - startPoint.y);
                    } else if (mode == ZOOM) {
                        float newDist = spacing(event);
                        if (newDist > 10f) {
                            matrix.set(savedMatrix);
                            float scale = newDist / oldDist;
                            matrix.postScale(scale, scale, midPoint.x, midPoint.y);
                        }
                    }
                    break;
            }
            view.setImageMatrix(matrix);
            return true;

        }

        @SuppressLint("FloatMath")
        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);
        }
    });
}

드로어 블 폴더에는 bticn 이미지 파일이 있어야합니다. 완벽하게 작동합니다 :)


0

아래와 같은 것이 그것을 할 것입니다.

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

    tap=tap2=drag=pinch=none;
    int mask=e.getActionMasked();
    posx=e.getX();posy=e.getY();

    float midx= img.getWidth()/2f;
    float midy=img.getHeight()/2f;
    int fingers=e.getPointerCount();

    switch(mask)
    {
        case MotionEvent.ACTION_POINTER_UP:
            tap2=1;break;

        case MotionEvent.ACTION_UP:
            tap=1;break;

        case MotionEvent.ACTION_MOVE:
            drag=1;
    }
    if(fingers==2){nowsp=Math.abs(e.getX(0)-e.getX(1));}
    if((fingers==2)&&(drag==0)){ tap2=1;tap=0;drag=0;}
    if((fingers==2)&&(drag==1)){ tap2=0;tap=0;drag=0;pinch=1;}

    if(pinch==1)

    {
        if(nowsp>oldsp)scale+=0.1;
        if(nowsp<oldsp)scale-=0.1;
        tap2=tap=drag=0;    
    }
    if(tap2==1)
        {
            scale-=0.1;
            tap=0;drag=0;
        }
    if(tap==1)
        {
            tap2=0;drag=0;
            scale+=0.1;
        }
    if(drag==1)
        {
            movx=posx-oldx;
            movy=posy-oldy;
            x+=movx;
            y+=movy;
            tap=0;tap2=0;
        }
    m.setTranslate(x,y);
    m.postScale(scale,scale,midx,midy);
    img.setImageMatrix(m);img.invalidate();
    tap=tap2=drag=none;
    oldx=posx;oldy=posy;
    oldsp=nowsp;
    return true;
}


public void onCreate(Bundle b)
{
        super.onCreate(b);

    img=new ImageView(this);
    img.setScaleType(ImageView.ScaleType.MATRIX);
    img.setOnTouchListener(this);

    path=Environment.getExternalStorageDirectory().getPath();   
    path=path+"/DCIM"+"/behala.jpg";
    byte[] bytes;
    bytes=null;
    try{
        FileInputStream fis;
        fis=new FileInputStream(path);
        BufferedInputStream bis;
        bis=new BufferedInputStream(fis);
        bytes=new byte[bis.available()];
        bis.read(bytes);
        if(bis!=null)bis.close();
        if(fis!=null)fis.close();

     }
    catch(Exception e)
        {
        ret="Nothing";
        }
    Bitmap bmp=BitmapFactory.decodeByteArray(bytes,0,bytes.length);

    img.setImageBitmap(bmp);

    setContentView(img);
}

전체 프로그램을 보려면 여기를 참조하십시오 : Android에서 이미지를 확대 / 축소하는 프로그램

당사 사이트를 사용함과 동시에 당사의 쿠키 정책개인정보 보호정책을 읽고 이해하였음을 인정하는 것으로 간주합니다.
Licensed under cc by-sa 3.0 with attribution required.