0

URLから(Universal Image Loaderライブラリを使用して)画像をダウンロードし、その画像をTouchImageView. Touch Image View を使用して、ピンチ ズーム機能を実装しました。このチュートリアルに従って、 TouchImageView の使用方法を学びました。

問題は、Universal Image Loader によってダウンロードされた画像を拡大し、別の画像を TouchImageView にロードするたびに、新しい画像が引き伸ばされて歪むことです。この問題は、ズームアウトしてから新しいイメージをロードすることにより、以前のズームされたイメージを元のサイズに復元すると解決されます。

そのため、ロードされた画像をズームアウトしてから新しい画像をロードすることで問題を解決できます。しかし、ズームをリセットする方法がわかりません。ライブラリはそのための機能を提供していません。

の最新バージョンTouchImageView(画像のリセット機能を含む)を使用してみましたが、新しいバージョンは互換性がなくUIL、チュートリアルは元のライブラリのコードの一部のみを使用しているようです(うまく動作します)。

ズームインをリセットする方法を知っている人はいますTouchImageViewか?

**強いテキスト**コード:

package com.hpubts50.hpubustracker;

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 = 8f;
    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();
    }

}

PhotoActivity.java

package com.hpubts50.hpubustracker;

import android.graphics.Bitmap;
import android.graphics.Matrix;
import android.graphics.Typeface;
import android.os.Bundle;
import android.support.v7.app.ActionBarActivity;
import android.view.Menu;
import android.view.MenuItem;
import android.view.View;
import android.view.View.OnClickListener;
import android.widget.Button;
import android.widget.ImageView;
import android.widget.ProgressBar;
import android.widget.TextView;
import android.widget.Toast;

import com.nostra13.universalimageloader.core.DisplayImageOptions;
import com.nostra13.universalimageloader.core.ImageLoader;
import com.nostra13.universalimageloader.core.ImageLoaderConfiguration;
import com.nostra13.universalimageloader.core.assist.DiscCacheUtil;
import com.nostra13.universalimageloader.core.assist.FailReason;
import com.nostra13.universalimageloader.core.assist.ImageLoadingListener;
import com.nostra13.universalimageloader.core.assist.ImageLoadingProgressListener;

public class PhotoActivity extends ActionBarActivity implements OnClickListener {

