购物车与订单详情布局

最新推荐文章于 2019-02-23 11:19:01 发布
最新推荐文章于 2019-02-23 11:19:01 发布
阅读量971 收藏 2
点赞数
分类专栏： Android网络请求
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/gh323093/article/details/78892599
版权

//activity_main

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:id="@+id/activity_main"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    tools:context="com.bwie.test.yuekao20171221.MainActivity">
    <RelativeLayout
        android:layout_width="match_parent"
        android:layout_height="50dp">

        <ImageView
            android:layout_width="25dp"
            android:layout_height="25dp"
            android:src="@drawable/icon_back"
            android:layout_centerVertical="true"
            android:layout_marginLeft="10dp"/>

        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="购物车"
            android:layout_centerInParent="true"/>

        <TextView
            android:layout_width="match_parent"
            android:layout_height="0.1dp"
            android:layout_alignParentBottom="true"
            android:background="#000000"/>
    </RelativeLayout>

    <ExpandableListView
        android:id="@+id/cart_list"
        android:groupIndicator="@null"
        android:layout_width="match_parent"
        android:layout_height="0dp"
        android:layout_weight="1">
    </ExpandableListView>

    <TextView
        android:layout_width="match_parent"
        android:layout_height="0.1dp"
        android:background="#000000"/>

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="50dp">
        <LinearLayout
            android:layout_width="0dp"
            android:layout_weight="1"
            android:layout_height="match_parent"
            android:gravity="center_vertical">

            <CheckBox
                android:id="@+id/all_check"
                android:layout_width="25dp"
                android:layout_height="25dp" />

            <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="全选/反选"/>

            <TextView
                android:layout_marginLeft="20dp"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="总价：￥"
                android:textColor="#FF0000"/>

            <TextView
                android:id="@+id/total_price"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="0.00"
                android:textColor="#FF0000"/>
        </LinearLayout>

        <Button
            android:id="@+id/clearing"
            android:layout_width="80dp"
            android:layout_height="match_parent"
            android:text="去结算(0)"
            android:textColor="#FFFFFF"
            android:background="@drawable/cart_btn_bg"/>
    </LinearLayout>
</LinearLayout>


//activity_order_list

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    tools:context=".OrderListActivity">

    <RelativeLayout
        android:id="@+id/parent"
        android:layout_width="match_parent"
        android:layout_height="50dp">

        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="订单列表"
            android:layout_centerInParent="true"/>

        <ImageView
            android:id="@+id/status"
            android:layout_width="25dp"
            android:layout_height="25dp"
            android:layout_alignParentRight="true"
            android:layout_centerVertical="true"
            android:src="@drawable/lv_icon"
            android:layout_marginRight="10dp"/>

        <TextView
            android:layout_width="match_parent"
            android:layout_height="0.1dp"
            android:layout_alignParentBottom="true"
            android:background="#000000"/>
    </RelativeLayout>

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="50dp">

        <TextView
            android:id="@+id/unpaid"
            android:layout_width="0dp"
            android:layout_weight="1"
            android:layout_height="match_parent"
            android:gravity="center"
            android:text="待支付"/>

        <TextView
            android:layout_width="1dp"
            android:layout_height="match_parent"
            android:background="#000000"/>

        <TextView
            android:id="@+id/paid"
            android:layout_width="0dp"
            android:layout_weight="1"
            android:layout_height="match_parent"
            android:gravity="center"
            android:text="已支付"/>

        <TextView
            android:layout_width="1dp"
            android:layout_height="match_parent"
            android:background="#000000"/>

        <TextView
            android:id="@+id/canceled"
            android:layout_width="0dp"
            android:layout_weight="1"
            android:layout_height="match_parent"
            android:gravity="center"
            android:text="已取消"/>
    </LinearLayout>

    <TextView
        android:layout_width="match_parent"
        android:layout_height="0.1dp"
        android:background="#000000"/>

    <android.support.v7.widget.RecyclerView
        android:id="@+id/recy"
        android:layout_width="match_parent"
        android:layout_height="match_parent">
    </android.support.v7.widget.RecyclerView>

</LinearLayout>


