GridViewPager

ViewPager结合GridView，轻松实现类似表情面板的控件。可自由定制Item布局，提供充足的自定义参数等。也处理了条目点击事件和条目长按事件。效果如下：

Demo下载地址：GridViewPager ，或者扫描以下二维码安装：
这里写图片描述

使用方法

Eclipse

添加项目依赖；也可以下载/GridViewPager/gvp/目录下的gvp.aar，解压引用里边的classes.jar库

Android Studio (Gradle)

库依赖和aar包引用可参考Eclipse使用方式，如果使用Gradle依赖的话请参考下面第一步

第一步，在Module的builder.gradle中添加依赖（把latestVersion替换成第一行徽章中的版本号）

dependencies {compile 'com.yhy:gvp:latestVersion'
}

第二步，在需要显示GridViewPager的布局文件中添加如下代码

在布局文件跟布局中添加如下代码（如果不在布局文件中配置参数就可以不添加）

xmlns:app="http://schemas.android.com/apk/res-auto"

添加控件布局代码及相关配置参数

<!-- 自定义属性 -->
<com.yhy.gvp.widget.GridViewPager
    android:id="@+id/gvp_content_a"android:layout_width="match_parent"android:layout_height="260dp"app:horizontal_spacing="2dp"app:num_columns="4"app:page_size="6"app:scroll_bar_enable="false"app:vertical_spacing="2dp"/><!-- 使用默认属性 -->
<com.yhy.gvp.widget.GridViewPager
    android:id="@+id/gvp_content_b"android:layout_width="match_parent"android:layout_height="wrap_content"/>

测试数据

//测试数据
private static final int[] IMG_ARR = {R.drawable.a, R.drawable.b, 
R.drawable.c,R.drawable.d, R.drawable.e, R.drawable.f, R.drawable.g, 
R.drawable.h, R.drawable.i, R.drawable.j, R.drawable.k, R.drawable.l, 
R.drawable.m, R.drawable.n, R.drawable.o, R.drawable.p, R.drawable.q, 
R.drawable.r, R.drawable.s, R.drawable.t, R.drawable.u, R.drawable.v, 
R.drawable.w, R.drawable.x, R.drawable.y, R.drawable.z, R.drawable.u, 
R.drawable.v, R.drawable.aa, R.drawable.bb, R.drawable.cc, R.drawable.dd,
R.drawable.ee, R.drawable.ff};

第四步，在代码中通过findViewById获取到GridViewPager控件，设置适配器

gvpContentA.setGVPAdapter(new GridViewPager.GVPAdapter() {
private AbsListView.LayoutParams params = new AbsListView.LayoutParams(imgWidthHeight, imgWidthHeight);@Overridepublic int getCount() {return IMG_ARR.length;}@Overridepublic Integer getItem(int position) {return IMG_ARR[position];}@Overridepublic long getItemId(int position) {return position;}@Overridepublic View getView(int position, View convertView, ViewGroup parent) {ImageView iv = new ImageView(MainActivity.this);iv.setLayoutParams(params);iv.setImageResource(getItem(position));iv.setScaleType(ImageView.ScaleType.CENTER_INSIDE);iv.setBackgroundColor(Color.parseColor("#ff0000"));return iv;}
});

第五步，设置相关事件（点击事件和长按事件）

gvpContentA.setOnItemClickListener(new GridViewPager.OnItemClickListener() {@Overridepublic void onItemClick(AdapterView<?> parent, View view, int position) {ToastUtils.toastShort(MainActivity.this, "第" + position + "个条目被点击");}
});gvpContentA.setOnItemLongClickListener(new GridViewPager.OnItemLongClickListener() {@Overridepublic boolean onItemLongClick(AdapterView<?> parent, View view, int position) {ToastUtils.toastShort(MainActivity.this, "第" + position + "个条目被长按");//以下操作只是为了展示notifyDataSetChanged()的用法int size = 4;if (size < IMG_ARR.length) {//改变数据并刷新适配器//...}gvpContent.notifyDataSetChanged();return false;}
});

自定义属性说明

属性名	默认值	属性说明
page_size	4	每页显示数量
num_columns	4	每页显示列数
vertical_spacing	0.5dp	条目之间垂直方向的间距
horizontal_spacing	0.5dp	条目之间水平方向的间距
scroll_bar_enable	false	是否显示GridView的滚动条