首页 热点专区 义务教育 高等教育 出国留学 考研考公
您的当前位置:首页正文

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

2024-12-16 来源:要发发教育

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加载图片的代码即可。

显示全文