让代码更简单

安卓缩略图点击预览高清图组件

重要:本文最后更新于2017-03-19 13:52:09,某些文章具有时效性,若有错误或已失效,请在下方留言或联系代码狗

文章来自安卓巴士,之前写的看图软件需要这个图片组件,而且在很多软件中都需要这样的功能,所以将这篇文章分享给大家。

安卓组件分享

项目介绍:
仿微博、微信、qq 点击缩略图后预览高清图的组件TransferImage 是一款模仿微博、微信、qq的高清图查看控件, 实现了在列表控件(ListView, RecycleView, GridView 等…)中 点击缩略图后播放过渡动画, 加载高清图, 加载高清图时同时显示加载进度条, 加载完成后显示高清图的一个组件。同时关闭 TransferImage 也会有对应的过渡动画.此库若有不完善的地方,后续修复。

支持或包含的功能:

  • 打开和关闭 TransferImage 的过渡动画, 支持自定义
  • 图片加载内置了一个使用 Glide 框架的图片加载器, 支持自定义
  • 图片支持手势操作, 可缩放、双击、移动
  • 图片加载时的进度条, 支持自定义
  • 图片索引指示器, 支持自定义

Preview预览图图片质量有问题, 会出现卡顿的现象, 真实项目中不会出现.
安卓组件分享

复制
// 初始化 TransferImage, 一个页面使用一个 TransferImage 对象
transferImage = TransferImage.getDefault(this);
// 使用 TransferImage.Builder 构造参数设置给 TransferImage, 并显示出来
new TransferImage.Builder(GroupImageActivity.this)
                  .setBackgroundColor(Color.BLACK)
                 .setOriginImageList(wrapOriginImageViewList())
                 .setImageUrlList(imageStrList)
                 .setOriginIndex(position)
                 .setup(transferImage)
                 .show();

注意:需要在 Activity 中重写 onBackPressed 方法 (如果有 BaseActivity, 在 BaseActivity 中重写即可)

复制
@Override
public void onBackPressed() {
    if (transferImage != null && transferImage.isShown()) {
        transferImage.dismiss();
    } else {
        super.onBackPressed();
    }
}

属性说明:

originImages
缩略图 ImageView 数组
originImageList
缩略图 ImageView 集合
originIndex
如果是一组缩略图, originIndex 表示当前点击的缩略图下标位置, 否则 originIndex 默认为 0
offscreenPageLimit
显示 TransferImage 时初始化加载的图片数量, 默认为1, 表示第一次加载3张(originIndex, originIndex + 1, originIndex – 1); 值为 2, 表示加载5张。依次类推
backgroundColor
TransferImage 背景色
missPlaceHolder
缺省的占位图, 假设缩略图为 N 张, 而 TransferImage 要显示 N + 1 张高清图, 那么 missPlaceHolder 表示为第 N + 1 张图加载完成之前的占位图
imageUrls
高清图地址数组
imageUrlList
高清图地址集合
transferAnima
从缩略图到高清图的过渡动画 (默认内置 TransitionAnimator), 可自实现 ITransferAnimator 接口定义自己的过渡动画
progressIndicat
加载高清图的进度条 (默认内置 ProgressPieIndicator), 可自实现 IProgressIndicator 接口定义自己的图片加载进度条
indexIndicator
图片索引指示器 (默认内置 IndexCircleIndicator), 可自实现 IIndexIndicator 接口定义自己的图片索引指示器
imageLoader
图片加载器 (默认内置 GlideImageLoader), 可自实现 ImageLoader 接口定义自己的图片加载器

感觉很棒!可以赞赏支持我哟~

0 打赏

评论 (0)

登录后评论
QQ咨询 邮件咨询 狗哥推荐