Gridview表格控件

效果图:

分析:

使用和ListvVew很像,都是经过适配器将数据绑定到控件上

具体步骤如下:

1、创建GridView控件,并指定列数

  android:numColumns="3"

2、创建显示数据项的数据容器,是一个Lauout文件,里面一个ImageView,一个TextView

  上面是ImageView,“小白10”是TextView显示的

3、创建好数据,这里用List来实现

  private List<HashMap<String, Object>> mData;

  mData=new ArrayList<HashMap<String,Object>>();

  然后是创建HashMap

    HashMap<String, Object> map=new HashMap<String, Object>();

       map.put("txt", "小白"+i);   

    map.put("image", images[i]);

    mData.add(map);

4、创建数据适配器,并且将数据绑定到数据适配器

  private SimpleAdapter adapter;

  adapter=new SimpleAdapter(this, mData, R.layout.itemview1,new String[]{"txt","image"}, new int[]{R.id.textView1,R.id.iv_avator});

5、为GridView设置数据适配器

  gridview.setAdapter(adapter);

代码:

fry.Activity01

 1 package fry;
 2
 3 import java.util.ArrayList;
 4 import java.util.HashMap;
 5 import java.util.List;
 6 import java.util.Map;
 7
 8 import com.example.gridView.R;
 9
10 import android.app.Activity;
11 import android.os.Bundle;
12 import android.widget.GridView;
13 import android.widget.SimpleAdapter;
14
15 public class Activity01 extends Activity{
16     private List<HashMap<String, Object>> mData;
17     private GridView gridview;
18     private SimpleAdapter adapter;
19     private int[] images=new int[]{
20             R.drawable.image1,R.drawable.image2,R.drawable.image3,
21             R.drawable.image5,R.drawable.image6,R.drawable.image7,
22             R.drawable.image8,R.drawable.image9,R.drawable.image10,
23             R.drawable.image11,R.drawable.image12,R.drawable.image13,
24             R.drawable.image14,R.drawable.image4
25     };
26
27     @Override
28     protected void onCreate(Bundle savedInstanceState) {
29         // TODO Auto-generated method stub
30         super.onCreate(savedInstanceState);
31         setContentView(R.layout.activity01);
32         gridview=(GridView) findViewById(R.id.gridView1);
33
34         mData=new ArrayList<HashMap<String,Object>>();
35         for(int i=0;i<images.length;i++){
36             HashMap<String, Object> map=new HashMap<String, Object>();
37             map.put("txt", "小白"+i);
38             map.put("image", images[i]);
39             mData.add(map);
40         }
41
42         adapter=new SimpleAdapter(this, mData, R.layout.itemview1,
43                 new String[]{"txt","image"}, new int[]{R.id.textView1,R.id.iv_avator});
44
45         gridview.setAdapter(adapter);
46     }
47 }

主界面

/gridView/res/layout/activity01.xml

 1 <?xml version="1.0" encoding="utf-8"?>
 2 <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
 3     android:layout_width="match_parent"
 4     android:layout_height="match_parent"
 5     android:orientation="vertical" >
 6
 7     <GridView
 8         android:id="@+id/gridView1"
 9         android:layout_width="match_parent"
10         android:layout_height="match_parent"
11         android:numColumns="3"
12         ></GridView>
13
14 </LinearLayout>

创建GridView控件

/gridView/res/layout/itemview1.xml

 1 <?xml version="1.0" encoding="utf-8"?>
 2 <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
 3     android:layout_width="match_parent"
 4     android:layout_height="match_parent"
 5     android:gravity="center_horizontal"
 6     android:orientation="vertical" >
 7
 8     <ImageView
 9         android:id="@+id/iv_avator"
10         android:layout_width="wrap_content"
11         android:layout_height="wrap_content"
12         android:src="@drawable/image1" />
13
14     <TextView
15         android:id="@+id/textView1"
16         android:layout_width="wrap_content"
17         android:layout_height="wrap_content"
18         android:text="小白"
19         />
20
21 </LinearLayout>

创建数据项容器

转载于:https://www.cnblogs.com/Renyi-Fan/p/7438066.html

