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

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

辽宁轻工职业学院

项目2智慧城市界面的实现任务2购物信息的存储界面开发辽宁轻工职业学院购物信息的存储界面,用于显示用户的订单号,收货人,联系电话及联系地址及总额,并以二维表的形式显示商品名称,数量和单价。本任务是主要完成该界面的开发。辽宁轻工职业学院【任务目标】1.掌握TableLayout布局的使用方法2.掌握Spinner控件的使用（用于支付方式）方法1.TableLayout布局的使用辽宁轻工职业学院【知识准备】表格布局与常见的表格类似，以行列的方式来管理放入其中的组件。表格布局采用<TableLayout>标记，在其中通过添加<TableRow>标记来表示行。同时，<TableRow>也是容器，所以我们可以向该标记中添加其他组件，每添加一个组件，表格就会增加一列。在表格布局中，我们可以设置相应的属性，来控制列的收缩与隐藏。表格布局的基本语法格式如下：<TableLayoutxmlns:android="/apk/res/android"

属性列表>

组件列表</TableLayout>辽宁轻工职业学院【知识准备】

XML属性说明andriod:collapseColumns设置需要隐藏的列的序列号(序号从0开始)，多个用列序号用逗号“，”隔开。android:shrinkColumns设置允许被收缩的列的序列号(序号从0开始)，多个用列序号用逗号“，”隔开。android:stretchColimns设置允许被拉伸的列的序列号(序号从0开始)，多个用列序号用逗号“，”隔开。TableLayout常见的XML属性列表1.TableLayout布局的使用2.Spinner控件的使用辽宁轻工职业学院【知识准备】Android中提供了Spinner控件（列表选择框）使用Spinner相当于从下拉列表中选择项目，供用户进行选择。Spinner的继承结构比较复杂，在继承树中有AdapterView，这是比较重要的。因此我们就是通过Adapter来为Spinner设置下拉列表项的。Spinner的重点问题就是下拉列表项的配置，通过之前组件的了解，我们知道资源组件的配置有两种方式，一种是通过XML文件来配置，一种是通过程序来配置。而从Spinner的文档中，我们可以看到，对它的配置需要使用Adapter类的实现。辽宁轻工职业学院【知识准备】Spinner控件（列表选择框）的基本语法格式如下：<Spinner

属性列表></Spinner>表2.4Spinner常见的XML属性列表XML属性说明andriod:entries为可选属性，用于指定列表项，如果在布局文件中不指定该属性，可以在Java代码中通过为其指定适配器的方式指定android:protmpt为可选属性，用于指定列表框的标题辽宁轻工职业学院【任务实现】在Eclipse下创建一个Android项目，命名为AndroidDemo2.2，实现购物车的支付功能界面的开发。1.修改res/layout目录下的布局文件，首先添加一个水平的线性布局管理器，在该布局管理器中嵌套添加一个相对布局管理器，代码如下：<RelativeLayoutandroid:layout_width="fill_parent"android:layout_height="fill_parent"android:layout_margin="30dp"android:background="@drawable/bg_frame_descend_small”android:orientation="vertical"></RelativeLayout>辽宁轻工职业学院【任务实现】2.在其内部添加五个TextView控件，分别显示：“订单号”、”收货人”、“联系电话”、“收货地址”和“总金额”等信息。具体代码如下：<TextViewandroid:id="@+id/textView1"android:layout_width="wrap_content"android:layout_height="wrap_content"android:layout_alignParentLeft="true"//与父容器的左边缘对齐

android:layout_alignParentTop="true"//与父容器的上边缘对齐

android:layout_marginLeft="50dp"//与左边缘的距离是50dpandroid:layout_marginTop="30dp"//与上边缘的距离是30dpandroid:text="订单号：201508260528"//显示的文本

android:textColor="@color/white"/>//文本的颜色引用资源文件中的color/white<TextViewandroid:id="@+id/textView2"android:layout_width="wrap_content"android:layout_height="wrap_content"android:layout_alignLeft="@+id/textView1"android:layout_below="@+id/textView1"android:layout_marginTop="8dip"辽宁轻工职业学院【任务实现】android:text="收货人：李四"android:textColor="@color/white"/>

<TextViewandroid:id="@+id/textView3"android:layout_width="wrap_content"android:layout_height="wrap_content"android:layout_alignLeft="@+id/textView2"android:layout_below="@+id/textView2"android:layout_marginTop="8dip"android:text="联系电话：136********"android:textColor="@color/white"/>

