Android GridView详解

本期主要内容

1: 什么是GridView。
2: GridView的使用方法。
3: GridView的内部原理。
4: GridView的注意事项。

1. GridView简介

  • 在Android程序设计中GridView跟ListView都是比较常用的多控件布局,而GridView更是实现九宫图的首选! GridView的用法很多,主要凸显的是那种网格式布局,既有横向也有纵向的数据显示。

2. GridView的使用场景

  • GridView是android开发中常用的一个控件,它通常和以下几块内容结合使用
      1. GridView的九宫格效果
      1. GridView的获取系统应用
      1. GridView动态加载数据
      1. 扩展:GridView的上拉加载下拉刷新

3. GridView实现数据加载的步骤:

  • GridView适合“网格式布局”的开发模式,即从每个条目的显示组件,到对其进行控制的数据结构,最后通过Activity等进行使用。
    1. 首先是item组件,即用于每项布局输出的xml文件。
    1. 在Activity的布局中加载《GridView》控件,并设置一系列属性
    1. 定义数据结构(容器),即用于持有单个Item的数据,可以是简单的String,也可以通过抽象Items所需字段组成一个类,抽象的原则是与Item中的组件对应。本文中上图涉及多个字段,因此通过抽象组件形成BBSTopicItem类。
    1. 列表适配器。决定每行Item中具体显示什么内容,以怎样的样式显示等,通常通过继承ArrayAdapter、SimpleAdapter等实现。本文定义BaseAdapter。
    1. 定义数据源,并对数据源进行初始化
    1. 将适配器设置给GridView

4. GridView中常用的一些属性 相关属性解析:

    1. android:numColumns=”auto_fit” //GridView的列数设置为自动
    1. android:columnWidth=”90dp " //每列的宽度,也就是Item的宽度
    1. android:stretchMode=”columnWidth"//缩放与列宽大小同步
    1. android:verticalSpacing=”10dp” //两行之间的边距
    1. android:horizontalSpacing=”10dp” //两列之间的边距
    1. android:cacheColorHint="#00000000" //去除拖动时默认的黑色背景
    1. android:listSelector="#00000000" //去除选中时的黄色底色
    1. android:scrollbars="none" //隐藏GridView的滚动条
    1. android:fadeScrollbars="true" //设置为true就可以实现滚动条的自动隐藏和显示
    1. android:fastScrollEnabled="true" //GridView出现快速滚动的按钮(至少滚动4页才会显示)
    1. android:fadingEdge="none" //GridView衰落(褪去)边缘颜色为空,缺省值是vertical。(可以理解为上下边缘的提示色)
    1. android:fadingEdgeLength="10dip" //定义的衰落(褪去)边缘的长度
    1. android:stackFromBottom="true" //设置为true时,你做好的列表就会显示你列表的最下面
    1. android:transcriptMode="alwaysScroll" //当你动态添加数据时,列表将自动往下滚动最新的条目可以自动滚动到可视范围内
    1. android:drawSelectorOnTop="false" //点击某条记录不放,颜色会在记录的后面成为背景色,内容的文字可见(缺省为false)

5、GridView的使用方法。

  • 初始化控件GridView
  • 准备数据源(一组图片)
  • 定义BaseAdapter(适配器)
  • GridView加载适配器

加载本地数据使用方法

步骤:

  • 初始化数据
Android GridView详解_第1张图片
初始化数据 .png
  • 绑定视图和数据
绑定视图和数据.png
  • 效果图如下
Android GridView详解_第2张图片
效果图.png

加载网络数据

步骤:

  • 初始化数据


    Android GridView详解_第3张图片
    初始化数据.png
  • 创建适配器

Android GridView详解_第4张图片
创建适配器.png
  • 绑定视图和数据
绑定视图和数据.png
  • 图片下载使用异步请求AsyncTask
Android GridView详解_第5张图片
图片下载使用异步请求AsyncTask.png
  • 下载图片方法
Android GridView详解_第6张图片
下载图片方法 .png
  • 效果图
Android GridView详解_第7张图片
效果图.png

你可能感兴趣的:(Android GridView详解)