Add option to set custom typeface on badge text views

build.gradle

@@ -1,6 +1,6 @@
 // Top-level build file where you can add configuration options common to all sub-projects/modules.
 buildscript {
-    ext.kotlin_version = "1.4.32"
+    ext.kotlin_version = '1.4.32'
     repositories {
         google()
         mavenCentral()
@@ -17,7 +17,6 @@ allprojects {
         google()
         mavenCentral()
     }
-
     plugins.withId("com.vanniktech.maven.publish") {
         mavenPublish {
             sonatypeHost = "S01"

demo/build.gradle

@@ -3,14 +3,14 @@ apply plugin: 'kotlin-android'
 apply plugin: 'kotlin-android-extensions'
 
 android {
-    compileSdkVersion 29
+
+    compileSdkVersion 32
 
     defaultConfig {
         applicationId "nl.joery.demo.animatedbottombar"
         minSdkVersion 21
-        targetSdkVersion 29
+        targetSdkVersion 32
         versionCode 3
-
         versionName "1.0.2"
 
         testInstrumentationRunner "androidx.test.runner.AndroidJUnitRunner"
@@ -32,17 +32,24 @@ android {
 }
 
 dependencies {
+
     implementation fileTree(dir: "libs", include: ["*.jar"])
-    implementation "org.jetbrains.kotlin:kotlin-stdlib:$kotlin_version"
-    implementation 'androidx.core:core-ktx:1.2.0'
-    implementation 'androidx.appcompat:appcompat:1.1.0'
-    implementation 'com.google.android.material:material:1.1.0'
-    implementation 'androidx.constraintlayout:constraintlayout:1.1.3'
-    implementation 'androidx.navigation:navigation-fragment-ktx:2.2.1'
-    implementation 'androidx.navigation:navigation-ui-ktx:2.2.1'
+    implementation 'androidx.appcompat:appcompat:1.4.1'
+    implementation 'androidx.core:core-ktx:1.7.0'
+    implementation 'com.google.android.material:material:1.5.0'
+    implementation 'androidx.constraintlayout:constraintlayout:2.1.3'
+
+    implementation "org.jetbrains.kotlin:kotlin-stdlib-jdk8:$kotlin_version"
+
+    implementation 'androidx.navigation:navigation-fragment-ktx:2.4.1'
+    implementation 'androidx.navigation:navigation-ui-ktx:2.4.1'
+
     implementation 'com.jaredrummler:colorpicker:1.1.0'
+
     implementation project(path: ':library')
-    testImplementation 'junit:junit:4.12'
-    androidTestImplementation 'androidx.test.ext:junit:1.1.1'
-    androidTestImplementation 'androidx.test.espresso:espresso-core:3.2.0'
+
+    testImplementation 'junit:junit:4.13.2'
+    androidTestImplementation 'androidx.test.ext:junit:1.1.3'
+    androidTestImplementation 'androidx.test.espresso:espresso-core:3.4.0'
+
 }

demo/src/main/AndroidManifest.xml

@@ -16,6 +16,7 @@
         </activity>
         <activity
             android:name=".playground.PlaygroundActivity"
+            android:exported="true"
             android:label="@string/app_name"
             android:theme="@style/AppTheme.NoActionBar">
             <intent-filter>

demo/src/main/java/nl/joery/demo/animatedbottombar/playground/PlaygroundActivity.kt

@@ -216,6 +216,11 @@ class PlaygroundActivity : AppCompatActivity() {
                 TypedValue.COMPLEX_UNIT_SP
             )
         )
+        properties.add(
+            TypefaceProperty(
+                "badgeTypeface"
+            )
+        )
     }
 
     private fun initRecyclerView() {

demo/src/main/java/nl/joery/demo/animatedbottombar/playground/properties/TypefaceProperty.kt

@@ -0,0 +1,3 @@
+package nl.joery.demo.animatedbottombar.playground.properties
+
+class TypefaceProperty(name: String) : Property(name)

gradle/wrapper/gradle-wrapper.properties

@@ -3,4 +3,4 @@ distributionBase=GRADLE_USER_HOME
 distributionPath=wrapper/dists
 zipStoreBase=GRADLE_USER_HOME
 zipStorePath=wrapper/dists
-distributionUrl=https\://services.gradle.org/distributions/gradle-6.9-all.zip
+distributionUrl=https\://services.gradle.org/distributions/gradle-6.9-all.zip

library/build.gradle

@@ -3,14 +3,12 @@ apply plugin: 'kotlin-android'
 apply plugin: "com.vanniktech.maven.publish"
 
 android {
-    compileSdkVersion 29
+
+    compileSdkVersion 32
 
     defaultConfig {
         minSdkVersion 16
-        targetSdkVersion 29
-        versionCode 1
-        versionName VERSION_NAME
-
+        targetSdkVersion 32
         testInstrumentationRunner 'androidx.test.runner.AndroidJUnitRunner'
         consumerProguardFiles 'consumer-rules.pro'
     }
@@ -43,7 +41,7 @@ dependencies {
 
     api "androidx.navigation:navigation-ui-ktx:2.3.5"
 
-    testImplementation 'junit:junit:4.12'
-    androidTestImplementation 'androidx.test.ext:junit:1.1.2'
-    androidTestImplementation 'androidx.test.espresso:espresso-core:3.3.0'
+    testImplementation 'junit:junit:4.13.2'
+    androidTestImplementation 'androidx.test.ext:junit:1.1.3'
+    androidTestImplementation 'androidx.test.espresso:espresso-core:3.4.0'
 }

library/src/main/java/nl/joery/animatedbottombar/AnimatedBottomBar.kt

@@ -16,6 +16,7 @@ import android.view.animation.AnimationUtils
 import android.widget.FrameLayout
 import androidx.annotation.*
 import androidx.core.content.ContextCompat
+import androidx.core.content.res.ResourcesCompat
 import androidx.navigation.NavController
 import androidx.recyclerview.widget.RecyclerView
 import androidx.viewpager.widget.ViewPager
@@ -218,6 +219,13 @@ class AnimatedBottomBar @JvmOverloads constructor(
                     R.styleable.AnimatedBottomBar_abb_badgeTextSize,
                     tabStyle.badge.textSize
                 )
+            badgeTypeface =
+                if (attr.hasValue(R.styleable.AnimatedBottomBar_abb_badgeTypeface))
+                    ResourcesCompat.getFont(
+                        context,
+                        attr.getResourceId(R.styleable.AnimatedBottomBar_abb_badgeTypeface, 0)
+                    ) ?: tabStyle.badge.typeface
+                else Typeface.DEFAULT
 
             // Initials tabs
             val tabsResId = attr.getResourceId(R.styleable.AnimatedBottomBar_abb_tabs, -1)
@@ -1075,6 +1083,13 @@ class AnimatedBottomBar @JvmOverloads constructor(
             applyTabStyle(BottomBarStyle.StyleUpdateType.BADGE)
         }
 
+    var badgeTypeface
+        get() = tabStyle.badge.typeface
+        set(value) {
+            tabStyle.badge.typeface = value
+            applyTabStyle(BottomBarStyle.StyleUpdateType.BADGE)
+        }
+
     class Tab internal constructor(
         val icon: Drawable,
         var iconSize: Int = -1,
@@ -1088,10 +1103,11 @@ class AnimatedBottomBar @JvmOverloads constructor(
         val text: String? = null,
         @ColorInt val backgroundColor: Int? = null,
         @ColorInt val textColor: Int? = null,
-        @Dimension val textSize: Int? = null
+        @Dimension val textSize: Int? = null,
+        val typeface: Typeface? = null
     ) {
-        constructor() : this(null, null, null, null)
-        constructor(text: String?) : this(text, null, null, null)
+        constructor() : this(null, null, null, null, null)
+        constructor(text: String?) : this(text, null, null, null, null)
     }
 
     enum class TabType(val id: Int) {

library/src/main/java/nl/joery/animatedbottombar/BadgeView.kt

@@ -124,6 +124,17 @@ class BadgeView @JvmOverloads constructor(
             invalidate()
         }
 
+    private var _typeface: Typeface = Typeface.DEFAULT
+    var typeface: Typeface
+        get() = _typeface
+        set(value) {
+            _typeface = value
+
+            textPaint.typeface = value
+            updateTextBounds()
+            invalidate()
+        }
+
     init {
         isEnabled = false
     }

library/src/main/java/nl/joery/animatedbottombar/BottomBarStyle.kt

@@ -47,7 +47,8 @@ object BottomBarStyle {
         var animationDuration: Int = 150,
         @ColorInt var backgroundColor: Int = Color.rgb(255, 12, 16),
         @ColorInt var textColor: Int = Color.WHITE,
-        @Dimension var textSize: Int = 9.spPx
+        @Dimension var textSize: Int = 9.spPx,
+        var typeface: Typeface = Typeface.DEFAULT
     )
 
     data class Indicator(

library/src/main/java/nl/joery/animatedbottombar/TabView.kt

@@ -320,6 +320,7 @@ internal class TabView @JvmOverloads constructor(
                 it.setBackgroundColor(badge.backgroundColor ?: style.badge.backgroundColor)
                 it.textColor = badge.textColor ?: style.badge.textColor
                 it.textSize = badge.textSize ?: style.badge.textSize
+                it.typeface = badge.typeface ?: style.badge.typeface
 
                 it.isEnabled = true
             }

library/src/main/res/values/attrs.xml

@@ -68,5 +68,6 @@
         <attr name="abb_badgeBackgroundColor" format="color" />
         <attr name="abb_badgeTextColor" format="color" />
         <attr name="abb_badgeTextSize" format="dimension" />
+        <attr name="abb_badgeTypeface" format="reference" />
     </declare-styleable>
 </resources>