版权声明:本文为宠歆小王子的原创文章,未经宠歆小王子允许不得转载。 https://blog.csdn.net/qq_41698379/article/details/82831410
implementation 'com.android.support:recyclerview-v7:27.+'
implementation 'com.github.bumptech.glide:glide:4.8.0'
implementation 'com.squareup.okhttp3:okhttp:3.11.0'
implementation 'com.google.code.gson:gson:2.2.4'
go_pay
<shape xmlns:android="http://schemas.android.com/apk/res/android"
android:shape="rectangle">
<solid android:color="@android:color/holo_red_dark" />
<corners android:radius="20dp" />
</shape>
go_pay
shop_box
<shape xmlns:android="http://schemas.android.com/apk/res/android">
<corners android:radius="@dimen/height_200dp"></corners>
<stroke android:color="@color/default_icon_color" android:width="1dp"></stroke>
</shape>
shop_box
shop_btn
<shape xmlns:android="http://schemas.android.com/apk/res/android">
<corners android:radius="@dimen/height_200dp"></corners>
<solid android:color="@color/pressed_icon_color"></solid>
</shape>
shop_btn
shopcart_add_btn
<shape xmlns:android="http://schemas.android.com/apk/res/android">
<corners android:radius="@dimen/height_200dp"></corners>
<stroke android:color="@color/background_color" android:width="1dp"></stroke>
</shape>
shopcart_add_btn
mainxml
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent">
<!-- 购物车列表 -->
<RelativeLayout
android:id="@+id/rl_shopcart_have"
android:layout_width="match_parent"
android:layout_height="match_parent">
<LinearLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:orientation="vertical">
<android.support.v7.widget.RecyclerView
android:id="@+id/rlv_shopcart"
android:layout_width="match_parent"
android:layout_height="0dp"
android:layout_weight="1" />
<View
android:layout_width="match_parent"
android:layout_height="50dp" />
</LinearLayout>
<!-- 底部支付 -->
<LinearLayout
android:id="@+id/ll_pay"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_alignParentBottom="true"
android:background="@color/main_white_text"
android:gravity="center_vertical"
android:orientation="horizontal">
<TextView
android:id="@+id/tv_shopcart_addselect"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginLeft="@dimen/margin_10dp"
android:drawableLeft="@drawable/shopcart_selected"
android:drawablePadding="@dimen/padding_5dp"
android:text="全选" />
<LinearLayout
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_weight="1"
android:orientation="vertical">
<TextView
android:id="@+id/tv_shopcart_totalprice"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:paddingLeft="@dimen/padding_10dp"
android:paddingTop="@dimen/padding_10dp"
android:text="总价:¥0"
android:textColor="@color/main_red_text"
android:textSize="@dimen/common_font_size_16" />
<TextView
android:id="@+id/tv_shopcart_totalnum"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:paddingLeft="@dimen/padding_10dp"
android:paddingBottom="@dimen/padding_10dp"
android:text="共0件商品"
android:textSize="@dimen/common_font_size_14" />
</LinearLayout>
<TextView
android:id="@+id/tv_shopcart_submit"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginRight="@dimen/margin_10dp"
android:background="@drawable/shop_btn"
android:paddingLeft="@dimen/margin_30dp"
android:paddingTop="@dimen/padding_10dp"
android:paddingRight="@dimen/margin_30dp"
android:paddingBottom="@dimen/padding_10dp"
android:text="去结算"
android:textColor="@color/main_white_text" />
</LinearLayout>
</RelativeLayout>
</RelativeLayout>
mainxml
扫描二维码关注公众号,回复:
3405774 查看本文章
shop_cart_item
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:background="@color/main_white_text"
android:orientation="vertical">
<LinearLayout
android:id="@+id/ll_shopcart_header"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:orientation="vertical">
<!-- 距离占位 -->
<View
android:id="@+id/view"
android:layout_width="match_parent"
android:layout_height="@dimen/margin_10dp"
android:background="@color/background_color"></View>
<!-- 商铺 -->
<LinearLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:gravity="center_vertical">
<ImageView
android:id="@+id/iv_item_shopcart_shopselect"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:paddingLeft="@dimen/margin_15dp"
android:paddingTop="@dimen/margin_10dp"
android:paddingRight="@dimen/margin_15dp"
android:paddingBottom="@dimen/margin_10dp"
android:src="@drawable/shopcart_selected" />
<TextView
android:id="@+id/tv_item_shopcart_shopname"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:drawableLeft="@drawable/shopcart_shop"
android:drawablePadding="@dimen/padding_5dp"
android:padding="@dimen/padding_10dp"
android:text="宝儿家服装" />
</LinearLayout>
</LinearLayout>
<LinearLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:gravity="center_vertical">
<LinearLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:orientation="vertical">
<!-- 分隔商铺和商铺的线 -->
<View
android:layout_width="match_parent"
android:layout_height="@dimen/margin_1dp"
android:background="@color/background_color"></View>
<!-- 商品名称 -->
<LinearLayout
android:layout_width="match_parent"
android:layout_height="wrap_content">
<!-- 图片占位 为了对其好看 -->
<ImageView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginLeft="@dimen/margin_15dp"
android:layout_marginRight="@dimen/margin_15dp"
android:src="@drawable/shopcart_selected"
android:visibility="invisible" />
<!-- 显示商品名称的 -->
<TextView
android:id="@+id/tv_item_shopcart_clothname"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:paddingLeft="@dimen/padding_10dp"
android:paddingTop="@dimen/padding_10dp"
android:text="小米6" />
</LinearLayout>
<LinearLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:gravity="center_vertical"
android:orientation="horizontal">
<!-- 选中图片 -->
<ImageView
android:id="@+id/tv_item_shopcart_clothselect"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:padding="@dimen/margin_15dp"
android:src="@drawable/shopcart_selected" />
<!-- 商品图片 -->
<ImageView
android:id="@+id/iv_item_shopcart_cloth_pic"
android:layout_width="60dp"
android:layout_height="60dp"
android:layout_margin="@dimen/margin_10dp" />
<LinearLayout
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_weight="1"
android:orientation="vertical">
<!-- 商品价钱的TextView -->
<TextView
android:id="@+id/tv_item_shopcart_cloth_price"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="¥185"
android:textColor="@color/main_red_text"
android:textSize="@dimen/common_font_size_14" />
<!-- 商品的颜色和尺寸 -->
<LinearLayout
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginTop="@dimen/margin_5dp"
android:layout_marginBottom="@dimen/margin_5dp">
<TextView
android:id="@+id/tv_item_shopcart_cloth_color"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="颜色:黑色"
android:textSize="@dimen/common_font_size_12" />
<TextView
android:id="@+id/tv_item_shopcart_cloth_size"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginLeft="@dimen/margin_10dp"
android:text="尺寸:XL"
android:textSize="@dimen/common_font_size_12" />
</LinearLayout>
<!-- 加减键号 商品数量 -->
<LinearLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:gravity="center_vertical">
<ImageView
android:id="@+id/iv_item_shopcart_cloth_minus"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:src="@drawable/shopcart_minus_grey" />
<TextView
android:id="@+id/et_item_shopcart_cloth_num"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginLeft="@dimen/margin_5dp"
android:background="@drawable/shopcart_add_btn"
android:paddingLeft="@dimen/padding_20dp"
android:paddingTop="@dimen/padding_2dp"
android:paddingRight="@dimen/padding_20dp"
android:paddingBottom="@dimen/padding_2dp"
android:text="1" />
<ImageView
android:id="@+id/iv_item_shopcart_cloth_add"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginLeft="@dimen/margin_5dp"
android:src="@drawable/shopcart_add_red" />
</LinearLayout>
</LinearLayout>
<!-- 竖线 -->
<View
android:layout_width="@dimen/margin_1dp"
android:layout_height="match_parent"
android:layout_marginTop="@dimen/padding_10dp"
android:layout_marginBottom="@dimen/padding_10dp"
android:background="@color/splitline_color"></View>
<!-- 删除的图片 -->
<ImageView
android:id="@+id/iv_item_shopcart_cloth_delete"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:padding="@dimen/margin_20dp"
android:src="@drawable/shopcart_delete" />
</LinearLayout>
</LinearLayout>
</LinearLayout>
<!-- 底部的线 -->
<View
android:layout_width="match_parent"
android:layout_height="@dimen/margin_1dp"
android:background="@color/background_color"></View>
</LinearLayout>
shop_cart_item
dimens.xml
<resources>
<!-- Default screen margins, per the Android Design guidelines. -->
<dimen name="activity_horizontal_margin">16dp</dimen>
<dimen name="activity_vertical_margin">16dp</dimen>
<dimen name="common_font_size_16">16sp</dimen>
<dimen name="common_font_size_14">14sp</dimen>
<dimen name="common_font_size_12">12sp</dimen>
<!--外边距-->
<dimen name="margin_1dp">1dp</dimen>
<dimen name="margin_2dp">2dp</dimen>
<dimen name="margin_3dp">3dp</dimen>
<dimen name="margin_4dp">4dp</dimen>
<dimen name="margin_5dp">5dp</dimen>
<dimen name="margin_6dp">6dp</dimen>
<dimen name="margin_7dp">7dp</dimen>
<dimen name="margin_8dp">8dp</dimen>
<dimen name="margin_10dp">10dp</dimen>
<dimen name="margin_11dp">10dp</dimen>
<dimen name="margin_12dp">10dp</dimen>
<dimen name="margin_15dp">15dp</dimen>
<dimen name="margin_20dp">20dp</dimen>
<dimen name="margin_25dp">25dp</dimen>
<dimen name="margin_30dp">30dp</dimen>
<dimen name="margin_50dp">50dp</dimen>
<!--内边距-->
<dimen name="padding_2dp">2dp</dimen>
<dimen name="padding_3dp">3dp</dimen>
<dimen name="padding_4dp">4dp</dimen>
<dimen name="padding_5dp">5dp</dimen>
<dimen name="padding_6dp">6dp</dimen>
<dimen name="padding_7dp">7dp</dimen>
<dimen name="padding_8dp">8dp</dimen>
<dimen name="padding_10dp">10dp</dimen>
<dimen name="padding_12dp">12dp</dimen>
<dimen name="padding_13dp">13dp</dimen>
<dimen name="padding_14dp">14dp</dimen>
<dimen name="padding_15dp">15dp</dimen>
<dimen name="padding_20dp">20dp</dimen>
<!--字体大小-->
<dimen name="textSize_10sp">10sp</dimen>
<dimen name="textSize_12sp">12sp</dimen>
<dimen name="textSize_13sp">13sp</dimen>
<dimen name="textSize_14sp">14sp</dimen>
<dimen name="textSize_15sp">15sp</dimen>
<dimen name="textSize_16sp">16sp</dimen>
<dimen name="textSize_18sp">18sp</dimen>
<dimen name="textSize_20sp">20sp</dimen>
<dimen name="textSize_22sp">22sp</dimen>
<dimen name="textSize_30sp">30sp</dimen>
<!-- 宽度高度 -->
<dimen name="width_200dp">200dp</dimen>
<dimen name="height_200dp">200dp</dimen>
</resources>
dimens.xml
color
<resources>
<color name="colorPrimary">#008577</color>
<color name="colorPrimaryDark">#00574B</color>
<color name="colorAccent">#D81B60</color>
<!--背景颜色-->
<color name="background_color">#f6f6f6</color>
<!--分割线-->
<color name="splitline_color">#dddddd</color>
<!--文字-->
<color name="main_red_text">#e53e42</color>
<color name="main_white_text">#ffffff</color>
<!--图标-->
<color name="default_icon_color">#999999</color>
<color name="pressed_icon_color">#e53e42</color>
</resources>
color