AutoGridView
关于
AutoGridView使用ViewGroup实现,可以如QQ空间与微信朋友圈中的照片那种九宫格方式排布(注:此处的九宫格排列不仅仅是可以按照QQ控件那种九宫格排布,只要宫格的个数达到可以开平方的要求(1x1,2x2,3x3,4x4...),都会按照正方形排列),同时AutoGridView也可以实现普通的宫格排布方式。此外AutoGridView还可以控制显示的行数和列数,这个在需要实现 点击展开更多
和 点击收起
中还是非常有用的。AutoGridView可以设定宫格的高,也可以采用默认的高,默认的高与宫格的宽相等。
AutoGridView还采用了Adapter模式,使用方式就如同ListView和Adapter搭配一样简单,可以 自定义item
,更加灵活!对于item,也使用了简单的缓存复用,减少性能消耗...
推荐
- ImageViewer 图片预览器,仿朋友圈和今日头条图片预览效果
演示
先来看看效果把!
添加依赖
- 使用Gradle
// 注:如果添加依赖成功,则此句不必添加,此句作用仅为当项目在被审核时,紧急需要使用时添加
allprojects {
repositories {
...
// 如果添加依赖时,报找不到项目时(项目正在审核),可以添加此句maven地址,如果找到项目,可不必添加
maven { url "https://dl.bintray.com/albertlii/android-maven/" }
}
}
dependencies {
compile 'com.liyi.view:auto-gridview:1.1.3'
}
- 使用Maven
<dependency>
<groupId>com.liyi.view</groupId>
<artifactId>auto-gridview</artifactId>
<version>1.1.3</version>
<type>pom</type>
</dependency>
自定义属性
-
agv_mode(网格图的模式,默认为 nine)
- nine(类似QQ空间、微信朋友圈的九宫格类型网格图)
- normal(依次显示网格的普通类型网格图)
-
agv_row(item 的行数,默认为 3)
-
agv_column(item 的列数,默认 为3)
-
agv_item_height(item 的高度,默认与宫格图的宽相等)
-
agv_horizontal_space(网格间的横向间距,默认为 10px)
-
agv_vertical_space(网格间的纵向间距,默认为 10px)
-
agv_nines_widthper(九宫格模式下,单个 item 时,item 的宽占 parent 的可用总宽的比例(范围0-1),默认为自适应)
-
agv_nines_heightper(九宫格模式下,单个 item 时,item 的高与 parent 的可用总宽的比(范围0-1),默认为自适应)
使用方法
XML 中添加 AutoGridView
<com.liyi.grid.AutoGridView
android:id="@+id/autoGridVi"
android:layout_width="wrap_content"
android:layout_height="wrap_content"/>
代码中使用 AutoGridView
1、三种适配器
-
SimpleAutoGridAdapter
:简用适配器,可以直接使用,用于常规需求demo中使用示例 -
QuickAutoGridAdapter
:快捷适配器,继承自BaseAutoGridAdapter
,方便快速开发demo中使用示例 -
BaseAutoGridAdapter
:基础适配器,使用方法同ListView与BaseAdapter
demo中使用示例
2、简单使用
例:(注:此处使用的 SimpleAutoGridAdapter)
mAdapter = new SimpleAutoGridAdapter<Integer, BaseAutoGridHolder>(mImageList);
mAdapter.setImageLoader(new SimpleAutoGridAdapter.ImageLoader<Integer>() {
@Override
public void onLoadImage(int position, Integer item, ImageView imageView) {
imageView.setImageResource(item);
}
});
autoGridVi.setAdapter(mAdapter);
github传送门
https://github.com/albert-lii/AutoGridView
网友评论