<TextViewandroid:id="@+id/textView4"android:layout_width="wrap_content"android:layout_height="wrap_content"android:layout_alignLeft="@+id/textView3"android:layout_below="@+id/textView3"android:layout_marginTop="8dip"android:text="收获地址：XX省XX市XX县XX街道"android:textColor="@color/white"/>辽宁轻工职业学院【任务实现】<TextViewandroid:id="@+id/textView5"android:layout_width="wrap_content"android:layout_height="wrap_content"android:layout_alignLeft="@+id/textView4"android:layout_below="@+id/textView4"android:layout_marginTop="8dip"android:text="总金额：114"android:textColor="@color/white"/>辽宁轻工职业学院【任务实现】3.在该相对布局管理器中，再添加一个表格布局管理器和两个TableRow控件。在第一个TableRow中添加四个TextView控件，分别显示商品名称、商品数量及单价并且在最后一个TextView中设置该控件的描边和填充属性等。其代码如下：<TableLayoutandroid:id="@+id/tableLayout1"android:layout_width="fill_parent"android:layout_height="wrap_content"android:layout_alignLeft="@+id/textView5"//与组件textView5的左边缘对齐

android:layout_below="@+id/textView5"//在组件textView5的下方

android:layout_centerVertical="true"//位于垂直居中的位置

android:layout_marginRight="50dp"android:layout_marginTop="8dip">

<TableRow//添加一个TableRow即增加一行

android:id="@+id/tableRow1"android:layout_width="wrap_content"android:layout_height="wrap_content">辽宁轻工职业学院【任务实现】<TextViewandroid:layout_width="0.0dp"android:layout_height="wrap_content"android:layout_weight="2"//该组件的权重为2android:background="@drawable/shape_table"//设置TextView组件的背景图片为drawable/shape_table图片

android:text="商品名称"android:textColor="@color/white"/><TextViewandroid:layout_width="0.0dp"android:layout_height="wrap_content"android:layout_weight="2"android:background="@drawable/shape_table"android:text="商品数量"android:textColor="@color/white"/><TextViewandroid:layout_width="0.0dp"android:layout_height="wrap_content"android:layout_weight="1"android:background="@drawable/shape_table"android:text="单价"android:textColor="@color/white"/><TextView辽宁轻工职业学院【任务实现】android:layout_width="0.0dp"android:layout_height="wrap_content"android:layout_weight="5"android:background="@drawable/shape_table"/></TableRow>辽宁轻工职业学院【任务实现】4、在第二个TableRow中添加四个TextView控件，分别显示"伊利畅轻牛奶"及设置其他三个组件的描边和填充属性等。其代码如下：<TableRowandroid:id="@+id/tableRow2"android:layout_width="wrap_content"android:layout_height="wrap_content"><TextViewandroid:layout_width="0.0dp"android:layout_height="wrap_content"android:layout_weight="2"android:background="@drawable/shape_table"android:text="伊利畅轻牛奶"android:textColor="@color/white"/><TextViewandroid:layout_width="0.0dp"android:layout_height="wrap_content"android:layout_weight="2"android:background="@drawable/shape_table"android:text="50"android:textColor="@color/white"/><TextViewandroid:layout_width="0.0dp"android:layout_height="wrap_content"辽宁轻工职业学院【任务实现】android:layout_weight="1"android:background="@drawable/shape_table"android:text="2"android:textColor="@color/white"/><TextViewandroid:layout_width="0.0dp"android:layout_height="wrap_content"android:layout_weight="5"android:background="@drawable/shape_table"/></TableRow></TableLayout>辽宁轻工职业学院【任务实现】5、在外层的相对布局管理器中添加一个Spinner控件和一个Button按钮用于下拉列表的显示等功能，具体代码如下：<Spinnerandroid:layout_height="wrap_content"android:layout_width="wrap_content"android:layout_below="@+id/tableLayout1"//该组件位于tableLayout1的下部

android:id="@+id/spinner"android:layout_marginTop="10dp"//该组件距上边缘的距离为10dpandroid:layout_alignRight="@+id/tableLayout1"/><Buttonandroid:id="@+id/button1"android:layout_width="30dp"//button组件的宽度为30dp辽宁轻工职业学院【任务实现】android:layout_height="30dp"//button组件的高度为30dpandroid:layout_alignRight="@+id/tableLayout1"android:layout_below="@+id/spinner"android:layout_marginTop="10dp"android:background="@drawable/btn_return_normal"/>辽宁轻工职业学院【任务实现】6、在res\values下新建一个名为spinner的xml文件，在资源文件中定义添加一个资源标签，定义string-array数组，添加item项，实际上是定义列表选择框中的内容。具体代码如下：<?xmlversion="1.0"encoding="utf-8"?><resou