移动应用服务器端开发（基于JSP技术）-2017 GridView 实验报告：网格视图.doc

Android线性布局

PAGE 5

实训（实 验） 报 告

实训(实验)项目:

Android网格视图使用

实验目的：

学习网格视图继承BaseAdapter方法的使用

学习网格视图相关属性与使用

实训（实验）设计（器材、步骤、结论）：

简介：

GridView 和 ListView 有共同的父类：AbsListView，因此 GridView 和 ListView 具有一定 的相似性。GridView与ListView的主要区别在于：ListView只是在一个方向上分布；而 GridView则会在两个方向上分布。GridView(网格视图)是按照行列的方式来显示内容。如图所示。

任务1：网格视图继承BaseAdapter

步骤1：打开Android Studio，创建布局文件如下图

步骤 2. 再新创建一个xml文件

在新布局里使用线性布局结构，放置一个ImageView和TextView用作每一个网格内容。

步骤 3. 打开MainActivity.java编写继承BaseAdapter适配器

因为没有设置GridView相应属性，所以所有的网格默认显式一列。

任务2：了解GridView的属性

步骤1：熟悉android:columnWidth和android:numColumns属性

设置GridView有3列。如下图：

设置GridView的列宽为100px，但是注意需要把android:numColumns设置为“auto_fit”（或是加入android:stretchMode属性，否则列宽设置无效）。如要设置GridView行高，无法直接在GridView中设置，需要在子网格（包含Image和TextView的xml文件）设置。例如

步骤2：熟悉android:horizontalSpacing和android:verticalSpacing属性