美文网首页
Android快速实现图片浏览

Android快速实现图片浏览

作者: JellyCai | 来源:发表于2017-09-05 20:14 被阅读1519次

建立依赖

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

最后效果

初始显示
放大之后
查看原图

相关文章

网友评论

      本文标题:Android快速实现图片浏览

      本文链接:https://www.haomeiwen.com/subject/adspjxtx.html