PageGridView-ViewPager GridView组合控件实现网格布局分页效果.zip

文件名称: PageGridView-ViewPager GridView组合控件实现网格布局分页效果.zip

所属分类: 其它

开发工具:

文件大小: 263kb

下载次数: 0

上传时间: 2019-09-23

提供者: weixin_********

下载 (263kb)

不能下载？报告错误

详细说明： PageGridViewViewPager GridView组合控件实现网格布局分页效果大多数app首页界面一般貌似可以滑动切换上下页的网格布局，这种效果用得挺多，可惜Android原生是没有这样的控件的。在工作中，我也用到过几次。但每次实现都是按ctrl A C V，代码写得也不优雅，就是再次重新复制粘贴，也避免不了看上几眼，修改修改，特别不爽快。每次吐槽的同时在想，下次我要再用到这种效果，我就将这些代码关进小黑屋。拒绝再写重复代码，虽然大多数只是按ctrl A C V。这次，我终于要将自己吐槽时的想法付之行动的。再写之前，为了避免重复造轮子。在网上搜了好多次，嗯，没有意外，我还是没有发现到惊喜。那就开始行动了。这种效果用ViewPager GridView 实现，那我就叫它PageGridView吧(其实名字我也想了好久）有用的话，star一下也是不错的!!!PageGridView 特点可自由定制Item布局无需写adapter适配器,直接调用setData()方法填充数据只需实体类继承ItemModel即可可显示本地图、网络图、资源ID图标，由开发者实现动态计算PageGridView高度，不需要在布局里面写固定高度可重复setData()方法刷新数据PageGridView自定义属性属性名说明默认值pageSize每页大小8numColumns列数4isShowIndicator是否显示指示器trueselectedIndicator选中指示点资源IDR.mipmap.ic_dot_selectedunSelectedIndicator未选中指示点资源IDR.mipmap.ic_dot_normalindicatorGravity指示器位置centerindicatorPaddingLeft指示器左内边距0pxindicatorPaddingRight指示器右内边距0pxindicatorPaddingTop指示器上内边距0pxindicatorPaddingBottom指示器下内边距0pxindicatorPadding指示器内边距0pxindicatorBackground指示器背景颜色Color.WHITEitemViewItem布局R.layout.item_view约定规则Item布局必须给定具体高度，默认itemView布局的高度为dimen/item_height=80dpItem布局 TextView的id 为R.id.tv_item_nameItem布局 ImageView的id 为R.id.iv_item_iconItem默认点击效果R.drawable.selector_item_view_bgItem点击颜色值：R.color.item_view_selected_colorItem背景颜色值：R.color.item_view_normal_color一行四列效果图两行四列效果图自定义Item布局效果图PageGridView使用Gradle 依赖库implementation com.wihaohao:PageGridView:1.0.1默认布局一般默认参数即可满足需求一行4列的布局两行4列的布局自定义Item布局 ItemModelpublic abstract static class ItemModel { /** * 返回item名字 * * return */ protected abstract String getItemName(); /** * 设置图标 * * param imageView */ protected abstract void setIcon(ImageView imageView); /** * 特殊需求，重写该方法，设置item * * param itemView */ protected void setItemView(View itemView) { } }Model继承VpGridView.ItemModel 为item赋值和设置图标public abstract static class ItemModel { /** * 返回item名字 * * return */ protected abstract String getItemName(); /** * 设置图标 * * param imageView */ protected abstract void setIcon(ImageView imageView); /** * 特殊需求，重写该方法，设置item * * param itemView */ protected void setItemView(View itemView) { } }继承VpGridView.ItemModel 设置ItemViewpublic class MyIconModel extends PageGridView.ItemModel { private String name; private int iconId; public String getName() { return name; } public void setName(String name) { this.name = name; } public int getIconId() { return iconId; } public void setIconId(int iconId) { this.iconId = iconId; } public MyIconModel(String name, int iconId) { this.name = name; this.iconId = iconId; } Override protected String getItemName() { return name; } Override protected void setIcon(ImageView imageView) { imageView.setImageResource(iconId); } }PageGridView的使用public class MainActivity extends AppCompatActivity { List mList; List mList2; private PageGridView mPageGridView; private PageGridView mPageGridView2; Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); mPageGridView =findViewById(R.id.vp_grid_view); initData(); mPageGridView.setData(mList); mPageGridView.setOnItemClickListener(new PageGridView.OnItemClickListener() { Override public void onItemClick(int position) { Toast.makeText(MainActivity.this,position "",Toast.LENGTH_SHORT).show(); } }); //自定义item mPageGridView2=findViewById(R.id.p_grid_view2); mPageGridView2.setData(mList2); } private void initData() { mList=new ArrayList<>(); mList2=new ArrayList<>(); for(int i=0;i<30;i ){ mList.add(new MyIconModel("测试" i,R.mipmap.ic_launcher)); mList2.add(new CustomModel("标题" i)); } } }

(系统自动生成,下载前可以参看下载内容)