Status
CartCounter
Add a cart icon with item counter to the Toolbar. You can increment the counter based on the number of unique items the user has in the shopping cart. In addition, you can animate the icon when there is an increment or decrement.
- Customize the cart icon and icon color
- Animate the cart icon on changing value
Download
Grab the latest version via Maven:
<dependency>
<groupId>com.rowland.cartcounter</groupId>
<artifactId>CartCounter</artifactId>
<version>1.0.0-beta-2</version>
<type>pom</type>
</dependency>or Gradle:
repositories {
jcenter()
}
dependencies {
compile 'com.rowland.cartcounter:CartCounter:1.0.0-beta-2'
}Usage
Usage is very simple and easy to incorporate. You can use it like below
res/menu/menu_main.xml
<menu xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto">
<item
android:id="@+id/action_addcart"
android:icon="@drawable/ic_shopping_cart_white_48dp"
android:title="Add Cart"
app:actionLayout="@layout/menu_cartcount"
app:showAsAction="always"></item>
</menu>Thereafter you can load your Menu and associate it with the CartCounterActionView in code like below
override fun onCreateOptionsMenu(menu: Menu): Boolean {
menuInflater.inflate(R.menu.menu_main, menu)
return super.onCreateOptionsMenu(menu)
}
override fun onPrepareOptionsMenu(menu: Menu): Boolean {
val itemData = menu.findItem(R.id.action_addcart)
val actionView = itemData.actionView as CartCounterActionView
actionView.setItemData(menu, itemData)
actionView.setCount(cartCount)
return super.onPrepareOptionsMenu(menu)
}If you would like to override the background color of the count TextView, you can do so in your styles include the cc_tv_background_color attribute. For example:
<!-- Base application theme. -->
<style name="AppTheme" parent="Theme.AppCompat.Light.DarkActionBar">
<!-- Customize your theme here. -->
<item name="colorPrimary">@color/colorPrimary</item>
<item name="colorPrimaryDark">@color/colorPrimaryDark</item>
<item name="colorAccent">@color/colorAccent</item>
<item name="cc_tv_background_color">@color/colorAccent</item>
<item name="cc_is_animate_layout">true</item>
</style>Preview
Developers
|