利用GridView实现分页标签

于 2023-10-02 06:39:42 发布
阅读量86 收藏
点赞数
CC 4.0 BY-SA版权
文章标签： 编程
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/TechSavant/article/details/133479603
编程 专栏收录该内容
342 篇文章 ¥59.90 ¥99.00
订阅专栏
本文介绍了在Android开发中如何利用GridView实现分页标签。通过XML布局文件设置GridView，创建自定义适配器绑定数据，以及在主活动中实例化并设置适配器，最终实现可点击交互的标签网格布局。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

GridView是Android开发中常用的布局控件之一，它可以实现网格状的布局，并且可以用于展示分页标签。在本文中，我们将介绍如何使用GridView来实现分页标签，并提供相应的源代码示例。

首先，我们需要在XML布局文件中添加GridView控件。以下是一个简单的示例：

<GridView
    android:id="@+id/gridView"
    android:layout_width
了解本专栏 订阅专栏 解锁全文
Android中使用GridView分页显示系统所安装的应用，支持拖动与手势滑动
Yao.GUET
05-05 1万+
最近在看ADW的东西，昨天从Launcher中提取了WorkSpace，可以左右拖动以及手势滑动切换页面，但是在测试中，只是使用静态的方法往里面添加内容，相应的说明和源码可以看这里：http://blog.youkuaiyun.com/Yao_GUET/archive/2011/05/04/6393962.aspx现在测试一下使用addView方法，所以做一个分页显示系统所安装程序的测试应用。使用GridView来显示系统已经安装的应用，有别于原来的Launcher，把竖向滑动改为横向滑动，使用的方法是GridView
Android GridView分页显示
02-26
Android GridView分页显示
Android GridView控件分页自定义
whotodo
03-20 165
首先新建Android项目如下： 包名解释： com.yaomei.activity.adapter 　　DEMO使用到的自定义Adapter com.yaomei.activity.info　　　　　　DEMO入口 com.yaomei.dbHelper　　　　　　　数据库帮助类 com.yaomei.model　　　　　　　　应用程序JAVA ...
android GridView横向分页
每天进步一点点……
05-23 680
android GridView横向分页   附源码： csdn下载地址：http://download.youkuaiyun.com/detail/zjgwxh/8730105
android gridview分页显示,GridView使用自带分页功能时分页方式及样式PagerStyle
weixin_36079903的博客
05-26 625
GridView分页，使用自带分页功能，类似下面样式：在aspx页面中，GridView上的PagerStyle下CssClass属性，设置为bubufxPagerCss，具体aspx页面代码：AllowPaging="True" EmptyDataText="没有数据记录！！" OnPageIndexChanging="GridView1_PageIndexChanging"ShowHeader...
GridView高效分页和搜索功能的实现代码
10-27
以上就是如何在ASP.NET中利用GridView实现高效分页和搜索功能的概述。实际应用中，你可能需要根据具体的数据结构和业务需求进行调整。记得在实际操作时考虑性能优化和用户体验，确保系统在大数据量下依然运行流畅。
ActivityGroup和GridView实现标签分页
11-24
在Android开发中，ActivityGroup和GridView是两种常用的组件，它们可以协同工作来实现标签分页的效果，这是一种常见的用户界面设计模式，通常用于展示多个类似内容的页面，让用户通过标签进行切换浏览。本篇将深入...
JQuery+gridview实现分页功能的教程
熟悉gridview的常用标签属性和方法对于掌握JQuery+gridview的实现至关重要，这包括： - DataKeyNames：设置数据主键。 - DataSourceID：绑定数据源。 - AllowPaging：启用分页。 - AllowSorting：启用排序。 - ...
ActivityGroup+GridView实现Tab分页标签的滑动切换界面
03-30
本教程将详细介绍如何利用`ActivityGroup`和`GridView`来实现这一功能。`ActivityGroup`是Android早期版本中用于在一个TabHost内嵌套多个Activity的方式，而`GridView`则是一个常用的布局控件，可以展示多行多列的...
android gridview分页和滑动效果
08-27
android gridview分页和滑动效
安卓Android源码——gridview分页效果.zip
10-11
安卓Android源码——gridview分页效果.zip
android GridViewPaging 分页加载数据
04-05
NULL 博文链接：https://flyingsir-zw.iteye.com/blog/1530727
Android 分页缓存图片加载器，gridview显示
08-07
AndroidStudio开发平台。通过url加载显示图片资源，加载过程中进行了缓存和分页加载的优化。同时对当前视图中不可见的图片资源进行了回收处理。
viewpage+gridView分页显示安装的所有apk
08-24
viewpage+gridView分页显示安装的所有apk，每页显示9条数据
PageGridView-ViewPager GridView组合控件实现网格布局分页效果.zip
09-23
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'默认布局一般默认参数即可满足需求<com.wihaohao.PageGridView           android:id="@ id/vp_grid_view"           android:layout_width="match_parent"           android:layout_height="wrap_content"           />一行4列的布局  <com.wihaohao.PageGridView           android:id="@ id/vp_grid_view"           android:layout_width="match_parent"           android:layout_height="wrap_content"           app:numColumns="4"           app:pageSize="4"           app:selectedIndicator="@mipmap/ic_dot_selected"           app:unSelectedIndicator="@mipmap/ic_dot_normal"           app:isShowIndicator="true"           />两行4列的布局    <com.wihaohao.PageGridView         android:id="@ id/vp_grid_view"         android:layout_width="match_parent"         android:layout_height="wrap_content"         app:indicatorPadding="10dp"         app:isShowIndicator="true"         app:itemView="@layout/my_item_view"         app:numColumns="4"         app:pageSize="8"         app:selectedIndicator="@mipmap/ic_dot_selected"         app:unSelectedIndicator="@mipmap/ic_dot_normal" />自定义Item布局 <com.wihaohao.PageGridView                 android:id="@ id/p_grid_view2"         android:layout_width="match_parent"         android:layout_height="wrap_content"         app:indicatorGravity="right"         app:indicatorPaddingRight="@dimen/padding_10"         app:isShowIndicator="true"         app:itemView="@layout/item_custom"         app:indicatorBackground="@color/colorPrimary"         app:numColumns="5"         app:pageSize="5"/>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<MyIconModel> mList;         List<CustomModel> mList2;         private PageGridView<MyIconModel> mPageGridView;         private PageGridView<CustomModel> 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));         }     } }
Android 基于GridView和ActivityGroup实现的TAB分页
qq_44906554的博客
05-05 380
Android 基于GridView和ActivityGroup实现的TAB分页
Android开发 GridView分页效果
海涛高软
10-24 5061
最后实现的效果如下图红框所示： 下面具体分析一下如何实现：1 查找到系统中所有的应用程序信息 2 定出每页显示的应用数量 3 算出需要的页数上图实现了，每一页对应一个GridView，并用自定义的Adapter将数据和GridView绑定，然后将GridView存放到Map集合中FR:徐海涛（Hunk Xu)
Android GridView 实现左右分页滑动 (超级简单的方法)
吕氏春秋i
05-30 2910
最近项目在做日历签到板块 因为之前上学的时候敲过一个关于日历的Demo 所以直接用上了 用的就是GridView的实现 上一篇文章也解决了有关GridView适配尺寸的问题https://blog.youkuaiyun.com/Life_s/article/details/80509899 之前做的日历不能滑动，在当今的app中有那个日历是不能滑动的呀？那么问题来了，下面这个问题是解决了GridView ...
Android GridView横向滚动，分页加载数据
HarryWeasley的专栏
04-01 6993
转载请注明出处，谢谢http://blog.youkuaiyun.com/harryweasley/article/details/51007348始终觉得讲ui效果要先放上效果图，要不让其他人好不容易看完了，发现并不是他想要的效果，那岂不是坑了苦逼的程序员，程序员何苦为难程序员。效果图如下所示： 此应用，是viewPager结合fragment,fragment里又是一个gridView来实现的，实现向右滑
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值