Add route callout customization example

Author: DSamaryan

app/build.gradle

@@ -73,8 +73,8 @@ android {
 
 dependencies {
     // Mapbox Navigation SDK
-    implementation "com.mapbox.navigationcore:navigation:3.5.0-beta.1"
-    implementation "com.mapbox.navigationcore:ui-components:3.3.0"
+    implementation "com.mapbox.navigationcore:navigation:3.8.0-rc.1"
+    implementation "com.mapbox.navigationcore:ui-components:3.8.0-rc.1"
 
     implementation "org.jetbrains.kotlin:kotlin-stdlib-jdk8:1.7.21"
     implementation "androidx.core:core-ktx:1.9.0"

app/src/main/AndroidManifest.xml

@@ -27,7 +27,7 @@
         android:exported="false"
         />
 
-    <activity android:name=".standalone.callout.RouteCalloutActivity"
+    <activity android:name=".standalone.callout.CustomRouteCalloutActivity"
         android:screenOrientation="portrait"
         android:exported="false"
         />

app/src/main/java/com/mapbox/navigation/examples/standalone/StandaloneExamplesList.kt

@@ -7,7 +7,7 @@ import com.mapbox.navigation.examples.R
 import com.mapbox.navigation.examples.standalone.alternative.ShowAlternativeRoutesActivity
 import com.mapbox.navigation.examples.standalone.arrival.CustomArrivalActivity
 import com.mapbox.navigation.examples.standalone.building.ShowBuildingExtrusionsActivity
-import com.mapbox.navigation.examples.standalone.callout.RouteCalloutActivity
+import com.mapbox.navigation.examples.standalone.callout.CustomRouteCalloutActivity
 import com.mapbox.navigation.examples.standalone.camera.ShowCameraTransitionsActivity
 import com.mapbox.navigation.examples.standalone.custompuck.CustomPuckActivity
 import com.mapbox.navigation.examples.standalone.fetchroute.FetchARouteActivity
@@ -26,10 +26,10 @@ import com.mapbox.navigation.examples.standalone.waypoints.MultipleWaypointsActi
 
 fun Context.examplesList() = listOf(
     MapboxExample(
-        ContextCompat.getDrawable(this, R.drawable.mapbox_screenshot_route_callout),
+        ContextCompat.getDrawable(this, R.drawable.mapbox_screenshot_custom_route_callout),
         getString(R.string.title_show_route_callouts),
         getString(R.string.description_show_route_callouts),
-        RouteCalloutActivity::class.java
+        CustomRouteCalloutActivity::class.java
     ),
     MapboxExample(
         ContextCompat.getDrawable(this, R.drawable.mapbox_ic_user_current_location),
@@ -44,7 +44,7 @@ fun Context.examplesList() = listOf(
         FetchARouteActivity::class.java
     ),
     MapboxExample(
-        ContextCompat.getDrawable(this, R.drawable.mapbox_ic_route_line),
+        ContextCompat.getDrawable(this, R.drawable.mapbox_screenshot_route_lines),
         getString(R.string.title_route),
         getString(R.string.description_route),
         RenderRouteLineActivity::class.java

app/src/main/java/com/mapbox/navigation/examples/standalone/callout/BitmapUtils.kt

@@ -0,0 +1,46 @@
+package com.mapbox.navigation.examples.standalone.callout
+
+import android.graphics.Bitmap
+import android.graphics.Canvas
+import android.graphics.drawable.BitmapDrawable
+import android.graphics.drawable.Drawable
+import androidx.annotation.ColorInt
+
+/**
+ * Utility class to work with bitmaps and drawables.
+ */
+object BitmapUtils {
+
+    fun drawableToBitmap(
+        sourceDrawable: Drawable?,
+        flipX: Boolean = false,
+        flipY: Boolean = false,
+        @ColorInt tint: Int? = null,
+    ): Bitmap? {
+        if (sourceDrawable == null) {
+            return null
+        }
+        return if (sourceDrawable is BitmapDrawable) {
+            sourceDrawable.bitmap
+        } else {
+            // copying drawable object to not manipulate on the same reference
+            val constantState = sourceDrawable.constantState ?: return null
+            val drawable = constantState.newDrawable().mutate()
+            val bitmap = Bitmap.createBitmap(
+                drawable.intrinsicWidth, drawable.intrinsicHeight,
+                Bitmap.Config.ARGB_8888
+            )
+            tint?.let(drawable::setTint)
+            val canvas = Canvas(bitmap)
+            drawable.setBounds(0, 0, canvas.width, canvas.height)
+            canvas.scale(
+                if (flipX) -1f else 1f,
+                if (flipY) -1f else 1f,
+                canvas.width / 2f,
+                canvas.height / 2f
+            )
+            drawable.draw(canvas)
+            bitmap
+        }
+    }
+}