如何在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