自定义View之九宫格图片展示控件

NineImageView

一个简单实用的九宫格图片展示控件

截图

自定义View之九宫格图片展示控件_第1张图片
pic1.png
自定义View之九宫格图片展示控件_第2张图片
pic2.png
自定义View之九宫格图片展示控件_第3张图片
pic3.png

导入


 Step 1.JitPack库添加到你的构建文件,将其添加在你的根目录下

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



Step 2.  添加依赖关系

        dependencies {
                compile 'com.github.HotBitmapGG:NineImageView:V1.0'
        }

说明

  • 自定义属性
名称 格式 说明
nineImageHorizontalSpace dimension 水平方向间距
nineImageVerticalSpace dimension 垂直方向间距
nineImageRadius dimension 图片圆角角度
nineImageRatio float 图片缩放比例
nineImageColumns integer 控件展示列数

使用

  • 1.在XML中

    

  • 2.在代码中

        NineImageView nineImageView = (NineImageView) findViewById(R.id.multi_image);
        //设置要展示的图片列表url集合
        nineImageView.setImageUrls(imageUrls);
        nineImageView.setOnClickItemListener(new NineImageView.OnClickItemListener() {
            @Override
            public void onClick(int i, ArrayList url) {
               //设置图片点击事件
            }
        });

最后

这个项目默认使用Glide图片加载库,如果你要使用别的图片加载框架,你可以复制NineImageView到你的项目中,在代码中替换掉Glide加载图片的代码即可。

你可能感兴趣的:(自定义View之九宫格图片展示控件)