物联网实训平台：购物查询购物信息界面开发

任务目标：
掌握ListView控件的使用方法
任务陈述：
使用ListView控件实现购物查询购物信息界面开发。该界面在输入订单号及购物的起止时间，点击查询后，符合条件的信息，将显示在列表中，列表中的信息包括：订单号，金额，状态，添加时间及操作等列表项。
6.1 ListView控件的使用
在Android中，ListView控件是一种常用的视图组件，它以垂直列表的形式显示信息，可以直接使用ListView组件进行创建，其基本语法格式如下：

image.png

ListView常见的XML属性列表

1.修改res/layout目录下的布局文件，首先添加一个相对布局管理器，在该布局管理器中添加一个ImageView控件，并显示“查询”图标。
2.在相对布局管理器中添加一个线性布局管理器，并嵌套添加两个线性布局管理器，在第一个线性布局管理器中添加一个TextView控件和一个EditText控件，用于订单号的添加；再添加一个TextView控件和一个Button按钮，设定起始时间为“2015-08-01”；同样的方法添加TextView控件和一个Button按钮，设定结束时间为“2015-08-14”；最后添加一个Button按钮显示图标为“查询”。
3.在第二个线性布局管理器中，添加四组TextView控件及View控件，分别显示：“订单号”、“金额”、“状态”和“添加时间”，View控件的功能是进行分隔条的显示。最后添加一个TextView控件，用于列标题“操作”的显示。
4.在外层的LinearLayout中添加一个ListView控件，用于列表项的显示。
5、在res/layout下新建一个XML文件，命名为items.xml。在该文件下，添加一个垂直的线性布局管理器，在该布局管理器内部，再添加一个线性布局管理器，并添加四组TextView控件及View控件，分别显示：“订单号”、“金额”、“状态”和“添加时间”，View控件的功能是进行分隔条的显示。最后添加一个TextView控件，用于列标题“操作”的显示。
6、在src下，新建一个java类，命名为MyAdapter并继承自BaseAdapter。首先对MyAdapter进行初始化。
7、在View类的getView方法中，进行列表项内容的添加。首先定义ViewHoller类的对象 v(该类为自定义的类);如果convertView为空，初始化ViewHoller类的对象 v，利用LayoutInflater的获取res/layout下的布局文件items.xml。并利用findViewById方法及convertView滑动获取对应的列表项的条目内容，并设置对应的条目内容。否则的话，获取条目内容。
8、为对应的列表项设置文本内容。
9、在MainActivity.java中，定义ListView类的对象和MyAdapter mAdapter。
10、在重写的onCreate方法中，获取ListView控件及初始化mAdapter；利用setAdapter方法加载列表项。

效果如图

智慧城市主界面开发
任务目标:
掌握GridView控件的使用方法。
任务陈述:
使用GridView控件实现智慧城市主界面开发。智慧城市的主界面包含环境监测、智能商超、社区安防、公共广播、智能路灯等功能模块。
任务学习:
7.1 GridView控件的使用
在Android中，GridView(网格视图)是按照行列分布的方式来显示多个组件，通常用于显示图片或图标等。GridView控件与ListView控件类似，都需要Adapter来加载。在XML文件中，使用标记进行添加，其基本语法格式如下：

image.png

GridView的XML属性列表

任务实现:
在Eclipse下创建一个Android项目，命名为AndroidDemo7，实现智慧城市主界面开发。
1.修改res/layout目录下的布局文件，首先添加一个相对布局管理器，在该布局管理器下添加一个ImageView控件和一个GridView控件，分别用于显示图片和网格视图中的图片。
2、在res/layout下新建一个XML文件，命名为items.xml。在该文件下，添加一个垂直的线性布局管理器，在该布局管理器下添加一个ImageView控件和一个TextView控件，分别用于显示图片和网格视图中的文字。
3、在src下，新建一个java类，命名为MyAdapter并继承自BaseAdapter。首先对MyAdapter进行初始化。
4、定义三个数组，分别保存图片，颜色值及文字信息。
5、在getCount()方法中返回imageId的长度。
6、在View类的getView方法中，进行列表项内容的添加。首先定义ViewHoller v;ViewHoller类的对象 v(该类为自定义的类);如果convertView为空，初始化ViewHoller类的对象 v，利用LayoutInflater的获取res/layout下的布局文件items.xml。并利用findViewById方法及convertView滑动获取对应的列表项的条目内容，并设置对应的条目内容。否则的话，获取条目内容。
7、在MainActivity.java中，定义GridView类的对象mGridView和MyAdapter mAdapter。
8、在重写的onCreate方法中，获取GridView控件及初始化mAdapter；利用setAdapter方法加载列表项。

效果如图

综合项目界面开发
任务实现：
在Eclipse下创建一个Android项目，命名为AndroidDemo8，实现综合项目界面开发。
1.修改res/layout目录下的布局文件，首先添加一个相对布局管理器，并加载背景图片，在该布局管理器下添加一个水平的线性布局管理器和一个帧布局管理器。在水平的线性布局管理器中，添加两个TextView控件，显示内容：“逻辑状态”。
2、在外层的相对布局管理器中，添加6个ImageView控件，分别显示三幅图片，包括灯光设置、暖气和风扇。
3、在外层的相对布局管理器中添加一个帧布局管理器。
界面设计呈现的效果如下图所示

image.png