//cart_child

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:layout_width="match_parent"
    android:layout_height="100dp"
    android:gravity="center_vertical">

    <CheckBox
        android:id="@+id/child_check"
        android:layout_width="25dp"
        android:layout_height="25dp" />

    <com.facebook.drawee.view.SimpleDraweeView
        android:id="@+id/image"
        android:layout_marginLeft="10dp"
        android:layout_width="80dp"
        android:layout_height="80dp" />

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="80dp"
        android:orientation="vertical">

        <TextView
            android:id="@+id/child_title"
            android:layout_width="match_parent"
            android:layout_height="40dp"
            android:gravity="center_vertical"
            android:maxLines="1"/>

        <RelativeLayout
            android:layout_width="match_parent"
            android:layout_height="40dp">

            <TextView
                android:id="@+id/price_text"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="优惠价：￥"
                android:textColor="#FF0000"
                android:layout_centerVertical="true"/>

            <TextView
                android:layout_toRightOf="@+id/price_text"
                android:id="@+id/bargain_price"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="0.00"
                android:textColor="#FF0000"
                android:layout_centerVertical="true"/>

            <com.bwie.test.yuekao20171221.custom.NumberAddSubView
                android:id="@+id/number_view"
                android:layout_alignParentRight="true"
                android:layout_width="100dp"
                android:layout_height="25dp"
                app:value="1"
                app:minValue="1"
                app:maxValue="200"
                android:layout_centerVertical="true">
            </com.bwie.test.yuekao20171221.custom.NumberAddSubView>

        </RelativeLayout>
    </LinearLayout>

</LinearLayout>


//cart_group

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="40dp"
    android:orientation="horizontal"
    android:gravity="center_vertical">

    <CheckBox
        android:id="@+id/group_check"
        android:layout_width="25dp"
        android:layout_height="25dp" />

    <TextView
        android:id="@+id/group_name"
        android:layout_marginLeft="10dp"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content" />

</LinearLayout>


//layout_pop

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="40dp"
    android:layout_height="92dp"
    android:orientation="vertical">
    <TextView
        android:id="@+id/unpaid"
        android:layout_width="match_parent"
        android:layout_height="30dp"
        android:text="待支付"
        android:textSize="12sp"
        android:gravity="center"/>

    <TextView
        android:layout_width="match_parent"
        android:layout_height="1dp"
        android:background="#000000"/>

    <TextView
        android:id="@+id/paid"
        android:layout_width="match_parent"
        android:layout_height="30dp"
        android:text="已支付"
        android:textSize="12sp"
        android:gravity="center"/>

    <TextView
        android:layout_width="match_parent"
        android:layout_height="1dp"
        android:background="#000000"/>

    <TextView
        android:id="@+id/canceled"
        android:layout_width="match_parent"
        android:layout_height="30dp"
        android:text="已取消"
        android:textSize="12sp"
        android:gravity="center"/>
</LinearLayout>


//number_add_sub_view

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="100dp"
    android:layout_height="25dp"
    android:background="@drawable/selector_number_add_sub"
    android:orientation="horizontal">

    <Button
        android:id="@+id/btn_sub"
        android:layout_width="0dp"
        android:layout_weight="1"
        android:layout_height="match_parent"
        android:background="@drawable/bg_btn_style_white"
        android:text="-"
        android:textColor="#000000"
        android:textSize="14sp" />

    <TextView
        android:id="@+id/tv_num"
        android:layout_width="0dp"
        android:layout_weight="1"
        android:layout_height="match_parent"
        android:gravity="center"
        android:minWidth="100dp"
        android:text="1" />

    <Button
        android:id="@+id/btn_add"
        android:layout_width="0dp"
        android:layout_weight="1"
        android:layout_height="match_parent"
        android:background="@drawable/bg_btn_style_white"
        android:text="+"
        android:textColor="#000000"
        android:textSize="14sp" />

</LinearLayout>


//order_recy_item

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="120dp"
    android:orientation="vertical"
    android:paddingLeft="20dp"
    android:paddingRight="20dp">
    <RelativeLayout
        android:layout_width="match_parent"
        android:layout_height="40dp">

        <TextView
            android:id="@+id/order_title"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="标题"
            android:layout_centerVertical="true"/>

        <TextView
            android:id="@+id/order_status"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_alignParentRight="true"
            android:layout_centerVertical="true"
            android:text="待"/>
    </RelativeLayout>

    <RelativeLayout
        android:layout_width="match_parent"
        android:layout_height="40dp">
        <TextView
            android:id="@+id/order_price_text"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="价格：￥"
            android:textColor="#FF0000"
            android:layout_centerVertical="true"/>

        <TextView
            android:id="@+id/order_price"
            android:layout_toRightOf="@+id/order_price_text"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_centerVertical="true"
            android:text="0.00"
            android:textColor="#FF0000"/>
    </RelativeLayout>

    <RelativeLayout
        android:layout_width="match_parent"
        android:layout_height="40dp">

        <TextView
            android:id="@+id/time_text"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="创建时间："
            android:layout_centerVertical="true"/>

        <TextView
            android:id="@+id/order_create_time"
            android:layout_toRightOf="@+id/time_text"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="2017"
            android:layout_centerVertical="true"/>

        <Button
            android:id="@+id/order_btn"
            android:layout_width="60dp"
            android:layout_height="20dp"
            android:layout_alignParentRight="true"
            android:layout_centerVertical="true"
            android:text="取消订单"
            android:textSize="8sp"
            android:background="@drawable/order_btn_bg"/>
    </RelativeLayout>

