Android物联网应用程序开发-项目二 智慧城市界面的实现-任务6：查询购物信息界面开发

Android物联网应用程序开发资源转化系统教材辽宁轻工职业学院辽宁轻工职业学院任务实现知识准备任务目标目录

辽宁轻工职业学院任务6查询购物信息界面开发项目2智慧城市界面的实现辽宁轻工职业学院使用ListView控件实现购物查询购物信息界面开发。该界面在输入订单号及购物的起止时间，点击查询后，符合条件的信息，将显示在列表中，列表中的信息包括：订单号，金额，状态，添加时间及操作等列表项。辽宁轻工职业学院【任务目标】掌握ListView控件的使用方法

1.ListView控件的使用辽宁轻工职业学院【知识准备】在Android中，ListView控件是一种常用的视图组件，它以垂直列表的形式显示信息，可以直接使用ListView组件进行创建，其基本语法格式如下：<ListView<ListView

属性列表或者属性列表>/></ListView>1.ListView控件的使用辽宁轻工职业学院【知识准备】XML属性说明android:divider设置List列表项设置分隔条，既可以用颜色分隔，也可以用drawable资源分隔android:dividerHeight设置分隔条的高度android:footerDividersEnabled设置是否在footerView之前绘制分隔条，默认值为true，如果设置为false，表示不绘制分隔条。android:headerDividersEnabled设置是否在headerView之后绘制分隔条，默认值为true，如果设置为false，表示不绘制分隔条。android:entries通过数组资源为ListView指定列表项ListView常见的XML属性列表辽宁轻工职业学院【任务实现】1.修改res/layout目录下的布局文件，首先添加一个相对布局管理器，在该布局管理器中添加一个ImageView控件，并显示“查询”图标，其代码如下：<RelativeLayoutxmlns:android="/apk/res/android"android:layout_width="fill_parent"android:layout_height="fill_parent"android:background="@drawable/bg_environment">//显示查询图片

<ImageViewandroid:id="@+id/imageView1"android:layout_width="wrap_content"android:layout_height="wrap_content"android:layout_alignParentLeft="true"android:layout_alignParentTop="true"android:layout_marginLeft="20dp"android:layout_marginTop="20dp"android:src="@drawable/btn_inventory_select"/>辽宁轻工职业学院【任务实现】2.在相对布局管理器中添加一个线性布局管理器，并嵌套添加两个线性布局管理器，在第一个线性布局管理器中添加一个TextView控件和一个EditText控件，用于订单号的添加；再添加一个TextView控件和一个Button按钮，设定起始时间为“2015-08-01”；同样的方法添加TextView控件和一个Button按钮，设定结束时间为“2015-08-14”；最后添加一个Button按钮显示图标为“查询”。其代码如下：<LinearLayoutandroid:layout_width="match_parent"android:layout_height="wrap_content"android:gravity="center_vertical">//显示文本“订单号”

<TextViewandroid:id="@+id/textView1"android:layout_width="wrap_content"android:layout_height="wrap_content"android:text="订单号："android:textColor="@color/white"/><EditText辽宁轻工职业学院【任务实现】android:id="@+id/editText1"android:layout_width="80dp"android:layout_height="24dip"android:background="@drawable/input"android:padding="2dp"//距边缘的距离是2dpandroid:singleLine="false"//文本可多行显示

android:textColor="@color/white"><requestFocus/></EditText>//显示文本“起始时间”

<TextViewandroid:layout_width="wrap_content"android:layout_height="wrap_content"android:text="起始时间："android:textColor="#ffffff"/>

