详解Android使GridView横向水平滚动的实现方式

Android为我们提供了竖直方向的滚动控件GridView，但如果我们想让它水平滚动起来，就需要自己实现了。

以下使用的测试数据datas集合都为List<ResolveInfo>类型，用来存储手机中的所有App

  public static List<ResolveInfo> getAppData(Context context) {
    PackageManager packageManager = context.getPackageManager();
    Intent mainIntent = new Intent(Intent.ACTION_MAIN, null);
    mainIntent.addCategory(Intent.CATEGORY_LAUNCHER);
    return packageManager.queryIntentActivities(mainIntent, 0);
  }

一、单行横向显示

实现思路

1. 在代码中动态设置GridView的NumColumns，使其等于GridView要显示的数据集合大小。
2. 动态设置item项宽度，结合数据集合大小来设置GridView的总宽度。
3. 使用HorizontalScrollView包裹GridView
   

具体实现

关键代码

  /**
   * 将GridView改成单行横向布局
   */
  private void changeGridView() {
    // item宽度
    int itemWidth = DensityUtil.dip2px(this, 100);
    // item之间的间隔
    int itemPaddingH = DensityUtil.dip2px(this, 1);
    int size = datas.size();
    // 计算GridView宽度
    int gridviewWidth = size * (itemWidth + itemPaddingH);

    LinearLayout.LayoutParams params = new LinearLayout.LayoutParams(
        gridviewWidth, LinearLayout.LayoutParams.MATCH_PARENT);
    mContentGv.setLayoutParams(params);
    mContentGv.setColumnWidth(itemWidth);
    mContentGv.setHorizontalSpacing(itemPaddingH);
    mContentGv.setStretchMode(GridView.NO_STRETCH);
    mContentGv.setNumColumns(size);
  }

这里用到的dip2px方法是根据手机的分辨率从 dp 的单位 转成为 px(像素)

  /**
   * 根据手机的分辨率从 dp 的单位 转成为 px(像素)
   * @param context  上下文
   * @param dpValue  dp值
   * @return px值
   */
  public static int dip2px(Context context, float dpValue) {
    final float scale = context.getResources().getDisplayMetrics().density;
    return (int) (dpValue * scale + 0.5f);
  }

在布局文件中，使用HorizontalScrollView包裹GridView

  <HorizontalScrollView
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:scrollbars="none">
    <LinearLayout
      android:layout_width="match_parent"
      android:layout_height="match_parent">
      <GridView
        android:id="@+id/gv_horizontal_gridview_line"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:scrollbars="none"/>
    </LinearLayout>
  </HorizontalScrollView>

通过以上设置，再加上Adapter适配器就能实现单行横向滚动了，适配器使用常规的实现方式就行，这里就不贴了

二、多行横向分页显示

实现思路

1. 使用ViewPager实现左右翻页效果。
2. 根据数据集合大小，计算出要显示的页数，并生成相应数量的GridView。
3. 在GridView的Adapter适配器中，动态分配GridView需要显示的数据集合。
4. 使用List保存多个GridView实例并传入ViewPager适配器中，一页ViewPager对应一个GridView实例。

具体实现

数据量很多时，需要进行分页，计算方式

需要页数 = 总数量 ÷ 每页显示数量

有些整除不了的，就需要使用Math.ceil()函数，向上取整

关键代码

  /**
   * 获取系统所有的应用程序，根据每页需要显示的item数量，生成相应数量的GridView页面
   */
  private void initViews(List<ResolveInfo> datas) {
    int dataSize = datas.size();

    // （需要页数 = 总数量 ÷ 每页显示数量）向上取整数
    int PageCount = (int) Math.ceil(dataSize / APP_SIZE);
    mGridViewList = new ArrayList<>();
    for (int i = 0; i <= PageCount; i++) {
      GridView appPage = new GridView(this);
      appPage.setAdapter(new HorizontalGvAdapter(this, datas, i));
      appPage.setNumColumns(4);
      appPage.setVerticalSpacing(1);
      appPage.setHorizontalSpacing(1);
      appPage.setHorizontalScrollBarEnabled(false);
      appPage.setVerticalScrollBarEnabled(false);
      mGridViewList.add(appPage);
    }

    if(dataSize % APP_SIZE == 0){
      mGridViewList.remove(mGridViewList.size()-1);
      PageCount--;
    }

    mGvPagerAdapter = new HorizontalGvPagerAdapter(mGridViewList);
    viewPager.setAdapter(mGvPagerAdapter);
    viewPager.addOnPageChangeListener(new MyPageChangeListener());

    addDot(PageCount);
  }

