add upcoming maneuver arrow on the route line

mapbox · Jun 6, 2018 · af50a6f · af50a6f
1 parent fbda855
commit af50a6f
Show file tree

Hide file tree

Showing 10 changed files with 310 additions and 9 deletions.
diff --git a/app/src/main/res/layout/activity_embedded_navigation.xml b/app/src/main/res/layout/activity_embedded_navigation.xml
@@ -8,7 +8,7 @@
         android:id="@+id/navigationView"
         android:layout_width="match_parent"
         android:layout_height="match_parent"
-        app:navigationLightTheme="@style/NavigationViewLight"
+        app:navigationLightTheme="@style/CustomNavigationView"
         app:navigationDarkTheme="@style/NavigationViewDark"/>
     <TextView
         android:layout_width="wrap_content"

diff --git a/app/src/main/res/values/colors.xml b/app/src/main/res/values/colors.xml
@@ -3,4 +3,5 @@
     <color name="colorPrimary">#8D64F9</color>
     <color name="colorPrimaryDark">#7845F3</color>
     <color name="colorAccent">#F56FA3</color>
+    <color name="red">#FF0000</color>
 </resources>
diff --git a/app/src/main/res/values/styles.xml b/app/src/main/res/values/styles.xml
@@ -1,5 +1,13 @@
 <resources>
 
+    <style name="CustomNavigationMapRoute" parent="NavigationMapRoute">
+        <item name="upcomingManeuverArrowBorderColor">@color/red</item>
+    </style>
+
+    <style name="CustomNavigationView" parent="NavigationViewLight">
+        <item name="navigationViewRouteStyle">@style/CustomNavigationMapRoute</item>
+    </style>
+
     <!-- Base application theme. -->
     <style name="AppTheme" parent="Theme.AppCompat.Light.DarkActionBar">
         <!-- Customize your theme here. -->

diff --git a/...igation-ui/src/main/java/com/mapbox/services/android/navigation/ui/v5/NavigationView.java b/...igation-ui/src/main/java/com/mapbox/services/android/navigation/ui/v5/NavigationView.java
@@ -213,10 +213,6 @@ public void onStop() {
   @Override
   public void onMapReady(MapboxMap mapboxMap) {
     map = mapboxMap;
-    initializeRoute();
-    initializeLocationLayer();
-    initializeMapPadding();
-    initializeLocationLayerObserver();
     initializeNavigationPresenter();
     initializeClickListeners();
     map.addOnScrollListener(NavigationView.this);
@@ -370,6 +366,10 @@ public void startNavigation(NavigationViewOptions options) {
       navigationViewModel.initializeNavigation(options);
       initializeNavigationListeners(options, navigationViewModel.getNavigation());
       initializeNavigationCamera();
+      initializeRoute();
+      initializeLocationLayer();
+      initializeMapPadding();
+      initializeLocationLayerObserver();
       subscribeViewModels();
       isInitialized = true;
     } else {
@@ -486,7 +486,7 @@ private void initializeMapPadding() {
    */
   private void initializeRoute() {
     int routeStyleRes = ThemeSwitcher.retrieveNavigationViewStyle(getContext(), R.attr.navigationViewRouteStyle);
-    mapRoute = new NavigationMapRoute(null, mapView, map, routeStyleRes);
+    mapRoute = new NavigationMapRoute(navigationViewModel.getNavigation(), mapView, map, routeStyleRes);
   }
 
   /**