AL027030200012 详细设计书12-界面模块（订单确认）

1、界面模块（订单确认）详细设计说明书一、 模块设计(一) 界面模块（订单确认）1. 模块概述用户进入订单页面，填写收货人的姓名、联系方式、以及收货地址。选中书籍的缩图以及书籍名称。可以选择不同的送货方式，比如：普通快递送货上门等；可以选择是否分合包裹；可以选择不同的支付方式，比如：在线支付、货到付款等。显示出应付总额。点击“下单“按钮，进行结算。书籍查询界面主要包含以下部分：1. 标题栏，包含订单结算2. 填写收货人姓名、联系方式和收货地址。3. 选中的书籍的缩视图，书籍命4. 选择不同的送货方式5. 选择不同的包裹包装6. 选择不同的支付方式7. 选中书籍的总金额和“下单”按钮8. 下沉式菜单

2、2. 界面布局(1) 功能概要书籍查询界面布局如下：布局分为：8个部分1. 标题栏，包含订单结算2. 填写收货人姓名、联系方式和收货地址。3. 选中的书籍的缩视图，书籍命4. 选择不同的送货方式5. 选择不同的包裹包装6. 选择不同的支付方式7. 选中书籍的总金额和“下单”按钮8. 下沉式菜单(2) 控件布局订单确认布局文件在layout文件夹下ddbooks_layout.xml下沉式菜单布局文件在layout文件夹下bottom_menu_layout.xmlddbooks_layout.xml控件名称类型关键属性说明TextViewTextViewstyle="style/ti

3、tle_text"android:layout_width="wrap_content"android:layout_height="wrap_content"android:layout_centerHorizontal="true"android:layout_centerVertical="true"android:text="string/oren_title"标题栏文本框oren_receiverTextViewstyle="style/oren_text"

4、;android:layout_width="wrap_content"android:layout_height="wrap_content"android:layout_marginLeft="10dp"android:text="string/oren_receiver"android:textColor="#000000"android:textSize="14sp"style="style/oren_text"android:layout_wid

5、th="wrap_content"android:layout_height="wrap_content"android:layout_alignParentRight="true"android:layout_marginRight="10dp"android:text="string/phone"android:textColor="#000000"android:textSize="14sp" 收货人姓名、联系方式显示oren_address Tex

6、tViewstyle="style/oren_text"android:layout_width="wrap_content"android:layout_height="wrap_content"android:layout_marginLeft="10dp"android:layout_marginRight="100dp"android:text="string/oren_address"android:textColor="#000000"andr

7、oid:textSize="14sp" 收货人地址显示imageViewImageViewandroid:layout_width="match_parent"android:layout_height="2dp"android:src="drawable/line"android:contentDescription="null"分隔线oren_items_lvListViewandroid:layout_width="match_parent"android:layout

8、_height="150dp"android:layout_marginLeft="5dp"android:layout_marginRight="5dp" 选中书籍显示列表oren_bottom_l1TextViewstyle="style/oren_text"android:layout_width="wrap_content"android:layout_height="wrap_content"android:layout_centerVertical="t

9、rue"android:layout_marginLeft="10dp"android:text="string/oren_bottom_1"android:textColor="#000000"android:textSize="13sp"送货方式显示TextviewTextViewandroid:layout_width="wrap_content"android:layout_height="wrap_content"android:layout_center

10、Vertical="true"android:layout_marginRight="10dp"android:layout_toLeftOf="+id/oren_bottom_rl1"android:text="string/oren_bottom_2"android:textColor="#000000"android:textSize="13sp" 送货方式选择显示oren_bottom_rl1ImageViewndroid:layout_width="15d

11、p"android:layout_height="18dp"android:layout_alignParentRight="true"android:layout_centerVertical="true"android:contentDescription="null"android:layout_marginRight="10dp"android:src="drawable/btn_right"分割线oren_bottom_l2TextViewstyle=&q

12、uot;style/oren_text"android:layout_width="wrap_content"android:layout_height="wrap_content"android:layout_centerVertical="true"android:layout_marginLeft="10dp"android:text="string/oren_bottom_3"android:textColor="#000000"android:textSi

13、ze="13sp"分合包裹显示TextviewTextViewandroid:layout_width="wrap_content"android:layout_height="wrap_content"android:layout_centerVertical="true"android:layout_marginRight="10dp"android:layout_toLeftOf="+id/oren_bottom_rl2"android:text="strin

14、g/oren_bottom_4"android:textColor="#000000"android:textSize="13sp" 分合包裹选择显示oren_bottom_rl2ImageViewandroid:layout_width="15dp"android:layout_height="18dp"android:layout_alignParentRight="true"android:layout_centerVertical="true"android

15、:layout_marginRight="10dp"android:contentDescription="null"android:src="drawable/btn_right"分割线oren_bottom_l3TextViewstyle="style/oren_text"android:layout_width="wrap_content"android:layout_height="wrap_content"android:layout_centerVertical=

16、"true"android:layout_marginLeft="10dp"android:text="string/oren_bottom_5"android:textColor="#000000"android:textSize="13sp"支付方式显示TextviewTextViewandroid:layout_width="wrap_content"android:layout_height="wrap_content"android:layout

17、_centerVertical="true"android:layout_marginRight="10dp"android:layout_toLeftOf="+id/oren_bottom_rl3"android:text="string/oren_bottom_6"android:textColor="#000000"android:textSize="13sp"支付方式选择显示oren_bottom_rl3ImageViewandroid:layout_width=&q

18、uot;15dp"android:layout_height="18dp"android:layout_alignParentRight="true"android:layout_centerVertical="true"android:layout_marginRight="10dp"android:contentDescription="null"android:src="drawable/btn_right"分割线oren_priceTextViewandro

19、id:layout_width="wrap_content"android:layout_height="wrap_content"android:layout_centerVertical="true"android:layout_toRightOf="+id/textView1"android:textColor="#FF0000"应付金额textView1TextViewandroid:layout_width="wrap_content"android:layout_

20、height="wrap_content"android:layout_alignParentLeft="true"android:layout_centerVertical="true"android:layout_marginLeft="10dp"android:text="string/oren_total_price"android:textColor="#000000"应付金额显示oren_submitButtonandroid:layout_width="

21、;120dp"android:layout_height="wrap_content"android:layout_alignParentRight="true"android:background="drawable/btn_selecor"android:paddingLeft="10dp"android:paddingRight="10dp"android:layout_marginRight="10dp"android:textColor="#ff

22、f"android:textSize="18sp"android:text="string/submit"“下单”按钮3. Order_ensure.xml布局通过<include>标签的layout属性把下沉式菜单bottom_menu_layout.xml包含其中。bottom_menu_layout.xml控件名称类型关键属性说明bottom_menu_1bottom_menu_2bottom_menu_3bottom_menu_4bottom_menu_5LinearLayoutandroid:layout_width=&q

23、uot;wrap_content"android:layout_height="wrap_content"android:layout_centerHorizontal="true"android:layout_centerVertical="true"显示5个下沉式菜单项，包含其中的视图imageView1imageView3imageView4imageView5ImageViewandroid:layout_width="wrap_content"android:layout_height="35dp"android:layout_gravity="center"android:contentDescription="null"android:paddingTop="3dp"android:src="drawable/xxx "显示主页/购物策划/订单/订单确认/退出图片textView1tex