当总数量 ÷ 每页显示数量刚好被整除时，会出现一页空白页的情况，这个时候需要去掉多出来的那一页

    if(dataSize % APP_SIZE == 0){
      mGridViewList.remove(mGridViewList.size()-1);
      PageCount--;
    }

Adapter在创建初期就要对显示的数据进行控制，因为这里每个GridView都有一个单独的Adapter，所以需要对其显示的datas进行动态计算

通过传入构造方法的数据进行动态计算，可以得出数据开始加载的位置、结束加载的位置

HorizontalGvAdapter的构造方法：

  /**
   * 所有应用数据
   */
  private List<ResolveInfo> mAppDatas = new ArrayList<ResolveInfo>();

  public HorizontalGvAdapter(Context context, List<ResolveInfo> list, int page) {
    this.mContext = context;

    // 开始加载的位置
    int pageStart = page * HorizontalGridViewAct.APP_SIZE;
    // 结束加载的位置
    int pageEnd = pageStart + HorizontalGridViewAct.APP_SIZE;

    while ((pageStart < list.size()) && (pageStart < pageEnd)) {
      mAppDatas.add(list.get(pageStart));
      pageStart++;
    }
  }

如果需要加小圆点的话，可以先在布局中用一个空LinearLayout当小圆点的容器

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
       android:layout_width="match_parent"
       android:layout_height="match_parent"
       android:background="#ffffff"
       android:orientation="vertical">
  <android.support.v4.view.ViewPager
    android:id="@+id/vp_horizontal_gridview"
    android:layout_width="match_parent"
    android:layout_height="0dp"
    android:layout_weight="1"
    android:layout_gravity="center"
    android:background="#c5c5c5"
    android:scaleType="fitXY"/>

  <!-- 底部小圆点 -->
  <LinearLayout
    android:id="@+id/ll_dot_container"
    android:layout_width="match_parent"
    android:layout_height="50dp"
    android:background="#4b4b4b"
    android:layout_gravity="bottom"
    android:gravity="center"
    android:orientation="horizontal"/>
</LinearLayout>

然后在代码中用List<View>来保存创建的小圆点

  // 放圆点的list
  private List<View> dotViewsList;

  /**
   * 创建指定数量的圆点
   * @param dotNumber viewPager的数量
   */
  private void addDot(int dotNumber) {
    if (null == dotViewsList) {
      dotViewsList = new ArrayList<View>();
    }
    LinearLayout dotLayout = (LinearLayout) findViewById(R.id.ll_dot_container);
    for (int i = 0; i <= dotNumber; i++) {
      ImageView dotView = new ImageView(this);
      LinearLayout.LayoutParams params = new LinearLayout.LayoutParams(
          FrameLayout.LayoutParams.WRAP_CONTENT,
          FrameLayout.LayoutParams.WRAP_CONTENT);

      // 圆点与圆点之间的距离
      params.leftMargin = 10;
      params.rightMargin = 10;

      // 圆点的大小
      params.height = 15;
      params.width = 15;

      dotLayout.addView(dotView, params);
      dotViewsList.add(dotView);
    }
    // 设置圆点默认选中第一个
    setDotShow(0);
  }
动态添加完小圆点后，就可以设置它们的选中状态了，这里只需要更改对应小圆点的图片显示就行

  /**
   * 显示底部圆点导航
   * @param position 选中哪个圆点
   */
  private void setDotShow(int position){
    if (dotViewsList == null){
      return;
    }
    for (int i = 0; i < dotViewsList.size(); i++) {
      if (i == position) {
        dotViewsList.get(position).setBackgroundResource(R.drawable.ic_dot_on);
      } else {
        dotViewsList.get(i).setBackgroundResource(R.drawable.ic_dot_off);
      }
    }
  }

三、总结

