-
Notifications
You must be signed in to change notification settings - Fork 319
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
1 parent
70377be
commit b965b46
Showing
15 changed files
with
389 additions
and
0 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
132 changes: 132 additions & 0 deletions
132
...maps/src/main/java/com/mapbox/navigation/ui/maps/camera/view/MapboxRouteOverviewButton.kt
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,132 @@ | ||
| package com.mapbox.navigation.ui.maps.camera.view | ||
|
|
||
| import android.content.Context | ||
| import android.content.res.TypedArray | ||
| import android.util.AttributeSet | ||
| import android.view.LayoutInflater | ||
| import androidx.annotation.StyleRes | ||
| import androidx.constraintlayout.widget.ConstraintLayout | ||
| import androidx.core.content.ContextCompat | ||
| import com.mapbox.navigation.ui.maps.R | ||
| import com.mapbox.navigation.ui.maps.databinding.MapboxRouteOverviewLayoutBinding | ||
| import com.mapbox.navigation.ui.utils.internal.extensions.afterMeasured | ||
| import com.mapbox.navigation.ui.utils.internal.extensions.extend | ||
| import com.mapbox.navigation.ui.utils.internal.extensions.shrink | ||
| import com.mapbox.navigation.ui.utils.internal.extensions.slideWidth | ||
|
|
||
| /** | ||
| * Default view to allow user to switch to route overview mode. | ||
| */ | ||
| class MapboxRouteOverviewButton : ConstraintLayout { | ||
|
|
||
| private var textWidth = 0 | ||
| private var isAnimationRunning = false | ||
| private val binding = MapboxRouteOverviewLayoutBinding.inflate( | ||
| LayoutInflater.from(context), | ||
| this | ||
| ) | ||
|
|
||
| /** | ||
| * | ||
| * @param context Context | ||
| * @constructor | ||
| */ | ||
| constructor(context: Context) : super(context) | ||
|
|
||
| /** | ||
| * | ||
| * @param context Context | ||
| * @param attrs AttributeSet? | ||
| * @constructor | ||
| */ | ||
| constructor(context: Context, attrs: AttributeSet?) : super(context, attrs) { | ||
| initAttributes(attrs) | ||
| } | ||
|
|
||
| /** | ||
| * | ||
| * @param context Context | ||
| * @param attrs AttributeSet? | ||
| * @param defStyleAttr Int | ||
| * @constructor | ||
| */ | ||
| constructor( | ||
| context: Context, | ||
| attrs: AttributeSet?, | ||
| defStyleAttr: Int | ||
| ) : super(context, attrs, defStyleAttr) { | ||
| initAttributes(attrs) | ||
| } | ||
|
|
||
| override fun onFinishInflate() { | ||
| super.onFinishInflate() | ||
| binding.routeOverviewText.afterMeasured { | ||
| textWidth = width | ||
| } | ||
| } | ||
|
|
||
| /** | ||
| * Allows you to change the style of [MapboxRouteOverviewButton]. | ||
| * @param style Int | ||
| */ | ||
| fun updateStyle(@StyleRes style: Int) { | ||
| val typedArray = context.obtainStyledAttributes( | ||
| style, | ||
| R.styleable.MapboxRouteOverviewButton | ||
| ) | ||
| applyAttributes(typedArray) | ||
| typedArray.recycle() | ||
| } | ||
|
|
||
| /** | ||
| * Invoke the function to show optional text associated with the view. | ||
| * @param duration for the view to be in the extended mode before it starts to shrink. | ||
| */ | ||
| fun showTextAndExtend(duration: Long) { | ||
| if (!isAnimationRunning) { | ||
| isAnimationRunning = true | ||
| val extendToWidth = EXTEND_TO_WIDTH * context.resources.displayMetrics.density | ||
| val animator = getAnimator(textWidth, extendToWidth.toInt()) | ||
| binding.routeOverviewText.extend(animator) { | ||
| binding.routeOverviewText.text = context.getString(R.string.mapbox_route_overview) | ||
| postDelayed( | ||
| { | ||
| val endAnimator = getAnimator(extendToWidth.toInt(), textWidth) | ||
| binding.routeOverviewText.shrink(endAnimator) { | ||
| binding.routeOverviewText.text = "" | ||
| isAnimationRunning = false | ||
| } | ||
| }, | ||
| duration | ||
| ) | ||
| } | ||
| } | ||
| } | ||
|
|
||
| private fun initAttributes(attrs: AttributeSet?) { | ||
| val typedArray = context.obtainStyledAttributes( | ||
| attrs, | ||
| R.styleable.MapboxRouteOverviewButton | ||
| ) | ||
| applyAttributes(typedArray) | ||
| typedArray.recycle() | ||
| } | ||
|
|
||
| private fun applyAttributes(typedArray: TypedArray) { | ||
| ContextCompat.getDrawable( | ||
| context, | ||
| typedArray.getResourceId( | ||
| R.styleable.MapboxRouteOverviewButton_overviewButtonDrawable, | ||
| R.drawable.mapbox_ic_route_overview | ||
| ) | ||
| ).also { binding.routeOverviewIcon.setImageDrawable(it) } | ||
| } | ||
|
|
||
| private fun getAnimator(from: Int, to: Int) = | ||
| binding.routeOverviewText.slideWidth(from, to, SLIDE_DURATION) | ||
|
|
||
| private companion object { | ||
| const val SLIDE_DURATION = 300L | ||
| const val EXTEND_TO_WIDTH = 175 | ||
| } | ||
| } |
19 changes: 19 additions & 0 deletions
19
libnavui-maps/src/main/res/drawable/mapbox_ic_route_overview.xml
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,19 @@ | ||
| <?xml version="1.0" encoding="utf-8"?> | ||
| <vector xmlns:android="http://schemas.android.com/apk/res/android" | ||
| android:width="16dp" | ||
| android:height="14dp" | ||
| android:viewportWidth="16" | ||
| android:viewportHeight="14"> | ||
|
|
||
| <group> | ||
| <group> | ||
| <group> | ||
| <clip-path | ||
| android:pathData="M14,4 C13.263,4,12.625,3.595,12.278,3 L3.5,3 C2.673,3,2,3.673,2,4.5 C2,5.327,2.673,6,3.5,6 L12.5,6 C14.43,6,16,7.57,16,9.5 C16,11.43,14.43,13,12.5,13 L3.722,13 C3.375,13.595,2.737,14,2,14 C0.897,14,0,13.103,0,12 C0,10.897,0.897,10,2,10 C2.737,10,3.375,10.405,3.722,11 L12.5,11 C13.327,11,14,10.327,14,9.5 C14,8.673,13.327,8,12.5,8 L3.5,8 C1.57,8,0,6.43,0,4.5 C0,2.57,1.57,1,3.5,1 L12.278,1 C12.625,0.405,13.263,0,14,0 C15.103,0,16,0.897,16,2 C16,3.103,15.103,4,14,4 Z" /> | ||
| <path | ||
| android:fillColor="@color/mapbox_route_overview_drawable_color" | ||
| android:pathData="M-5,-5 L21,-5 L21,19 L-5,19 Z" /> | ||
| </group> | ||
| </group> | ||
| </group> | ||
| </vector> |
37 changes: 37 additions & 0 deletions
37
libnavui-maps/src/main/res/layout/mapbox_route_overview_layout.xml
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,37 @@ | ||
| <?xml version="1.0" encoding="utf-8"?> | ||
| <merge xmlns:android="http://schemas.android.com/apk/res/android" | ||
| xmlns:app="http://schemas.android.com/apk/res-auto" | ||
| xmlns:tools="http://schemas.android.com/tools" | ||
| android:layout_width="wrap_content" | ||
| android:layout_height="wrap_content" | ||
| tools:parentTag="androidx.constraintlayout.widget.ConstraintLayout"> | ||
|
|
||
| <androidx.appcompat.widget.AppCompatTextView | ||
| android:id="@+id/routeOverviewText" | ||
| android:layout_height="@dimen/mapbox_dimen_56dp" | ||
| android:layout_width="@dimen/mapbox_dimen_56dp" | ||
| android:paddingStart="@dimen/mapbox_dimen_20dp" | ||
| android:paddingEnd="@dimen/mapbox_dimen_4dp" | ||
| android:elevation="0dp" | ||
| android:textSize="@dimen/mapbox_dimen_text_14sp" | ||
| android:textAllCaps="true" | ||
| android:gravity="start|center_vertical" | ||
| app:layout_constraintEnd_toEndOf="@id/routeOverviewIcon" | ||
| app:layout_constraintTop_toTopOf="@id/routeOverviewIcon" | ||
| app:layout_constraintBottom_toBottomOf="@id/routeOverviewIcon" | ||
| android:background="@drawable/mapbox_bg_circle" | ||
| android:textColor="@color/colorOnSurface" /> | ||
|
|
||
| <com.google.android.material.floatingactionbutton.FloatingActionButton | ||
| android:id="@+id/routeOverviewIcon" | ||
| android:layout_width="wrap_content" | ||
| android:layout_height="wrap_content" | ||
| app:elevation="0dp" | ||
| app:fabSize="normal" | ||
| android:layout_marginTop="@dimen/mapbox_dimen_4dp" | ||
| android:layout_marginEnd="@dimen/mapbox_dimen_4dp" | ||
| app:rippleColor="@android:color/transparent" | ||
| app:backgroundTint="@color/colorSurface" | ||
| app:layout_constraintTop_toTopOf="parent" | ||
| app:layout_constraintEnd_toEndOf="parent" /> | ||
| </merge> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,7 @@ | ||
| <?xml version="1.0" encoding="utf-8"?> | ||
| <resources> | ||
| <declare-styleable name="MapboxRouteOverviewButton"> | ||
| <!-- Defines the drawable representing route overview. --> | ||
| <attr name="overviewButtonDrawable" format="reference" /> | ||
| </declare-styleable> | ||
| </resources> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,4 @@ | ||
| <?xml version="1.0" encoding="utf-8"?> | ||
| <resources> | ||
| <color name="mapbox_route_overview_drawable_color">@color/colorOnSurface</color> | ||
| </resources> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,4 @@ | ||
| <?xml version="1.0" encoding="utf-8"?> | ||
| <resources> | ||
| <string name="mapbox_route_overview">Overview</string> | ||
| </resources> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,6 @@ | ||
| <?xml version="1.0" encoding="utf-8"?> | ||
| <resources> | ||
| <style name="MapboxStyleRouteOverview"> | ||
| <item name="overviewButtonDrawable">@drawable/mapbox_ic_route_overview</item> | ||
| </style> | ||
| </resources> |
5 changes: 5 additions & 0 deletions
5
libnavui-resources/src/main/res/drawable/mapbox_bg_circle.xml
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,5 @@ | ||
| <?xml version="1.0" encoding="utf-8"?> | ||
| <shape xmlns:android="http://schemas.android.com/apk/res/android"> | ||
| <solid android:color="@color/colorSurface" /> | ||
| <corners android:radius="@dimen/mapbox_dimen_56dp" /> | ||
| </shape> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Oops, something went wrong.