    private Button btn_insideView, btn_outsideView, btn_resetZoom;
    private ImageView img_busIcon;
    private TouchImageView img_pictureViewer;
    private TextView tv_busName, tv_busNo, tv_cameraStatus;
    private String BusID = null;
    private String BusName = null;
    private ImageLoaderConfiguration config;
    private ImageLoader imageLoader;
    private DisplayImageOptions options;
    private String url;
    private static String SERVER_PATH = "http://hpubts.hpuiitshimla.org/images/";
    private ProgressBar pb_loading;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_photo);

        // Initialize Views
        initializeViews();

        // Get BusID from Bundle
        Bundle gotPhotoBundle = getIntent().getExtras();
        BusID = gotPhotoBundle.getString("BusID");
        BusName = gotPhotoBundle.getString("BusName");

        // Setting Bus Information
        if (BusName.toLowerCase().equals("airavat")) {
            img_busIcon.setImageResource(R.drawable.airavat);
        } else if (BusName.toLowerCase().equals("alaknanda")) {
            img_busIcon.setImageResource(R.drawable.alaknanda);
        } else if (BusName.toLowerCase().equals("chaitanya")) {
            img_busIcon.setImageResource(R.drawable.chaitanya);
        } else if (BusName.toLowerCase().equals("garud")) {
            img_busIcon.setImageResource(R.drawable.garud);
        } else if (BusName.toLowerCase().equals("nandi")) {
            img_busIcon.setImageResource(R.drawable.nandi);
        } else if (BusName.toLowerCase().equals("neela")) {
            img_busIcon.setImageResource(R.drawable.neela);
        } else if (BusName.toLowerCase().equals("pushpak")) {
            img_busIcon.setImageResource(R.drawable.pushpak);
        }

        tv_busName.setText(BusName);
        tv_busNo.setText(BusID);
        tv_cameraStatus.setText("Back Cam");

        // Photo Loading Initializing
        config = new ImageLoaderConfiguration.Builder(getApplicationContext()).build();
        ImageLoader.getInstance().init(config);
        imageLoader = ImageLoader.getInstance();
        options = new DisplayImageOptions.Builder().resetViewBeforeLoading(true).cacheOnDisc(true).showImageOnFail(R.drawable.ic_action_warning).build();

        // Start Back Photo Download
        pb_loading.setProgress(0);
        pb_loading.setVisibility(View.VISIBLE);
        startPhotoDownload(img_pictureViewer, SERVER_PATH + BusID + "_back.jpg");

    }

    private void initializeViews() {
        btn_insideView = (Button) findViewById(R.id.btn_insideView);
        btn_outsideView = (Button) findViewById(R.id.btn_outsideView);
        btn_resetZoom = (Button) findViewById(R.id.btn_resetZoom);
        tv_busName = (TextView) findViewById(R.id.txt_busname);
        tv_busNo = (TextView) findViewById(R.id.txt_busno);
        tv_cameraStatus = (TextView) findViewById(R.id.txt_camera_status);
        img_pictureViewer = (TouchImageView) findViewById(R.id.img_photoViewer);
        img_busIcon = (ImageView) findViewById(R.id.img_busicon);
        pb_loading = (ProgressBar) findViewById(R.id.pb_loading);

        btn_insideView.setOnClickListener(this);
        btn_outsideView.setOnClickListener(this);
        btn_resetZoom.setOnClickListener(this);

        // Set Font Type
        setTypeface(btn_insideView);
        setTypeface(btn_outsideView);
        setTypeface(btn_resetZoom);
        setTypeface(tv_busName);
        setTypeface(tv_busNo);
        setTypeface(tv_cameraStatus);
    }

    @Override
    public boolean onCreateOptionsMenu(Menu menu) {

        // Inflate the menu; this adds items to the action bar if it is present.
        getMenuInflater().inflate(R.menu.photo, menu);
        return true;
    }

    @Override
    public boolean onOptionsItemSelected(MenuItem item) {
        int id = item.getItemId();
        if (id == R.id.action_settings) {
            return true;
        }
        return super.onOptionsItemSelected(item);
    }

    @Override
    public void onClick(View v) {
        switch (v.getId()) {
        case R.id.btn_insideView:
            url = SERVER_PATH + BusID + "_front.jpg";
            tv_cameraStatus.setText("Front Cam");
            break;
        case R.id.btn_outsideView:
            url = SERVER_PATH + BusID + "_back.jpg";
            tv_cameraStatus.setText("Back Cam");
            break;
        case R.id.btn_resetZoom:

            break;
        }
        // img_pictureViewer
        pb_loading.setProgress(0);
        pb_loading.setVisibility(View.VISIBLE);
        startPhotoDownload(img_pictureViewer, url);
    }

    private void startPhotoDownload(ImageView img_Viewer, String completeUrl) {
        imageLoader.displayImage(completeUrl, img_Viewer, options, new ImageLoadingListener() {
            @Override
            public void onLoadingStarted(String imageUri, View view) {
                DiscCacheUtil.removeFromCache(imageUri, ImageLoader.getInstance().getDiscCache());
            }

            @Override
            public void onLoadingFailed(String imageUri, View view, FailReason failReason) {
                pb_loading.setVisibility(View.INVISIBLE);
                Toast.makeText(getApplicationContext(), "Image Loading Failed", Toast.LENGTH_SHORT).show();
            }

            @Override
            public void onLoadingComplete(String imageUri, View view, Bitmap loadedImage) {
                pb_loading.setVisibility(View.INVISIBLE);
            }

            @Override
            public void onLoadingCancelled(String imageUri, View view) {

            }
        }, new ImageLoadingProgressListener() {
            @Override
            public void onProgressUpdate(String imageUri, View view, int current, int total) {
                pb_loading.setMax(total);
                pb_loading.setProgress(current);
            }
        });
    }

    // Method to set Font Type to Compact
    private void setTypeface(TextView textView) {
        Typeface custom_font = Typeface.createFromAsset(getAssets(), "fonts/compact.ttf");
        textView.setTypeface(custom_font);
    }

    private void setTypeface(Button button) {
        Typeface custom_font = Typeface.createFromAsset(getAssets(), "fonts/compact.ttf");
        button.setTypeface(custom_font);
    }

}
4

1 に答える 1

4

次のように、 というメソッドを追加しresetZoom()ます。

public void resetZoom()
{
    matrix = new Matrix();
    setImageMatrix(matrix);
}
于 2014-06-01T18:16:56.123 に答える