前面一共用了8期来学习ListView列表的相关操作,其实学习的ListView的知识完全适用于AdapterView的其他子类,如GridView、Spinner、AutoCompleteTextView等组件,那么接下来分别来学习一下这些列表组件,本期先学习GridView的使用。
一、认识GridView
前面学的ListView是列表, 这里的GridView就是显示网格,用于在界面上按行、列分布的方式来显示多个组件。
GridView 和 ListView 有共同的父类:AbsListView,因此 GridView和ListView具有很高的相似性,它们都是列表项。GridView与ListView的唯一区别在于:ListView只显示一列;而GridView可以显示多列。从这个角度来看,ListView相当于一种特殊的GridView,如果让 GridView只显示一列,那么该GridView就变成了 ListView。 与ListView类似的是,GridView也需要通过Adapter来提供显示的数据:开发者可以采用上面介绍的几种方式中的任意一种来创建Adapter。不管使用哪种方式,GridView与ListView 的用法是基本一致的。
GridView提供的常用XML属性及相关方法如下表所示。
上表中android:stretchMode属性支持如下几个属性值。
-
NO_STRETCH:不拉伸。
-
STRETCH_SPACING:仅拉伸元素之间的间距。
-
STRETCH_SPACING_UNIFORM:表格元素本身、元素之间的间距一起拉伸。
-
STRETCH_COLUMN_WIDTH:仅拉伸表格元素本身。
另外需要注意的是使用GridView时一般都应该指定numColumns大于1;否则该属性的默认值为1。如果将该属性设为1,则意味着该GridView只有一列,那么GridView 就变成了 ListView。
二、GridView示例
接下来通过一个简单的示例程序来学习GridView的使用方法。
继续使用WidgetSample工程的listviewsample模块,在app/main/res/layout/目录下创建gridview_layout.xml文件,在其中填充如下代码片段:
定义GridView时指定了 android:numColumns="4",这意味着该网格包含4列。该GridView包含的行是动态改变的——正如ListView到底包含多少行是由该ListView对应的Adapter所决定的,GridView到底包含多少行也是由Adapter决定的。
在res/layout/目录下新建一个gridview_item.xml的列表项布局文件,其代码如下:
接下来为GridView提供Adapter,具体实现方式有多种,这里使用SimpleAdapter决定GridView所要显示的内容。新建GridViewActivity.java文件,加载上面新建的布局文件,具体代码如下:
package com.jinyu.cqkxzsxy.android.listviewsample;import android.os.Bundle;import android.support.v7.app.AppCompatActivity;import android.view.View;import android.widget.AdapterView;import android.widget.GridView;import android.widget.SimpleAdapter;import android.widget.Toast;import java.util.ArrayList;import java.util.HashMap;import java.util.List;import java.util.Map;public class GridViewActivity extends AppCompatActivity { private GridView mAppGridView = null; // 应用图标 private int[] mAppIcons = { R.drawable.app_1, R.drawable.app_2, R.drawable.app_3, R.drawable.app_4, R.drawable.app_5, R.drawable.app_6, R.drawable.app_7, R.drawable.app_8, R.drawable.app_9 }; // 应用名 private String[] mAppNames = { "魔法棒", "点赞社群", "购物街区","蚂蚁社区","鑫鱻地图", "鑫鱻消息", "房品汇","商城","模型盒子" }; @Override public void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.gridview_layout); // 获取界面组件 mAppGridView = (GridView) findViewById(R.id.gridview); // 初始化数据,创建一个List对象,List对象的元素是Map List
上面的程序同样使用了 SimpleAdapter对象作为GridView的Adapter,这个SimpleAdapter底层保证了一个长度为9的List集合这意味着该GridView —共需要显示9个组件,GridView总共有4 列,因此该GridView —共包含3行。
修改程序启动的Activity,运行程序,可以看到下图左侧所示界面效果。
单击界面中的图标,可以看到消息提示,如上图右侧所示。
至此,GridView的简单使用学习完毕,更多属性和方法建议多加练习并掌握。
今天就先到这里,如果有问题欢迎留言一起探讨,也欢迎加入Android零基础入门技术讨论微信群,共同成长!
此文章版权为微信公众号分享达人秀(ShareExpert)——鑫鱻所有,若需转载请联系作者授权,特此声明!
往期总结分享:
Android零基础入门第1节:
Android零基础入门第2节:
Android零基础入门第3节:
Android零基础入门第4节:
Android零基础入门第5节:
Android零基础入门第6节:
Android零基础入门第7节:
Android零基础入门第8节:
Android零基础入门第9节:
Android零基础入门第10节:
Android零基础入门第11节:
Android零基础入门第12节:
Android零基础入门第13节:
Android零基础入门第14节:
Android零基础入门第15节:
Android零基础入门第16节:
Android零基础入门第17节:
Android零基础入门第18节:
Android零基础入门第19节:
Android零基础入门第20节:
Android零基础入门第21节:
Android零基础入门第22节:
Android零基础入门第23节:
Android零基础入门第24节:
Android零基础入门第25节:
Android零基础入门第26节:
Android零基础入门第27节:
Android零基础入门第28节:
Android零基础入门第29节:
Android零基础入门第30节:
Android零基础入门第31节:
Android零基础入门第32节:
Android零基础入门第33节:
Android零基础入门第34节:
Android零基础入门第35节:
Android零基础入门第36节:
Android零基础入门第37节:
Android零基础入门第38节:
Android零基础入门第39节:
Android零基础入门第40节:
Android零基础入门第41节:
Android零基础入门第42节:
Android零基础入门第43节:
Android零基础入门第44节: