使用GridView表格显示多张图片

一:GridView 概述

1:主题:使用GridView以表格形式显示多张图片
2:课程目标:学会使用GridView制作二维布局界面(行、列分布)
3:GridView用来干嘛:用于在界面上按行、列分布的方式来显示多个组件;
应用举例:手机系统桌面、手机360安全卫士功能列表、聚划算搜索全部内容列表
4:相似列表组件间比较:
GridView 二维列表显示(行列式)
ListView 一维行可下拉表显示(单调行表)
5:GridView的实现:
数据源-->适配器-->视图界面

二:GridView使用

gridView实现过程:
1.准备数据源
dataList=new ArrayList<Map<String,Object>>();

2.新建适配器(SimpleAdapter)
adapter=new SimpleAdapter(this,getData(),自定义布局,new String[]{"image","text"},new int[]{R.id.image,R.id.text});
(getData方法内容见笔记附录1)

3.gridView加载适配器
gridView.setAdapter(adapter);

4.gridView配置时间监听器(OnItemClickListener)
插入接口OnItemClickListener
gridView.setOnItemClickListener(this);
(onItemClick见笔记附录2)
笔记附录:
1.getData方法内部
private List<Map<String,Object>> getData(){
for(int i=0;i<icon.length;i++){
Map<String,Object>map=new HashMap<String,Object>();
map.put("image",icon[i]);
map.put("text",iconName[i]);
dataList.add(map);
}
return dataList;
}

2.public void onItemClick(...){
Toast.makeText(this,"我是"+iconName[position],Toast.LENGTH_SHORT).show();
}

三:设置属性,监听事件

GridView的三个常用属性
android:numColumns="3" //每行显示多少列 自己也有一个属性auto_fit自动适应
android:horizontalSpacing="10dp"//列间距
android:verticalSpacing="10dp" //行间距

  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值