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

NineImageView

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

截图

pic1.png
pic2.png
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中

    <com.hotbitmapgg.nineimagelibrary.NineImageView
        android:id="@+id/multi_image"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_margin="10dp"
        app:nineImageHorizontalSpace="4dp"
        app:nineImageRatio="0.8"
        app:nineImageVerticalSpace="4dp" />

  • 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<String> url) {
               //设置图片点击事件
            }
        });

最后

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

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 173,288评论 25 708
  • 发现 关注 消息 iOS 第三方库、插件、知名博客总结 作者大灰狼的小绵羊哥哥关注 2017.06.26 09:4...
    肇东周阅读 12,241评论 4 61
  • 春播的种子 已经成熟 收获前的准备 正式拉开 磨刀 擦枪 日耕 夜读 多少个苦累的日子 是你们艰辛的付出 在这...
    松风入骨阅读 434评论 3 8
  • 我的未来不是梦 曾经,我做过一个梦,就像一个美丽的童话。 那是一个充满着阳光的春...
    叶小言阅读 279评论 0 2