Android快速实现图片浏览

建立依赖

compile 'com.jelly:mango:1.1.1'

准备工作

使用RecyclerView创建一个显示图片的列表,最后效果如下图.具体代码参考,实现效果如图:

图片列表

如何使用Mango

设置图片源

Mango.setImages(List<MultiplexImage> images);

Mango采用的图片源是List<MultiplexImage>,MultiplexImage的构造函数MultiplexImage(String TPath,String OPath, int type),TPath:缩略图,OPath:原图,type:图片类型.如果没有原图,OPath传NULL,浏览图片时的查看原图按钮会被隐藏。
type:

MultiplexImage.Type.NORMAL = 1;
MultiplexImage.Type.GIF = 2;

设置显示列表中的第几张图片

Mango.setPosition(int position);

打开图片浏览器

Mango.open(Context context);

开启图片浏览器,没有设置图片源时,会抛出异常(must set imageUrls).

其它用法

设置图片滑动监听器

Mango.setImageSelectListener(ImageSelectListener listener);

完整代码

List<MultiplexImage> images = new ArrayList<MultiplexImage>();
images.add(new MultiplexImage("http://tulian.net/images/2017/09/02/IMG_09109f57a.th.jpg","http://tulian.net/images/2017/09/02/IMG_09109f57a.md.jpg",MultiplexImage.ImageType.NORMAL));
images.add(new MultiplexImage("http://tulian.net/images/2017/09/02/IMG_0983b6454.th.jpg","http://tulian.net/images/2017/09/02/IMG_0983b6454.jpg",MultiplexImage.ImageType.NORMAL));
images.add(new MultiplexImage("http://tulian.net/images/2017/09/02/IMG_098592f0f.th.jpg","http://tulian.net/images/2017/09/02/IMG_098592f0f.jpg", MultiplexImage.ImageType.NORMAL));
images.add(new MultiplexImage("http://tulian.net/images/2017/09/02/IMG_09885300c.th.jpg","http://tulian.net/images/2017/09/02/IMG_09885300c.jpg",MultiplexImage.ImageType.NORMAL));

Mango.setImages(images);
Mango.setPosition(position);
Mango.setImageSelectListener(new ImageSelectListener() {
    @Override
    public void select(int index) {
        Log.d("Mango", "select: "+index);
    }
});
try {
    Mango.open(MainActivity.this);
}catch (Exception e){
    e.printStackTrace();
}

项目地址

mango

最后效果

初始显示

放大之后

查看原图
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 简介网络浏览器很可能是使用最广的软件。在这篇入门文章中,我将会介绍它们的幕后工作原理。我们会了解到,从您在地址栏输...
    wengjq阅读 2,080评论 2 15
  • # 一度蜜v3.0协议 --- # 交互协议 [TOC] ## 协议说明 ### 请求参数 下表列出了v3.0版协...
    c5e350bc5b40阅读 672评论 0 0
  • 肩周炎(即肩关节周围炎,俗称“凝肩”、“五十肩”)。如果发现肩周炎后,没有得到及时有效的治疗,可能会造成肩关节的功...
    小范工作室阅读 453评论 0 1
  • 【人生百态】底层|目录上一章 【人生百态】底层(64)继续工作 第二天早上,起床吃早餐后进入工地,继续重复着昨天的...
    雪狐狸阅读 318评论 0 1
  • 缩在床邸,蜷曲像湿润墙壁上的蜗牛 捂紧耳朵但能听见好多声音, 那些声音都来自一个人 闭上眼睛但能看到好多画面, 一...
    牧神_c9dd阅读 182评论 0 3