shoppingcartfloatbutton
一个带小红点显示数量并且可控制小红点位置的购物车入口 button
项目 github 地址:https://github.com/wdeo3601/shoppingcartfloatbutton
效果
集成步骤:
- 复制 ShoppiingCartFloatButton.kt 类文件
- 复制 values 目录下的 attrs.xml 文件
- 复制 values 目录下的 ids.xml 文件
- 复制 drawable-xhdpi 目录下的默认购物车图片
- 复制 drawable 目录下的小红点背景 shape
使用方法
在布局文件中使用该控件
<com.wdeo3601.shoppingcartfloatbutton.ShoppingCartFloatButton android:id="@+id/view" android:layout_width="wrap_content" android:layout_height="wrap_content" app:commodity_count="10" app:dot_above_float_margin_bottom="-23dp" app:dot_to_right_of_float_margin_left="-23dp" app:float_image_resource="@drawable/ic_shopping_cart" android:clipChildren="false"/>
- app:float_image_resource——设置购物车图片
- app:commodity_count——设置默认的购物车中商品数量
- app:dot_above_float_margin_bottom——设置小红点左下角相对于购物车图片右上角的 Y 轴偏移量
- app:dot_to_right_of_float_margin_left——设置小红点左下角相对于购物车右上角的 X 轴偏移量
在代码中动态的设置购物车小红点数量
val shopping = findViewById<ShoppingCartFloatButton>(R.id.view) shopping.setCommodityCount(12)
提供多个方法可以在代码里更改控件的属性
fun getCommodityCount(): Int
获取当前购物车入口控件中商品的数量fun setCommodityCount(count: Int)
设置小红点显示的商品数量fun getDotBottomMargin(): Int
获取小红点左下角相对于购物车图片右上角的 Y 轴偏移量,像素值 pxfun setDotBottomMargin(dp: Int)
设置小红点左下角相对于购物车图片右上角的 Y 轴偏移量,单位 dpfun getDotMarginStart(): Int
获取小红点左下角相对于购物车右上角的 X 轴偏移量,单位 pxfun setDotMarginStart(dp: Int)
设置小红点左下角相对于购物车右上角的 X 轴偏移量,单位 dpfun setFloatImageResource(@DrawableRes resId: Int)
设置购物车浮动按钮的 image
联系方式
QQ:974826191
CSDN:https://blog.csdn.net/captive_rainbow_
email:[email protected]
希望共同探讨共同进步~~