辽宁轻工职业学院【任务实现】//显示文本“2015-08-01”<Buttonandroid:id="@+id/btnStartTime"android:layout_width="100dip"android:layout_height="24dip"android:background="@drawable/input"android:gravity="center"android:text="2015-08-01"android:textColor="#ffffff"/>//同样的方法添加TextView控件和一个Button按钮，设定结束时间为“2015-08-14”；最后添加一个Button按钮显示图标为“查询”//上面注释部分的代码请查看书籍</LinearLayout>辽宁轻工职业学院【任务实现】3.在第二个线性布局管理器中，添加四组TextView控件及View控件，分别显示：“订单号”、“金额”、“状态”和“添加时间”，View控件的功能是进行分隔条的显示。最后添加一个TextView控件，用于列标题“操作”的显示。在这里只演示其中一组代码如下：<LinearLayoutandroid:layout_width="match_parent"android:layout_height="30dp"android:layout_marginTop="20dp"android:background="@drawable/input"android:gravity="center_vertical"android:orientation="horizontal">//显示文本“订单号”

<TextViewandroid:id="@+id/tvNo"android:layout_width="0.0dp"android:layout_height="wrap_content"android:layout_weight="2"android:text="订单号"android:textColor="@color/white"/>//View组件的功能是进行分隔条的显示辽宁轻工职业学院【任务实现】<Viewandroid:layout_width="1dp"//宽度为1dpandroid:layout_height="match_parent"android:background="#ffffff"/>//分隔条的背景颜色为白色//这一部分学生请自行完成，可以参照书籍//显示文本“操作”

<TextViewandroid:id="@+id/tvOperate"android:layout_width="0.0dp"android:layout_height="wrap_content"android:layout_weight="2"android:text="操作"android:textColor="@color/white"/></LinearLayout>辽宁轻工职业学院【任务实现】4.在外层的LinearLayout中添加一个ListView控件，用于列表项的显示，其代码如下：<ListViewandroid:id="@+id/listView1"android:layout_width="match_parent"android:layout_height="wrap_content"android:cacheColorHint="#00000000"android:fadingEdgeLength="0dp">//定义褪去边缘的长度

</ListView></LinearLayout></RelativeLayout>辽宁轻工职业学院【任务实现】5.在res/layout下新建一个XML文件，命名为items.xml。在该文件下，添加一个垂直的线性布局管理器，在该布局管理器内部，再添加一个线性布局管理器，并添加四组TextView控件及View控件，分别显示：“订单号”、“金额”、“状态”和“添加时间”，View控件的功能是进行分隔条的显示。最后添加一个TextView控件，用于列标题“操作”的显示。根据之前所学，此步骤的代码可以根据要求自己完成，也可参照书籍来

完成辽宁轻工职业学院【任务实现】6.在src下，新建一个java类，命名为MyAdapter并继承自BaseAdapter。首先对MyAdapter进行初始化。代码如下：privateContextcontext; publicMyAdapter(Contextcontext){ this.context=context; }辽宁轻工职业学院【任务实现】7.在View类的getView方法中，进行列表项内容的添加。首先定义ViewHoller类的对象v(该类为自定义的类);如果convertView为空，初始化ViewHoller类的对象v，利用LayoutInflater的获取res/layout下的布局文件items.xml。并利用findViewById方法及convertView滑动获取对应的列表项的条目内容，并设置对应的条目内容。否则的话，获取条目内容，代码如下：publicViewgetView(intposition,ViewconvertView,ViewGroupparent) {//为优化listview的加载速度就要让convertView匹配列表类型，最大程度上的重新使用//convertViewViewHollerv;if(convertView==null){v=newViewHoller();convertView=LayoutInflater.from(context).inflate(R.layout.item,null);v.mTvNo=(TextView)convertView.findViewById(R.id.tvNo);v.mTvAmount=(TextView)convertView.findViewById(R.id.tvAmount);v.mTvState=(TextView)convertView.findViewById(R.id.tvState);辽宁轻工职业学院【任务实现】v.mTvTime=(TextView)convertView.findViewById(R.id.tvTime);v.mTvOperate=(TextView)convertView.findViewById(R.id.tvOperate);convertView.setTag(v);}else{v=(ViewHoller)convertView.getTag(); }辽宁轻工职业学院【任务实现】8.为对应的列表项设置文本内容，代码如下：