九宫格控件NineGridView

NineGridView介绍:

类似QQ空间,微信朋友圈,微博主页等,展示图片的九宫格控件,自动根据图片的数量确定图片大小和控件大小,使用Adapter模式设置图片,对外提供接口回调,支持任意的图片加载框架,如 Glide,ImageLoader,Fresco,xUtils3,Picasso 等,支持点击图片全屏预览大图。

原作地址:https://github.com/jeasonlzy/NineGridView ,此项目是在原NineGridView项目上改进完成的,在原项目基础上增加了2张图片的适配,从而可以在1张、2张、4张图片的时候显示不同的布局效果,并分享一下自己的使用心得。

原项目有刷新的效果,但加载出来的数据不尽人意,我为了测试,将数据替换成本地了,分别展示1张、2张……11张图片的效果,这个更便于预览。

演示:点击图片都可以查看大图效果

《九宫格控件NineGridView》

原作优点:

  • 图片大图预览效果是一个库工程,方便导入使用。
  • 对不同张数图片进行的适配。
  • 根据NineGridView的属性来控制不同的显示模式
  • 向QQ空间那样,大于9张图片的时候以+号显示
  • 图片加载非常的灵活。
  • 大图加载的时候有预览动画,大图的尺寸根据原图的尺度

原作存在的问题:
– 没有增加两张图片的适配
– 大图的时候如果需要进行图片保存的操作,不是很方便,所以还是以自定义View的形势来在项目中使用。

注意事项:

  1. 原作的NineGridView默认是无论几张图片,宽高都是按照总宽度的1/3处理的,但也可以动态的按照宫格的宽度来处理,代码被注释掉了,打开这句注释就行了。
            // 宫格宽度
                gridWidth = gridHeight = (totalWidth - gridSpacing * (columnCount - 1)) / columnCount;
                //这里无论是几张图片,宽高都按总宽度的 1/3
// gridWidth = gridHeight = (totalWidth - gridSpacing * 2) / 3;
  1. 增加两张图片的适配,只需再写一个else if条件就可以了,这样当图片是两张的时候就可以平分整个可用空间了。
                else if (mImageInfo.size() == 2) {
                // 宫格宽度
                gridWidth = gridHeight = (totalWidth - gridSpacing * (2 - 1)) / 2;
               } 

以上就是对NineGridView使用时候的一些个人看法,主要就是增+两张图片的适配效果。

欢迎访问201216323.tech来查看我的CSDN博客。

欢迎关注我的个人技术公众号,快速查看我的最新文章。

《九宫格控件NineGridView》

    原文作者:九宫格问题
    原文地址: https://blog.csdn.net/ccg_201216323/article/details/53783580
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