美文网首页
自定义View之九宫格图片展示控件

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

作者: 考试小灵通 | 来源:发表于2020-11-30 07:53 被阅读0次

    NineImageView

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


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

    相关文章

      网友评论

          本文标题:自定义View之九宫格图片展示控件

          本文链接:https://www.haomeiwen.com/subject/btsaiktx.html