android学习笔记——GridView控件(九宫格布局)
来源:互联网 发布:linux根目录介绍 编辑:程序博客网 时间:2024/06/05 09:05
GridView跟ListView都是比较常用的多控件布局,而GridView更是实现九宫图的首选!
先来介绍一下要做的工作,有一个完整的思路
1.在activity_main.xml中加一个GridViwe
2.编写一个自定义的Adapter,在其中完成给每个item与数据源的绑定。getView()方法
3.回到MainActivity中去使用该Adapter。
4.之后可以为item设置一下点击事件,再做一些别的操作。(下一节在其中插入一个切换图片的方法)
activity_main.xml文档如下
<GridView
android:id="@+id/gv_images"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:numColumns="3" //设置列数为3,可设置自动“auto_fit”
android:stretchMode="columnWidth" //缩放与列宽大小同步
android:horizontalSpacing="10dp" //两列之间的边距 10dp
android:verticalSpacing="10dp" //两行之间的边距 10dp
//android:columnWidth="90dp" //设置每一列的宽度,也可以不用在这里设置,之后我们会看到。
/>
和以前一样,View(视图)和数据进行绑定是需要一个Adapter的。在这我们写一个自己的Adapter来进行适配。
在写这个Adapter之前,我们要认真的思考一下该Adapter要做什么事。
把每一个item设置成一个Image,然后显示这个GridView。那么在getView()这个方法中,我们需要用到的参数就是上下文以及数据源
自定义构造函数就呼之欲出了。看下面代码吧
public class ImageAdapter extends BaseAdapter{
private Context context;
private Context context;
private int[] data;
//自定义构造函数
public ImageAdapter(Context context,int [] data){
this.context = context;
this.data = data;
public ImageAdapter(Context context,int [] data){
this.context = context;
this.data = data;
}
@Override
public int getCount() {
return data.length;
public int getCount() {
return data.length;
}
@Override
public Object getItem(int position) {
return null;
public Object getItem(int position) {
return null;
}
@Override
public long getItemId(int position) {
return 0;
public long getItemId(int position) {
return 0;
}
@Override
public View getView(int position, View convertView, ViewGroup parent) {
//循环使用convertView首先要判断他是否为空,如果是空的,加一个imageView在里面,用来显示图片
if (convertView == null){
convertView = new ImageView(context);
public View getView(int position, View convertView, ViewGroup parent) {
//循环使用convertView首先要判断他是否为空,如果是空的,加一个imageView在里面,用来显示图片
if (convertView == null){
convertView = new ImageView(context);
//设置控件的布局样式
convertView.setLayoutParams(new GridView.LayoutParams(200,250));
//在这里设置了一下宽度和高度,对应了上面的列宽,但这是有区别的。这种方式设置的是内容的宽高,而在xml中设置android:columnWidth="90dp"则是限定了列宽,不论内容有多大,只能是显示90dp
}
//分配要显示的图片
convertView.setBackgroundResource(data[position]);
return convertView;
}
//分配要显示的图片
convertView.setBackgroundResource(data[position]);
return convertView;
}
}
让我们回到MainActivity中来,在这里需要做哪些事?
1.获取布局中的GridView,和平常控件没有区别
2.初始化数据源,就用个简单的数组存储吧,因为都是用的id所以int类型就可以
3.这就要调用刚才写的Adapter了,设置一下。gvImage.setAdapter(adapter)。
4.最后给每个item设置一个点击事件gvImage.setOnItemClickListener()。在这里我们就可以进行一些扩展了。
代码就不贴了,都是很基础的了,想不起来就该挨打了~
0 0
- android学习笔记——GridView控件(九宫格布局)
- android gridview 九宫格布局
- Android GridView控件(九宫格)
- GridView布局(九宫格布局)
- Android 开发:(八)初识GridView(九宫格布局)
- android中九宫格布局与gridview
- Android布局之GridView(九宫格)
- GridView布局九宫格
- GridView实现九宫格布局
- Android GridView(九宫格)
- Android gridview实现简单的九宫格布局
- android九宫格学习笔记
- Android UI编程(1)——九宫格(GridView)
- Android控件 之 GridView九宫格实现方法一
- Android控件 之 GridView九宫格实现方法二
- Android 自定义九宫格控件Gridview用法以及属性
- Android编程之GridView(九宫格)
- Android开发——GridView(九宫图)网格视图
- 新建Microsoft Word文档 (优先队列,模拟好像会T)
- 使用注解描述的Servlet程序开发
- 一起talk C栗子吧(第七十三回:C语言实例--DIY pwd命令)
- 旋转数组的最小数字
- 单例模式
- android学习笔记——GridView控件(九宫格布局)
- POJ3579 二分
- STM32学习笔记(4):SysTick
- poj 1860-Currency Exchange(Bellman_Ford算法)
- [笔记] 大型网站技术架构——核心原理与案例分析 [一]
- 斐波那契数列
- android学习笔记——ImageSwitcher控件(图片切换器)
- 关于”点九”
- android开发步步为营之87:从sdcard或者data文件夹下读写数据