AssNineGridView:仿QQ空间,微信朋友圈展示图片的九宫格图片展示控件

标签: android

AssNineGridView


仿微信朋友圈展示图片的九宫格图片展示控件,支持点击图片全屏预览大图(可自定义)。

写在前面

这是一个九宫格控件,本来是很久之前就写好了,现在才开源出来,也是看了很多优秀的框架才整理出来的,希望能够帮助到大家。
该项目是参考了优秀框架:https://github.com/jeasonlzy/NineGridView 修改而成, 调整了个部分源码,使九宫格展示更为合理,喜欢原作的可以去使用。
也希望大家下载体验本项目,个人能力也有限,希望一起学习一起进步。
更多详情,可以参考我的CSDN博客地址:

效果图

九宫格只显示1张图

九宫格只显示2张图

在这里插入图片描述

九宫格只显示4张图

在这里插入图片描述

九宫格显示9张以上

在这里插入图片描述

普通

在这里插入图片描述在这里插入图片描述在这里插入图片描述

项目功能

  • 当获取的图片数量超过最大显示的图片数量时,最后一张图片上会显示剩余数量(类似于QQ的动态效果)
  • 使用Adapter模式设置图片
  • 默认增加了图片点击全屏预览效果,并附带预览动画
  • 使用接口加载图片,支持任意的图片加载框架,如 Glide,ImageLoader,Fresco,xUtils3,Picasso 等
  • 整合了PhotoView图片预览
  • 使用接口抽出图片的加载方式,可以方便的将Glide替换成自己喜欢的ImageLoader等
  • 使用代码简单,只需要几行代码
  • 其他功能增加中…

自定义参数设置

属性名称 参数含义
angv_singleImgRatio 只显示一张图片时图片宽高比
angv_gridSpace 网格显示图片时,图片之间的间距,默认3dp
angv_maxSize 最多显示图片的数量,默认最大9张

使用方法

1 导入

  • 方法一

Add it in your root build.gradle at the end of repositories:

	allprojects {
		repositories {
			...
			maven { url 'https://jitpack.io' }
		}
	}

Add the dependency

	dependencies {
	        implementation 'com.github.assion:AssNineGridView:v1.0.2'
	}


  • 方法二

下载本项目,将项目中的lib直接导入即可

implementation project(':lib_assninegridview')

2 初始化

  • 在Application中初始化AssNineGridView的图片加载器
 AssNineGridView.setImageLoader(new GlideImageLoader());
  • 自定义自己的图片加载器,支持任意的图片加载框架,如 Glide,ImageLoader,Fresco,Picasso 等
public class GlideImageLoader implements AssNineGridView.ImageLoader{

    @Override
    public void onDisplayImage(Context context, ImageView imageView, String url) {
        Glide.with(context).load(url).into(imageView);
    }

    @Override
    public Bitmap getCacheImage(String url) {
        return null;
    }
}

3 功能实现

  • xml添加
 <com.assionhonty.lib.assninegridview.AssNineGridView
            android:id="@+id/angv"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:layout_marginBottom="8dp"
            app:angv_gridSpace="3dp"
            app:angv_maxSize="9"
            app:angv_singleImgRatio="1" />
  • java代码(demo中用的recyclerview加载列表)
    ImageInfo是库中提供的数据Bean,需要两个url,分别表示小图和大图的url,没有大图或者小图,则都赋给相同的Url即可,AssNineGridViewClickAdapter是库中提供的默认实现了点击预览的Adapter
List<ImageInfo> imageInfos = getImageInfos(position);        
holder.angv.setAdapter(new AssNineGridViewClickAdapter(DemoActivity.this, imageInfos));

AssNineGridViewClickAdapter:库中自带的适配器,点击预览大图

private List<ImageInfo> getImageInfos(int position) {
            List<ImageInfo> imageInfos = new ArrayList<>();
            List<String> images = mDatas.get(position).getImages();
            for (String url : images){
                ImageInfo imageInfo = new ImageInfo();
                imageInfo.setBigImageUrl(url);
                imageInfo.setThumbnailUrl(url);
                imageInfos.add(imageInfo);
            }
            return imageInfos;
        }

如果不想使用预览效果,可以自己继承 AssNineGridViewAdapter 实现其中 onImageItemClick 方法即可。

  List<ImageInfo> imageInfos = getImageInfos(position);
  MyAssAdapter assAdapter = new MyAssAdapter(DemoActivity.this, imageInfos);
  assAdapter.onImageItemClick(DemoActivity.this,  holder.angv, position, imageInfos);
  holder.angv.setAdapter(assAdapter);

MyAssAdapter是自定义的适配器,继承AssNineGridViewAdapter

