Android初级开发(四)——补充9、GridView(表格)控件的使用

从小哥哥那里学到的一个控件,赶紧记录下来。。。啦啦啦~

先上个效果图

Android初级开发(四)——补充9、GridView(表格)控件的使用_第1张图片

没错,排版就是这么粗糙。。毕竟是周末加班系列,并不想再搞事情

接下来,代码来了——

一、在主布局文件中加入GridView控件

GridView控件和ListView其实很相似,不同的是GridView控件中有一个numColumns属性,这个属性是用来设置列数的,这里我们设置为3,表示有三列。

Android初级开发(四)——补充9、GridView(表格)控件的使用_第2张图片

二、给GridView的每一项写一个布局(基本上都是一个图片加一个文本)

Android初级开发(四)——补充9、GridView(表格)控件的使用_第3张图片

三、接下来,和前面很多高级控件类似的,我们要去定义一个自己的Adapter适配器去绑定数据和GridView控件,在这里,我们的数据由两部分组成,一部分是图片,另一部分是文字,为了能让一个对象同时可以获取这两类数据,我们就要用到一个方法ViewHolder,这是个视图容器,可以同时获取图片和文字,这样我们就可以把自己的每一块图片和文字加载到一个容器中。此时又产生了一个问题,图片我们可以直接setBackgroudResource放到ViewHolder中(这里所有的表格里我们用的是一样的图片),但是表格里的文字我们设置的是不同的,怎么传到ViewHolder中呢,这个时候就需要用到一个新的类Bean,Bean一搬使用来放实体属性的,在Bean中我们可以设置get、set方法获取属性。那么我们先来建立一个GridBean用来获取文本属性。

Android初级开发(四)——补充9、GridView(表格)控件的使用_第4张图片

接下来,我们来设置Adapter,这个适配器的设置方法和之前很多高级控件的设置都很类似,不同的是这里我们用到了ViewHoler视图容器来存放我们设置的list布局。

Android初级开发(四)——补充9、GridView(表格)控件的使用_第5张图片
Android初级开发(四)——补充9、GridView(表格)控件的使用_第6张图片
Android初级开发(四)——补充9、GridView(表格)控件的使用_第7张图片
Android初级开发(四)——补充9、GridView(表格)控件的使用_第8张图片

四、然后我们就要在主Activity中把适配器传入GridView控件了

Android初级开发(四)——补充9、GridView(表格)控件的使用_第9张图片

OK,这样我们就可以运行看效果了。这只是基础的对于GridView的使用,还有很多更高级的用法,不过目前因为还没有见到过很多APP中用GridView制作的布局,所以就暂时放起来吧。。。这样是不是不太好,,,,原谅我吧,要学的东西实在太多了。。。简直崩溃!

你可能感兴趣的:(Android初级开发(四)——补充9、GridView(表格)控件的使用)