Gridview表格控件相关推荐

  1. python gridview_Gridview表格控件

    Gridview表格控件 效果图: 分析: 使用和ListvVew很像,都是经过适配器将数据绑定到控件上 具体步骤如下: 1.创建GridView控件,并指定列数 android:numColumns ...

  2. 动态生成表格呈现还是将表格直接绑定gridview等控件呈现的开发方式选择依据...

    动态生成表格呈现还是将表格直接绑定gridview等控件呈现的开发方式选择依据:由存储过程决定,如果编写的存储过程可以生成需要呈现的表格则直接绑定,否则要动态生成表格 转载于:https://www. ...

  3. 在GridControl表格控件中实现多层级主从表数据的展示

    在一些应用场景中,我们需要实现多层级的数据表格显示,如常规的二级主从表数据展示,甚至也有多个层级展示的需求,那么我们如何通过DevExpress的GridControl控表格件实现这种业务需求呢?本篇 ...

  4. python表格控件_python GUI库图形界面开发之PyQt5表格控件QTableView详细使用方法与实例...

    PyQt5表格控件QTableView简介 在通常情况下,一个应用需要和一批数据进行交互,然后以表格的形式输出这些信息,这时就需要用到QTableView类了,在QTableView中可以使用自定义的 ...

  5. SpreadJS 类Excel表格控件 - V12 新特性详解

    我们很高兴的宣布:纯前端类Excel表格控件 - SpreadJS 正式推出了 V12 新版本,此次的新版本中包含了诸多重量级的功能和来自客户的新需求,如对形状和富文本的支持,也有新增的图表类型,还有 ...

  6. ExtJS4.2学习(10)分组表格控件--GroupingGrid

    分组表格控件在我们的开发中经常被用到,GroupingGrid分组表格就是在普通表格的基础上,根据某一列的数据显示表格中的数据分组的表格控件.举个例子给大家,比如某些信息用树形显示觉得有点大才小用,树 ...

  7. extjs 表单设置html5,ExtJS 配置和表格控件使用

    ExtJS是一套完整的RIA解决方案,也因为功能完整造成了ext-all.js有400多k,由于是基于JS和CSS的功能实现,对客户端机器性能也有一定的要求,即不支持IE6以下的版本.如果您的项目对网 ...

  8. 纯前端表格控件SpreadJS V12.1 隆重登场,专注易用性,提升用户体验

    ​ 一款优秀的开发工具,在更新迭代中,除了要满足不同场景的业务需求,也需不断优化已有功能,尤其是细节方面,要能为用户带来使用体验和开发效率的提升. 作为一款备受业界专家和开发者认可的纯前端类Excel ...

  9. SAP UI5 应用开发教程之六十六 - 基于 OData V4 的 SAP UI5 表格控件如何实现删除功能试读版

    一套适合 SAP UI5 初学者循序渐进的学习教程 教程目录 SAP UI5 本地开发环境的搭建 SAP UI5 应用开发教程之一:Hello World SAP UI5 应用开发教程之二:SAP U ...

  10. SAP UI5 应用开发教程之六十五 - 基于 OData V4 的 SAP UI5 表格控件如何实现创建,编辑和保存功能

    本教程前几个步骤,我们已经用 SAP UI5 table 控件开发了一个包含 User 列表的应用,并且支持了根据 LastName 字段进行查询,以及排序的操作. SAP UI5 应用开发教程之六十 ...

最新文章

  1. Python零基础入门(4)——强大的分支与循环
  2. [ST2017] Lab1: Triangle type and Junit test
  3. 使用隐含参数testMappingSpeed排查GoldenGate抽取慢的步骤
  4. jmeter 安装详解
  5. Qt之问题: Unknown module(s) in QT: multimedia
  6. 图片没有.png或者jpg后缀能不能加载?
  7. 评价微型计算机有哪些主要性能指标,计算机性能指标有哪些
  8. mysql etc my.cnf_Mysql数据库服务器配置文件/etc/my.cnf的详细配置
  9. authorized_key 不生效。
  10. 京东大客户开放平台VOP接口对接记录
  11. python之dlib使用摄像头实时检测人脸
  12. R语言安装Sampling包
  13. 什么是POSIX标准
  14. Windows安装Visual Studio Installer卡在正在验证 循环正在下载不安装,解决办法之服务问题
  15. 李宏毅老师官方授权!《李宏毅机器学习特训营》发布,放心免费学!
  16. 如何让人更高效的完成事情
  17. 室内空气流动原理图_新风系统工作原理图—新风系统工作原理介绍
  18. 汉诺塔的递归算法与解析
  19. linux so 文件 执行,Linux .so库的使用
  20. AM335x Beaglebone black 蚂蚁矿机L3+控制板 资源下载

热门文章

  1. 计算机组成原理_计算机组成原理amp;认识Python
  2. “21天好习惯“第一期-4
  3. 工厂模式在 Calendar 类中的应用
  4. near、far、huge,based四个个指针的区别
  5. 【洛谷 P4291】 [HAOI2008]排名系统(Splay,Trie)
  6. Java通过JNI调用C++的DLL库
  7. Cloudflare泄露客户数据,IT部门可从中吸取什么教训?
  8. C++ 调用 SOAP Web Service
  9. Android BackgroundViewPager:类似桌面背景壁纸随手指滑动
  10. 在ClassWizard无法显示添加的类解决方法(转载)