Android快速实现图片浏览

建立依赖

compile 'com.jelly:mango:1.1.1'

准备工作

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

Android快速实现图片浏览_第1张图片
图片列表

如何使用Mango

设置图片源

Mango.setImages(List images);

Mango采用的图片源是List,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 images = new ArrayList();
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

最后效果

Android快速实现图片浏览_第2张图片
初始显示

Android快速实现图片浏览_第3张图片
放大之后

Android快速实现图片浏览_第4张图片
查看原图

你可能感兴趣的:(Android快速实现图片浏览)