GridImageView

KO | EN

gitlite — search

#hacktoberfest #ai #typescript #llm #android #machine-learning #linux #cli #awesome-list #security #pytorch #ios #mcp #open-source

(★ 44)

一个高仿微信，QQ，微博，贴吧等选择上传图片时的展示控件，继承自ViewGroup，支持网格排列，以及横向排列。

GridImageView Latest Version Download

Download Latest Version (.zip)

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# GridImageView

一个高仿微信，QQ，微博，贴吧等选择上传图片时的展示控件，继承自ViewGroup，支持网格排列，以及横向排列，使用起来超级简单。
## 效果图
* 网格布局

<img src="images/image1.png"  width="50%"/>
* 水平布局

## 使用说明
1. 首先在布局中引用 ` GridImageView`

```xml
 <RelativeLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
   >
    
    <com.maplejaw.gridimageview.gridimageview.GridImageView
        android:id="@+id/gridImageView"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"/>
  </RelativeLayout>
 ```
2. 设置 `GridImageView` 适配器

``` java
  mGridImageView.setAdapter(new GridImageViewAdapter<String>(){
            @Override
            protected void onDisplayImage(Context context, ImageView imageView, String path) {
              //这里进行图片展示，可以自由配置加载框架
              //  Picasso.with(context).load("file://"+path).centerCrop().resize(400,400).into(imageView);
            }

@Override
            protected void onAddClick(Context context, List<String> list) {
               //这里是点击添加按钮时的回调。list为已有图片的集合，常用于记住上次选择的图片
            }
			 @Override
            protected int getShowStyle() {
                return GridImageView.STYLE_GRID;
				  //这里配置显示风格，有网格和水平布局
            }

@Override
            protected void onItemImageClick(Context context, int index, List<String> list) {
                super.onItemImageClick(context, index, list);
                Toast.makeText(getApplicationContext(),"--->"+index,Toast.LENGTH_SHORT).show();
				//是每个图片的点击事件
            }
        } );
 ```
3. 添加数据

``` java
  mGridImageView.setImageData(list,clearLastData);//第一个参数为list，第二个参数表示是否清除上次的图片集合，
 ```
4. 获取数据，用于上传等等

```java
  List<String> l=mGridImageView.getImgDataList();
 ```
## 实现原理
 见我的博客中 [**自定义ViewGroup系列**](http://www.maplejaw.com)。

GridImageView

GridImageView Latest Version Download

Today's picks

Was this content helpful?

Recent Feedback

GridImageView

GridImageView Latest Version Download

Today's picks

Was this content helpful?

Recent Feedback

Download README