</LinearLayout>


drawable文件夹下//bg_btn_style_white.xml

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:state_enabled="false">
        <shape android:shape="rectangle">
            <corners android:radius="2.0dp" />
            <solid android:color="#7fd8d8d8" />
            <stroke android:width="1.0dp" android:color="#dddddd" />
        </shape>
    </item>
    <item android:state_pressed="true">
        <shape android:shape="rectangle">
            <corners android:radius="2.0dp" />
            <solid android:color="#ffd8d8d8" />
            <stroke android:width="1.0dp" android:color="#ddd" />
        </shape>
    </item>
    <item>
        <shape android:shape="rectangle">
            <corners android:radius="2.0dp" />
            <solid android:color="#ffffff" />
            <stroke android:width="1.0dp" android:color="#dddddd" />
        </shape>
    </item>

</selector>


//cart_btn_bg

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android">
    <solid android:color="#FF0000"/>
    <stroke android:color="#000000" android:width="0.1dp"/>
</shape>


//order_btn_bg

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android">
    <solid android:color="#FFFFFF"/>
    <stroke android:color="#000000" android:width="0.1dp"/>
    <corners android:radius="5dp"/>
</shape>


//selector_number_add_sub

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="rectangle">
    <corners android:radius="2dp" />
    <stroke
        android:width="1dp"
        android:color="#dddddd" />
    <solid android:color="#FFFFFF" />
</shape>


values文件夹下//attrs.xml

<?xml version="1.0" encoding="utf-8"?>
<resources>
    <declare-styleable name="NumberAddSubView">
        <attr name="value" format="integer|reference"/>
        <attr name="minValue" format="integer|reference"/>
        <attr name="maxValue" format="integer|reference"/>
        <attr name="btnAddBackground" format="reference"/>
        <attr name="btnSubBackground" format="reference"/>
        <attr name="textViewBackground" format="reference"/>
    </declare-styleable>
</resources>


//添加权限

<uses-permission android:name="android.permission.INTERNET"/>
<uses-permission android:name="android.permission.WRITE_EXTERNAL_STORAGE"/>
<uses-permission android:name="android.permission.READ_EXTERNAL_STORAGE"/>

<application
    android:name=".application.RookieApplication"
    <activity android:name=".MainActivity">
    </activity>
    <activity android:name=".OrderListActivity"/>
</application>


//添加依赖

compile 'com.android.support:appcompat-v7:26.0.0-alpha1'
testCompile 'junit:junit:4.12'
compile 'com.android.support.test:runner:0.5'
compile 'com.android.support.test.espresso:espresso-core:2.2.2'
compile 'com.google.code.gson:gson:2.8.2'
compile 'com.squareup.okhttp3:okhttp:3.6.0'
compile 'com.squareup.okio:okio:1.11.0'
compile 'com.facebook.fresco:fresco:0.11.0'
compile 'com.android.support:recyclerview-v7:26.0.0-alpha1'

 

