电商 仿京东 购物车布局页面

 ## activity_main

<RelativeLayout
    android:id="@+id/buttom_layout"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_alignParentBottom="true"
    android:padding="10dp"
    >

    <LinearLayout
        android:id="@+id/btn_check_all"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentLeft="true"
        android:layout_centerVertical="true"
        android:gravity="center_vertical"
        android:orientation="horizontal"
        >

        <ImageView
            android:id="@+id/img_check_all"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:src="@drawable/ic_checked"
            />
        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_marginLeft="8dp"
            android:text="全选"
            />
    </LinearLayout>

    <TextView
        android:id="@+id/tet_total_price"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="合计"
        android:textSize="16dp"
        android:layout_toRightOf="@id/btn_check_all"
        android:layout_centerVertical="true"
        android:layout_marginLeft="16dp"
        android:textStyle="bold"
        />

</RelativeLayout>

<ExpandableListView
    android:id="@+id/cartList"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_above="@id/buttom_layout"
    android:layout_alignParentTop="true"
    ></ExpandableListView>

 ### item_cart_produ

<RelativeLayout
    android:id="@+id/layout_arrow"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:padding="8dp"
    >

    <TextView
        android:id="@+id/tet_arrow"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentRight="true"
        android:layout_centerVertical="true"
        android:drawablePadding="8dp"
        android:drawableRight="@mipmap/ic_arrow"
        android:text="逛一逛"
        android:textSize="20dp"
        />

    <TextView
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_centerVertical="true"
        android:layout_toLeftOf="@id/tet_arrow"
        android:text="优惠信息"
        />

</RelativeLayout>

<RelativeLayout
    android:layout_below="@id/layout_arrow"
    android:layout_width="match_parent"
    android:layout_height="wrap_content">

    <ImageView
        android:id="@+id/img_select"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentLeft="true"
        android:layout_centerVertical="true"
        android:layout_marginLeft="10dp"
        android:src="@drawable/ic_checked"
        />

    <ImageView
        android:id="@+id/img_product"
        android:layout_width="100dp"
        android:layout_height="100dp"
        android:layout_marginLeft="10dp"
        android:layout_toRightOf="@id/img_select"
        android:scaleType="centerCrop"
        android:src="@mipmap/ic_launcher"
        />

    <TextView
        android:id="@+id/txt_product_name"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignTop="@id/img_product"
        android:layout_toRightOf="@id/img_product"
        android:textSize="14dp"
        />

    <TextView
        android:id="@+id/txt_product_price"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginTop="4dp"
        android:textColor="@color/colorAccent"
        android:layout_below="@+id/txt_product_name"
        android:layout_toRightOf="@+id/img_product"
        android:textSize="14sp" />

 ### iem_cart_seller

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:gravity="center_vertical"
    android:padding="10dp"
    android:layout_height="match_parent">

    <ImageView
        android:id="@+id/img_select"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:src="@drawable/ic_checked"
        />

    <TextView
        android:id="@+id/tet_seller_name"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:textColor="@android:color/black"
        android:textSize="20dp"
        android:layout_marginLeft="10dp"
        />

</LinearLayout>

 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
购物车页面电商网站中非常重要的一部分,因为它是用户最终决定购买的地方。下面是一些设计购物车页面的建议和最佳实践: 1. 显示清晰的商品信息:在购物车页面中,应该显示清晰的商品名称、颜色、尺寸、价格和数量等信息,以便用户确认他们所选的商品是否正确。 2. 提供简单易懂的结算流程:购物车页面应该提供简单、明确的结算流程,以便用户能够轻松地完成购买过程。结算流程应该包括购物车预览、填写收货地址、选择支付方式和确认订单等步骤。 3. 显示购物车总价:购物车页面应该显示用户所选商品的总价,以便用户清楚地了解他们购买的物品的总花费。 4. 提供优惠码和促销信息:如果您的网站提供优惠码或促销信息,应在购物车页面中显示,以便用户能够享受折扣或优惠。 5. 简化删除商品的流程:用户有时会更改想购买的商品或决定不再购买某些商品。因此,购物车页面应该提供简化删除商品的流程,如单击“删除”按钮等。 6. 使用清晰易懂的按钮和标签:购物车页面应该使用清晰、易懂的标签和按钮,如“结算”、“删除”等,以便用户轻松理解和使用。 7. 提供多种支付方式:购物车页面应该提供多种支付方式,包括信用卡、借记卡、支付宝、微信支付等。 8. 确认订单前提醒用户:在用户确认订单之前,购物车页面应该提供一个确认订单的页面,以便用户可以仔细检查他们的订单和收货地址等信息是否正确。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值