Android画面缩放到右上角,如何在Android中实现图像视图的缩放效果？

如何在Android中实现图像视图的缩放效果？

我必须实现图像缩放，我尝试了很多代码。但是我没有完全了解手势事件。 我想在应用双击时实现，图像将根据触摸位置(事件x和y)进行缩放。此时我仅实现缩放而无需平移。有人可以建议我吗？

编辑：     实际上我已经实现了带有图像的取景器，如果我尝试应用平移和缩放效果，有时图像会被更改。我想为用户单击的位置实现缩放效果。

给我一些想法...

9个解决方案

60 votes

懒人可以使用此lib，只需将其导入项目中

ImageView mImageView;

PhotoViewAttacher mAttacher;

@Override

public void onCreate(Bundle savedInstanceState) {

super.onCreate(savedInstanceState);

setContentView(R.layout.activity_main);

// Any implementation of ImageView can be used!

mImageView = (ImageView) findViewById(R.id.iv_photo);

// Set the Drawable displayed

Drawable bitmap = getResources().getDrawable(R.drawable.wallpaper);

mImageView.setImageDrawable(bitmap);

// Attach a PhotoViewAttacher, which takes care of all of the zooming functionality.

mAttacher = new PhotoViewAttacher(mImageView);

}

// If you later call mImageView.setImageDrawable/setImageBitmap/setImageResource/etc then you just need to call

mAttacher.update();

star18bit answered 2020-01-01T22:19:08Z

54 votes

这是最有效的方法之一，它可以正常运行：

[https://github.com/MikeOrtiz/TouchImageView]

将TouchImageView放置在您的项目中。 然后可以与ImageView。

例：

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

如果您在xml中使用TouchImageView，则必须提供完整的软件包名称，因为它是一个自定义视图。

例：

android:id="@+id/img”

android:layout_width="match_parent"

android:layout_height="match_parent" />

Victor answered 2020-01-01T22:19:50Z

10 votes

这是一个很好的示例，说明如何在使用imageview的触摸上实现缩放效果

对图像视图的缩放效果

编辑：

这也是另一个伟大的。

捏缩放教程

coder_For_Life22 answered 2020-01-01T22:20:27Z

10 votes

我希望您一切都好。当他们想在您的应用程序中添加新功能时，通常都会发生这种情况，然后通常他们都在搜索不好的库，因为您不知道该库中包含哪种代码。 因此，我始终喜欢派生这些库，并在应用程序代码中添加有用的类和方法。

因此，当我遇到同样的问题时，我进行了大量的研发工作，然后我发现了一个类，它具有zoomIn，zoomOut和pinIn和out的功能。 所以你可以在这里看到那个班。

因此，正如我之前所说的，这是一个单一的班级。 因此您可以将该类放在utils文件夹中的项目中的任何位置，并将以下行放入XML文件中，例如：

android:id="@+id/frag_imageview"

android:layout_width="match_parent"

android:layout_height="match_parent"

android:scaleType="fitCenter"

android:src="@drawable/default_flag"

android:transitionName="@string/transition_name_phone" />

并且您可以在自己喜欢的活动中找到该图像视图，就像对所有视图进行的操作一样-：

TouchImageView tv=(TouchImageView)findViewById(R.id.frag_imageview);

tv.setImageResource(R.drawable.ic_play);

就是TouchImageView。享受我们的代码:)

John smith answered 2020-01-01T22:21:06Z

10 votes

非常简单的方法(已测试)：-

PhotoViewAttacher pAttacher;

pAttacher = new PhotoViewAttacher(Your_Image_View);

pAttacher.update();

在build.gradle中添加以下行：

compile 'com.commit451:PhotoView:1.2.4'

Premkumar Manipillai answered 2020-01-01T22:21:30Z

5 votes

实际上，这是android中图像缩放和平移的最佳示例，

[http://blog.sephiroth.it/2011/04/04/imageview-zoom-and-scroll/]

Sujit answered 2020-01-01T22:21:54Z

2 votes

您可以在相关问题中查看答案。[https://stackoverflow.com/a/16894324/1465756]

只需导入库[https://github.com/jasonpolites/gesture-imageview。]

到您的项目中，然后在布局文件中添加以下内容：

xmlns:android="http://schemas.android.com/apk/res/android"

xmlns:gesture-image="http://schemas.polites.com/android"

android:layout_width="fill_parent"

android:layout_height="fill_parent">

android:id="@+id/image"

android:layout_width="fill_parent"

android:layout_height="wrap_content"

android:src="@drawable/image"

gesture-image:min-scale="0.1"

gesture-image:max-scale="10.0"

gesture-image:strict="false"/>`

arniotaki answered 2020-01-01T22:22:23Z

2 votes

我更喜欢图书馆davemorrissey / subsampling-scale-image-view  在chrisbanes / PhotoView上  (star18bit的答案)

两者都是活跃的项目(在2015年都有一些承诺)

两者都在PlayStore上有一个演示

sub-sample-scale-image-view支持大图像(1080p以上)，而不会因子采样而导致内存异常，而PhotoView不支持

subsampling-scale-image-view似乎具有更大的API和更好的文档

如果您想在Eclipse / ADT中使用subsampling-scale-image-view，请参阅如何将AAR转换为JAR。

OneWorld answered 2020-01-01T22:23:06Z

2 votes

下面是ImageFullViewActivity类的代码

public class ImageFullViewActivity extends AppCompatActivity {

private ScaleGestureDetector mScaleGestureDetector;

private float mScaleFactor = 1.0f;

private ImageView mImageView;

@Override

protected void onCreate(Bundle savedInstanceState) {

super.onCreate(savedInstanceState);

setContentView(R.layout.image_fullview);

mImageView = (ImageView) findViewById(R.id.imageView);

mScaleGestureDetector = new ScaleGestureDetector(this, new ScaleListener());

}

@Override

public boolean onTouchEvent(MotionEvent motionEvent) {

mScaleGestureDetector.onTouchEvent(motionEvent);

return true;

}

private class ScaleListener extends ScaleGestureDetector.SimpleOnScaleGestureListener {

@Override

public boolean onScale(ScaleGestureDetector scaleGestureDetector) {

mScaleFactor *= scaleGestureDetector.getScaleFactor();

mScaleFactor = Math.max(0.1f,

Math.min(mScaleFactor, 10.0f));

mImageView.setScaleX(mScaleFactor);

mImageView.setScaleY(mScaleFactor);

return true;

}

}

}

Efi G answered 2020-01-01T22:23:25Z