gh323093
关注
  • 0
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
MUI-LIST列表的基本使用
知他人之所知，晓他人之不晓。
11-05 3万+
列表是常用的UI控件，mui封装的列表组件比较简单，只需要在ul节点上添加.mui-table-view类、在li节点上添加.mui-table-view-cell类即可，如下为示例代码 class="mui-table-view"> class="mui-table-view-cell">Item 1 class="mui-table-view-cell">Item 2 cl
连接真机开发安卓(Android)移动app MUI框架 完善购物车订单等页面——混合式开发（五）
宝藏女孩的成长日记
12-02 3478
这周真的太忙了，就连写日记和更博洗头发的时间都没有，还好已经收到满意的结果。 现在开始要完善项目了，哈哈哈，和我的小粉丝们一起加油！冲冲冲！！！ 今日主题：冲冲冲一、今日特价页 一、今日特价页 哈哈哈，这个可以见机行事，我也是突发奇想想做个特价页 ...
MUI预加载，从列表页到详情页
ljh243581579的博客
08-23 1万+
所谓的预加载技术就是在用户尚未触发页面跳转时，提前创建目标页面，这样当用户跳转时，就可以立即进行页面切换，节省创建新页面的时间，提升app使用体验列表页： mui.init({ swipeBack:true, //启用右滑关闭功能 //预加载详情页 preloadPages:[{ id:'set_meal.html',
mui 订单管理
eyugod的博客
06-16 2647
Hello MUI --> .mui-control-content { background-color: white; min-height: 415px; } .mui-control-content .mui-loading { margin-top: 50px; } .orderlist input, .ord
vue购物车商品订单详情页面代码
06-10
在本项目中，“vue购物车商品订单详情页面代码”是一个基于Vue.js框架构建的电子商务应用模块，主要用于展示购物车中的商品订单详情。这个页面包含了多种关键功能，旨在提供用户友好的购物流程体验。以下是对这些...
vue购物车商品订单详情页面代码.zip
最新发布
09-21
综上所述，这个"vue购物车商品订单详情页面代码"项目涵盖了Vue.js的前端开发基础，包括组件化、数据绑定、DOM操作、样式设计以及与后端的数据交互等多个方面，同时也利用jQuery和其插件库来增强功能和用户体验。
vue购物车地址订单详情代码.zip
07-04
在这个"vue购物车地址订单详情代码.zip"中，我们可以预见到一些关键的Vue组件和功能，它们用于实现一个完整的购物车和订单详情流程。以下是这个项目可能包含的一些核心知识点： 1. **Vue组件**：Vue项目通常基于...
红色商城购物车订单页面HTML模板
06-07
总结起来，红色商城购物车订单页面HTML模板通过精心设计的布局和功能，模拟了实际购物场景，使用户能够流畅地完成从选择商品到提交订单的整个流程。同时，该模板的易用性和可定制性也使得开发者能够根据具体业务需求...
mui简单的详情页面
u013008898的博客
02-23 3121
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximu...
mui框架构建的手机版商城页面
11-07
此资源为mui框架开发的手机购物商城,可直接拿来使用. 其中包含以下内容 首页:包含轮播以及分类快捷通道, 分类:横托式分类列表 购物车: 实现编辑删除与批量删除等操作 个人中心:订单信息, 售后信息,我的消息,地址管理等页面齐全
一套响应式的bootstrap产品展示页面模板 - Produkta
12-18
一套响应式的bootstrap产品展示页面模板 - Produkta,学习下载使用
显示购物流程中订单的代码
06-22
显示购物流程中订单的详细，关于商品的显示标签，关于配送方式的显示标签，关于支付方式的显示标签等
bootstrap商城订单统计管理后台.zip
07-02
基于Bootstrap构造的商城销量统计管理页面模板，集成了大量的前端插件和功能的管理模板。此外它是100%响应式的管理模板。符合各种屏幕尺寸。也是跨浏览器兼容的。
html购物订单页模板
01-11
html购物订单页模板
uniapp实战开发商城APP和小程序
03-30
课程包含Uniapp开发全端教程，课程由英特网络独家录制，购买课程后赠送后端CMS管理系统，可以修改商品及接口数据，同时CMS提供Uniapp所需要的全部API接口，包括课程内容：安卓证书申请/APP苹果打包/APP安卓打包/微信小程序发布/后端代码发布/H5打包发布/APP微信支付/APP支付支付/上拉加载下拉刷新/JWT生成Token认证等课程支持1对1售后服务，购买课程或售后服务、演示地址可以联系QQ:1901090033。
web商城项目笔记-6.订单详情展示功能
weixin_43611842的博客
01-05 2640
流程: 从生成订单开始 都需要订单oid 1.前端: 1.需要从生成订单操作中获取oid 2.发送请求,info方法,参数为oid 3.判断,如果code为2,代表没有登录,跳转到登录页面 4.如果code为0,代表没有此订单,拼接字符串,返回错误信息,message 5.返回数据,order订单就是数据的data字段 items订单项集合就是order的items字段 6.拼接字...
订单的布局
wei844067872的博客
01-14 510
//activity_main LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:app="http://schemas.android.com/apk/res-auto" xmlns:tools="http://schemas.android.com/tools"
实现订单列表页面
热门推荐
陌默
04-28 1万+
思路：1. 实现如图1视图布局；2. 实现订单列表功能；3. 订单列表各元素绘制，严格按照如图所示效果设计；4. 实现下拉刷新和上拉加载更多，分页功能5. 列表视图用RecyclerView控件展示接口：uid=71订单列表https://www.zhaoapi.cn/product/getOrdersuid =71 &amp; page=1请求参数说明： uid 用户id字段 String类型 ...
Android应用开发：购物车界面的订单详情设计
- TextView2的布局与TextView1类似，紧邻其左侧，且位置在上方，通过`android:layout_below`属性指定了相对于TextView1的位置。 3. **其他控件**： - 可能还会涉及Button控件，例如"提交订单"或"支付"按钮，用户...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值