private class MyAssAdapter extends AssNineGridViewAdapter{
            private Context mContext;
             MyAssAdapter(Context context, List<ImageInfo> imageInfo) {
                super(context, imageInfo);
                 mContext = context;
            }

            @Override
            public void onImageItemClick(Context context, AssNineGridView angv, int index, List<ImageInfo> imageInfo) {
                super.onImageItemClick(context, angv, index, imageInfo);
                //执行点击事件
                Toast.makeText(mContext, "条目"+index+":自定义点击效果", Toast.LENGTH_SHORT).show();
            }

        }

关于

若遇到使用上的问题,请先翻看Issues,或者直接发邮件给我[email protected]

联系

版权声明:本文为weixin_40509481原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://blog.csdn.net/weixin_40509481/article/details/82774002

智能推荐

Ubuntu 14.04 下,安装 Java8

下载Java http://www.oracle.com/technetwork/java/javase/downloads/jdk8-downloads-2133151.html 打开上述链接, , 下载 特定的 Java8 版本。笔者选择的是 jdk-8u172-linux-x64.tar.gz。 - 配置Java环境变量 将 jdk-8u172-linux-x64.tar.gz 解压至指定目...

OpenCV学习之路(五)图像的几何变换

在这一章将要学习图像的移动、旋转,仿射变换等 扩展缩放 我们如果想要改变图像的大小,我们就需要对图像进行扩展缩放,opencv提供给我们控制扩展缩放的函数: 参数解释: src:进行扩展缩放的原图片 dst:可以在此处设置缩放因子,也可手动设置尺寸 interpolation:在缩放时我们推荐使用cv2.INTER_AREA, 在扩展时我们推荐使用cv2.INTER_CUBIC(慢) 和 cv2....

2018.8.27

2018.8.27...

HTML 表单元素的基本样式

HTML 表单元素的基本样式 原创 ixygj197875 发布于2018-02-22 17:48:53 阅读数 2296 收藏 更新于2018-05-20 15:35:58 分类专栏: 揭秘 CSS 揭秘 CSS 收起 表单元素主要包括 label、input、textarea、select、datalist、******、progress、meter、output等,以及对表单元素进行分组的 ...

php输出语句

php输出语句 常见的输出语句 echo(): 可以一次输出多个值,多个值之间用逗号分隔。echo是语言结构(language construct),而并不是真正的函数,因此不能作为表达式的一部分使用。 print(): 函数print()打印一个值(它的参数),如果字符串成功显示则返回true,否则返回false。 print_r(): 可以把字符串和数字简单地打印出来,而数组则以括起来的键和值...

猜你喜欢

工厂模式

简介 常见的实例化对象模式。 用工厂方法替代new操作的一种模式。 当我们使用new操作实例化对象时,调用构造函数完成初始化。若初始化仅是进行赋值等简单的操作,写入构造函数即可。但如果初始化时需要执行一长串复杂的代码,将多个工作装入一个方法,是不妥的。 创建实例与使用实例分离。将创建实例所需的大量初始化工作从基类的构造函数中分离出去。 简单工厂模式、工厂方法模式针对的是一个产品等级结构;而抽象工厂...

B1105 Spiral Matrix (画图)

B1105 Spiral Matrix (25分) //第一次只拿了21分 矩阵的长和宽,求最大因子,从sqrt(num)开始枚举. 每次循环一次,s++,t--,d--,r++ 测试点四运行超时,是因为输入一个数字的时候,需要直接输出这个数字。//1分 测试点二运行超时,最后一个数字不必再while循环一次,直接输出即可。//3分 最后一个测试点卡了好久/(ㄒoㄒ)/~~ 螺旋矩阵...

Java基础=>String,StringBuffer与StringBuilder的区别

字符串常量池 什么是字符串常量池? JVM为了减少字符串对象的重复创建,其维护了一块特殊的内存,这段内存被称为字符串常量池(存储在方法区中)。 具体实现 当代码中出现字符串时,JVM首先会对其进行检查。 如果字符串常量池中存在相同内容的字符串对象,如果有,则不再创建,直接返回这个对象的地址返回。 如果字符串常量池中不存在相同内容的字符串对象,则创建一个新的字符串对象并放入常量池,并返回新创建的字符...

java调用其他java项目的Https接口

项目中是这样的: 用户拿出二维码展示,让机器识别二维码, 机器调用开门的后台系统接口, 然后开门的后台系统接口需要调用管理系统的接口, 管理系统需要判断能不能开门.这两个系统是互相独立的.当时使用http调用是没有问题的.当时后来要求必须用https.废话不说,直接代码: 我的项目中调用的是 HttpsUtils.Get(utlStr) 这个接口 开门系统接口如下图:   管理系统的接口...

Hadoop1.2.1全分布式模式配置

一 集群规划 主机名            IP                               安装的软件 &nbs...