PhotoView的使用

PhotoView的使用

前言

PhotoView是一个常用的图片预览控件,主要用于Android中大图查看,例如结合ViePager完成朋友圈九宫格图片预览功能,前几天我写的ViewPager分页加载数据这篇博客,可以结合起来使用,PhotoView主要的功能有,图片手势缩放,旋转,相比ImageView,用户体验更好。


今天我呢主要就介绍两个PhotoView的框架,他们各有所长!!!

第一个是(https://github.com/chrisbanes/PhotoView),这个库,应用非常广泛,start数量极高。

第二个是(https://github.com/bm-x/PhotoView),这个支持旋转功能,经常需要用到。

先看一下效果
PhotoVIewDemo.gif
  • 首先介绍第一个
  1. 在我们项目module build.gradle中配置
dependencies {
    compile 'com.github.chrisbanes:PhotoView:2.0.0'
}
  1. 在xml布局中引用该控件
<uk.co.senab.photoview.PhotoView
        android:id="@+id/photoview"
        android:layout_width="match_parent"
        android:layout_height="match_parent"/>

是不是很简单,这就结束了

  • 然后介绍下第二个

PhotoView PhotoView

  1. 在我们项目module build.gradle中配置
dependencies {
    compile 'com.bm.photoview:library:1.4.1'
}
  1. 在xml布局中引用该控件
<com.bm.library.PhotoView
        android:id="@+id/photoview"
        android:layout_width="match_parent"
        android:layout_height="match_parent"/>
  1. java代码
PhotoView photoView = (PhotoView) findViewById(R.id.img);
// 启用图片缩放功能
photoView.enable();
// 禁用图片缩放功能 (默认为禁用,会跟普通的ImageView一样,缩放功能需手动调用enable()启用)
photoView.disenable();
// 获取图片信息
Info info = photoView.getInfo();
// 从普通的ImageView中获取Info
Info info = PhotoView.getImageViewInfo(ImageView);
// 从一张图片信息变化到现在的图片,用于图片点击后放大浏览,具体使用可以参照demo的使用
photoView.animaFrom(info);
// 从现在的图片变化到所给定的图片信息,用于图片放大后点击缩小到原来的位置,具体使用可以参照demo的使用
photoView.animaTo(info,new Runnable() {
       @Override
       public void run() {
           //动画完成监听
       }
   });
// 获取/设置 动画持续时间
photoView.setAnimaDuring(int during);
int d = photoView.getAnimaDuring();
// 获取/设置 最大缩放倍数
photoView.setMaxScale(float maxScale);
float maxScale = photoView.getMaxScale();
// 设置动画的插入器
photoView.setInterpolator(Interpolator interpolator);

//设置可以缩放,默认是不支持缩放的...

photoView.disenable();
  • 2
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
好的,下面是一个基于 Android UVC Camera 和 PhotoView 的简单示例: 1.添加依赖项 在 app 的 build.gradle 文件中添加以下依赖项: ``` implementation 'com.github.chrisbanes:PhotoView:2.3.0' implementation 'com.github.saki4510t:UVCCamera:2.3.11' ``` 2.添加权限 在 AndroidManifest.xml 文件中添加以下权限: ``` <uses-permission android:name="android.permission.CAMERA" /> <uses-feature android:name="android.hardware.usb.host" /> <uses-feature android:name="android.hardware.camera" /> ``` 3.添加布局 在 activity 的布局文件中添加一个 PhotoView 和一个 Button,用于拍照: ``` <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent" android:layout_height="match_parent"> <com.github.chrisbanes.photoview.PhotoView android:id="@+id/photo_view" android:layout_width="match_parent" android:layout_height="match_parent" /> <Button android:id="@+id/button_capture" android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="Capture" android:layout_alignParentBottom="true" android:layout_centerHorizontal="true"/> </RelativeLayout> ``` 4.初始化 UVCCamera 在 activity 中,初始化 UVCCamera 并将预览输出到 PhotoView: ``` public class MainActivity extends AppCompatActivity implements View.OnClickListener { private PhotoView mPhotoView; private Button mButtonCapture; private UVCCamera mUVCCamera; private UVCCameraTextureView mUVCCameraTextureView; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); mPhotoView = findViewById(R.id.photo_view); mButtonCapture = findViewById(R.id.button_capture); mButtonCapture.setOnClickListener(this); // 初始化 UVCCamera mUVCCameraTextureView = new UVCCameraTextureView(this); mUVCCamera = new UVCCamera(); mUVCCamera.open(mUVCCameraTextureView); mUVCCamera.setPreviewSize(UVCCamera.DEFAULT_PREVIEW_WIDTH, UVCCamera.DEFAULT_PREVIEW_HEIGHT, UVCCamera.FRAME_FORMAT_YUYV); mUVCCamera.setPreviewDisplay(mUVCCameraTextureView); mUVCCamera.startPreview(); } @Override protected void onDestroy() { super.onDestroy(); // 释放 UVCCamera mUVCCamera.stopPreview(); mUVCCamera.close(); mUVCCameraTextureView = null; } @Override public void onClick(View v) { if (v == mButtonCapture) { // 拍照 mUVCCamera.captureStill(); } } } ``` 5.显示照片 在 UVCCamera.CaptureListener 中,处理拍照结果并将照片显示在 PhotoView 上: ``` mUVCCamera.setCaptureListener(new UVCCamera.CaptureListener() { @Override public void onCaptureResult(String path) { // 显示照片 Bitmap bitmap = BitmapFactory.decodeFile(path); mPhotoView.setImageBitmap(bitmap); } }); ``` 这样,一个简单的基于 Android UVC Camera 和 PhotoView 的示例就完成了。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值