以上就是让GridView横向滚动的实现方式，其实我们完全可以不必这么麻烦，Google在support-v7包中为我们提供了RecyclerView控件，切换横向和竖直滚动只需要让布局管理器使用setOrientation方法设置一下就好，非常便捷，如果项目允许，建议使用RecyclerView来实现此类需求。

希望对大家的学习有所帮助，也希望大家多多支持。

# gridview横向水平滚动  # gridview横向滚动  # gridview  # 横向滚动条  # android开发之横向滚动/竖向滚动的ListView(固定列头)  # Android程序开发之ListView实现横向滚动(带表头与固定列)  # Android使用GridView实现横向滚动效果  # Android开发实现横向列表GridView横向滚动的方法【附源码下载】  # Android GridView实现横向列表水平滚动  # Android自定义ViewGroup实现可滚动的横向布局（2）  # Android实现自定义的弹幕效果  # 实例解析如何在Android应用中实现弹幕动画效果  # Android 实现仿网络直播弹幕功能详解及实例  # Android实现横向无限循环滚动的单行弹幕效果  # 圆点  # 每页  # 小圆点  # 加载  # 就行  # 分页  # 转成  # 都有  # 第一个  # 就能  # 多个  # 就不  # 就好  # 只需  # 再加上  # 对其  # 此类  # 这个时候  # 使其  # 要让 

相关文章： 广平建站公司哪家专业可靠？如何选择？  高端建站如何打造兼具美学与转化的品牌官网？  合肥制作网站的公司有哪些,合肥聚美网络科技有限公司介绍？  建站之星导航如何优化提升用户体验？  宝塔新建站点为何无法访问？如何排查？  建站之星与建站宝盒如何选择最佳方案？  网站制作价目表怎么做,珍爱网婚介费用多少？  安云自助建站系统如何快速提升SEO排名？  如何在服务器上三步完成建站并提升流量？  建站之星如何保障用户数据免受黑客入侵？  建站主机选购指南与交易推荐：核心配置解析  济南企业网站制作公司,济南社保单位网上缴费步骤？  中山网站制作网页,中山新生登记系统登记流程？  设计网站制作公司有哪些,制作网页教程？  如何选择美橙互联多站合一建站方案？  如何通过VPS建站实现广告与增值服务盈利？  建站为何优先选择香港服务器？  建站主机是否等同于虚拟主机？  如何在云指建站中生成FTP站点？  网站制作话术技巧,网站推广做的好怎么话术？  如何高效配置IIS服务器搭建网站？  广州建站公司哪家好？十大优质服务商推荐  东莞专业制作网站的公司,东莞大学生网的网址是什么？  建站之星北京办公室：智能建站系统与小程序生成方案解析  网站制作专业公司有哪些,如何制作一个企业网站，建设网站的基本步骤有哪些？  如何在七牛云存储上搭建网站并设置自定义域名？  济南专业网站制作公司,济南信息工程学校怎么样？  网站代码制作软件有哪些,如何生成自己网站的代码？  网站制作知乎推荐,想做自己的网站用什么工具比较好？  小型网站建站如何选择虚拟主机？  如何通过免费商城建站系统源码自定义网站主题与功能？  如何在香港免费服务器上快速搭建网站？  邀请函制作网站有哪些,有没有做年会邀请函的网站啊？在线制作，模板很多的那种？  如何通过PHP快速构建高效问答网站功能？  网站制作企业,网站的banner和导航栏是指什么？  如何通过西部数码建站助手快速创建专业网站？  如何选择香港主机高效搭建外贸独立站？  如何选择服务器才能高效搭建专属网站？  做企业网站制作流程,企业网站制作基本流程有哪些？  如何通过建站之星自助学习解决操作问题？  家庭建站与云服务器建站，如何选择更优？  网站制作怎么样才能赚钱,用自己的电脑做服务器架设网站有什么利弊，能赚钱吗？  如何通过主机屋免费建站教程十分钟搭建网站？  建站之星免费模板：自助建站系统与智能响应式一键生成  如何自定义建站之星模板颜色并下载新样式？  香港服务器部署网站为何提示未备案？  实例解析angularjs的filter过滤器  网站企业制作流程,用什么语言做企业网站比较好？  建站之星安装步骤有哪些常见问题？  网站制作哪家好,cc、.co、.cm哪个域名更适合做网站？