AL027030200014 详细设计书14-界面模块（订单查询）

1、界面模块（订单查询）详细设计说明书一、 模块设计(一) 界面模块（订单查询）1. 模块概述用户进入订单查询界面，可以查看自己所选中书籍的详细订单。包括订单中书籍的缩视图，以及书名书籍查询界面主要包含以下部分：1. 标题栏，所有订单2. 订单列表显示3. 下沉式菜单2. 界面布局(1) 功能概要书籍查询界面布局如下：布局分为：三部分1. 标题栏，所有订单。2. 列表视图：订单列表显示。3. 下沉式菜单：实现在移动书城App中各个界面进行跳转，从左到右依次为主页（书籍查询），购物车，订单查询，订单确认，我的设置（退出）。(2) 控件布局订单查询布局文件在layout文件夹下order_layout

2、.xml下沉式菜单布局文件在layout文件夹下bottom_menu_layout.xmlorder_layout.xml控件名称类型关键属性说明TextViewTextViewstyle="style/title_text"android:layout_width="wrap_content"android:layout_height="wrap_content"android:layout_centerHorizontal="true"android:layout_centerVertical="t

3、rue"android:text="string/order_title" 标题栏“所有订单”android:listListTextandroid:layout_width="match_parent"android:layout_height="0dp"android:layout_weight="1" 所有订单显示目录3. 在order_layout.xml文件中使用android:id="id/android:list"作为ListView标签的id，意味着在当前布局中，只能有

4、一个ListView，而且当前布局的Activity文件必须集成ListActivity。4. ListView的item布局为order_item.xml，保存在layout目录下。如下图所示。5. order_item.xml控件布局如下：order_item.xml控件名称类型关键属性说明Order_idTextViewandroid:layout_width="wrap_content" android:layout_height="wrap_content" android:text="string/order_id" an

5、droid:textColor="#000" android:textSize="12sp" 订单编号Order_priceTextViewandroid:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_marginLeft="60dp" android:text="string/order_price" android:textColor="#FF000

6、0"android:textSize="12sp" 订单价格Order_timeTextViewandroid:layout_width="wrap_content"android:layout_height="wrap_content"android:text="string/order_time"android:textColor="#000"android:textSize="12sp"订单时间Order_typeTextViewandroid:layout_

7、width="wrap_content"android:layout_height="wrap_content"android:layout_marginLeft="30dp"android:text="string/order_type"android:textColor="#FF0000"android:textSize="12sp"订单状态Order_itemsListTextandroid:layout_width="wrap_content"an

8、droid:layout_height="wrap_content"某一笔订单列表6. order_layout通过<include>标签的layout属性把下沉式菜单bottom_menu_layout.xml包含其中。bottom_menu_layout.xml控件名称类型关键属性说明bottom_menu_1bottom_menu_2bottom_menu_3bottom_menu_4bottom_menu_5LinearLayoutandroid:layout_width="wrap_content"android:layout_he

9、ight="wrap_content"android:layout_centerHorizontal="true"android:layout_centerVertical="true"显示5个下沉式菜单项，包含其中的视图imageView1imageView3imageView4imageView5ImageViewandroid:layout_width="wrap_content"android:layout_height="35dp"android:layout_gravity=&quo

10、t;center"android:contentDescription="null"android:paddingTop="3dp"android:src="drawable/xxx "显示主页/购物策划/订单/订单确认/退出图片textView1textView3textView4textView5TextViewandroid:layout_width="wrap_content"android:layout_height="wrap_content"android:layout_

11、gravity="center"android:gravity="center"android:paddingBottom="3dp"android:text="string/home"android:textColor="#FFFFFF"android:textSize="12sp"显示主页/购物策划/订单/订单确认/退出文本Cart_numTextViewandroid:layout_width="19dp" android:layout_height="20dp" android:layout_alignParentRight="true" android:text="string/num1" android:gravity="center" android:layout_marginTop="