Customize info panel using Navigation View
Note
This example is a part of the Navigation SDK Examples. You can find the values for all referenced resources in the res
directory. For example, see res/values/strings.xml
for R.string.*
references used in this example.
<?xml version="1.0" encoding="utf-8"?><com.mapbox.navigation.dropin.NavigationViewxmlns:android="http://schemas.android.com/apk/res/android"xmlns:app="http://schemas.android.com/apk/res-auto"android:id="@+id/navigationView"android:layout_width="match_parent"android:layout_height="match_parent"app:accessToken="@string/mapbox_access_token" />
package com.mapbox.navigation.examples.preview.dropinui import android.os.Bundleimport android.view.LayoutInflaterimport android.view.ViewGroupimport androidx.appcompat.app.AppCompatActivityimport com.mapbox.navigation.dropin.ViewBinderCustomizationimport com.mapbox.navigation.dropin.infopanel.InfoPanelBinderimport com.mapbox.navigation.examples.preview.Rimport com.mapbox.navigation.examples.preview.databinding.MapboxActivityCustomizeInfoPanelBinding /*** The example demonstrates how to use [ViewBinderCustomization] to replace Mapbox implementation* of info panel with your custom info panel.** Before running the example make sure you have put your access_token in the correct place* inside [app-preview/src/main/res/values/mapbox_access_token.xml]. If not present then add* this file at the location mentioned above and add the following content to it** <?xml version="1.0" encoding="utf-8"?>* <resources xmlns:tools="http://schemas.android.com/tools">* <string name="mapbox_access_token"><PUT_YOUR_ACCESS_TOKEN_HERE></string>* </resources>** The example uses replay location engine to facilitate navigation without physically moving.** How to use the example:* - Start the example* - Grant the location permissions if not already granted* - Long press to mark the destination* - Press route preview button to preview the route from origin to destination* - Press start active navigation button to start navigating*/class CustomInfoPanelActivity : AppCompatActivity() { private lateinit var binding: MapboxActivityCustomizeInfoPanelBinding override fun onCreate(savedInstanceState: Bundle?) {super.onCreate(savedInstanceState)binding = MapboxActivityCustomizeInfoPanelBinding.inflate(layoutInflater)setContentView(binding.navigationView) binding.navigationView.api.routeReplayEnabled(true) binding.navigationView.customizeViewBinders {infoPanelBinder = MyInfoPanelBinder()}}} class MyInfoPanelBinder : InfoPanelBinder() {override fun onCreateLayout(layoutInflater: LayoutInflater,root: ViewGroup): ViewGroup {return layoutInflater.inflate(R.layout.mapbox_layout_info_panel, root,false) as ViewGroup} override fun getHeaderLayout(layout: ViewGroup): ViewGroup? =layout.findViewById(R.id.infoPanelHeader) override fun getContentLayout(layout: ViewGroup): ViewGroup? =layout.findViewById(R.id.infoPanelContent)}