Android缩放和旋转图像视图

Question

谁能告诉我在捏合时同时支持缩放和旋转功能的图像视图示例。

我找不到。

Answer 1

查看 Chris Banes 的 photoview 库。

用法：

这里提供了一个示例，展示了如何以更高级的方式使用该库，但为了完整起见，以下是使 PhotoView 正常工作所需的全部内容：

<com.github.chrisbanes.photoview.PhotoView
    android:id="@+id/photo_view"
    android:layout_width="match_parent"
    android:layout_height="match_parent"/>
PhotoView photoView = (PhotoView) findViewById(R.id.photo_view);
photoView.setImageResource(R.drawable.image);

就是这样！

提供了几种方法，例如用于旋转的photo.setRotationBy(10); 和用于缩放的mPhotoView.setScaleType(ImageView.ScaleType.CENTER);。示例中的更多示例包括：

        public boolean onMenuItemClick(MenuItem item) { // Line 71
            switch (item.getItemId()) {
                case R.id.menu_zoom_toggle:
                    mPhotoView.setZoomable(!mPhotoView.isZoomable());
                    item.setTitle(mPhotoView.isZoomable() ? R.string.menu_zoom_disable : R.string.menu_zoom_enable);
                    return true;

                case R.id.menu_scale_fit_center:
                    mPhotoView.setScaleType(ImageView.ScaleType.CENTER);
                    return true;

                case R.id.menu_scale_fit_start:
                    mPhotoView.setScaleType(ImageView.ScaleType.FIT_START);
                    return true;

                case R.id.menu_scale_fit_end:
                    mPhotoView.setScaleType(ImageView.ScaleType.FIT_END);
                    return true;

                case R.id.menu_scale_fit_xy:
                    mPhotoView.setScaleType(ImageView.ScaleType.FIT_XY);
                    return true;

                case R.id.menu_scale_scale_center:
                    mPhotoView.setScaleType(ImageView.ScaleType.CENTER);
                    return true;

                case R.id.menu_scale_scale_center_crop:
                    mPhotoView.setScaleType(ImageView.ScaleType.CENTER_CROP);
                    return true;

                case R.id.menu_scale_scale_center_inside:
                    mPhotoView.setScaleType(ImageView.ScaleType.CENTER_INSIDE);
                    return true;

                case R.id.menu_scale_random_animate:
                case R.id.menu_scale_random:
                    Random r = new Random();

                    float minScale = mPhotoView.getMinimumScale();
                    float maxScale = mPhotoView.getMaximumScale();
                    float randomScale = minScale + (r.nextFloat() * (maxScale - minScale));
                    mPhotoView.setScale(randomScale, item.getItemId() == R.id.menu_scale_random_animate);

                    showToast(String.format(SCALE_TOAST_STRING, randomScale));

                    return true;
                case R.id.menu_matrix_restore:
                    if (mCurrentDisplayMatrix == null)
                        showToast("You need to capture display matrix first");
                    else
                        mPhotoView.setDisplayMatrix(mCurrentDisplayMatrix);
                    return true;
                case R.id.menu_matrix_capture:
                    mCurrentDisplayMatrix = new Matrix();
                    mPhotoView.getDisplayMatrix(mCurrentDisplayMatrix);
                    return true;
            }
            return false;
        }
    });

和

        public boolean onMenuItemClick(MenuItem item) {
            switch (item.getItemId()) {
                case R.id.action_rotate_10_right:
                    photo.setRotationBy(10);
                    return true;
                case R.id.action_rotate_10_left:
                    photo.setRotationBy(-10);
                    return true;
                case R.id.action_toggle_automatic_rotation:
                    toggleRotation();
                    return true;
                case R.id.action_reset_to_0:
                    photo.setRotationTo(0);
                    return true;
                case R.id.action_reset_to_90:
                    photo.setRotationTo(90);
                    return true;
                case R.id.action_reset_to_180:
                    photo.setRotationTo(180);
                    return true;
                case R.id.action_reset_to_270:
                    photo.setRotationTo(270);
                    return true;
            }
            return false;
        }

你可以看到所有的样本here。