OsmAnd/OsmAnd/res/layout/map_hud_bottom.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
	xmlns:tools="http://schemas.android.com/tools"
	android:layout_width="match_parent"
	android:layout_height="wrap_content"
	xmlns:osmand="http://schemas.android.com/apk/res-auto"
	android:layout_gravity="bottom"
	android:orientation="vertical">

    <FrameLayout
        android:id="@+id/bottom_controls_container"
        android:layout_width="match_parent"
        android:layout_height="wrap_content">

        <FrameLayout
            android:id="@+id/map_alarm_warning"
            android:layout_width="@dimen/map_alarm_size"
            android:layout_height="@dimen/map_alarm_size"
            android:layout_gravity="bottom|start"
            android:layout_marginBottom="@dimen/map_alarm_bottom_margin"
            android:layout_marginLeft="@dimen/map_button_shadow_margin"
	        android:layout_marginStart="@dimen/map_button_shadow_margin">

            <androidx.appcompat.widget.AppCompatImageView
                android:id="@+id/map_alarm_warning_icon"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_gravity="center"
                osmand:srcCompat="@drawable/warnings_limit"/>

            <TextView
                android:id="@+id/map_alarm_warning_text"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_gravity="center"
                android:textColor="@color/color_black"
                android:textSize="@dimen/map_alarm_text_size"
                android:textStyle="bold"
                tools:text="60"/>

            <TextView
                android:id="@+id/map_alarm_warning_text_bottom"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_gravity="bottom|center_horizontal"
                android:layout_marginBottom="@dimen/map_alarm_bottom_text_margin"
                android:textSize="@dimen/map_alarm_bottom_text_size"
                android:textStyle="bold"
                tools:text="1.2 km"
                tools:textColor="@color/color_black"/>
        </FrameLayout>

        <TextView
            android:id="@+id/map_app_mode_text"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:gravity="center_horizontal"
            tools:text="13.44"
            android:layout_marginBottom="@dimen/map_button_shadow_width"
            android:layout_marginLeft="@dimen/map_alarm_bottom_text_margin"
            android:layout_marginStart="@dimen/map_alarm_bottom_text_margin"
            android:layout_gravity="bottom|start"
            android:textSize="@dimen/map_button_text_size"/>

        <LinearLayout
            android:id="@+id/map_transparency_layout"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_gravity="bottom|center_horizontal"
            android:layout_marginBottom="@dimen/map_button_size"
            android:orientation="horizontal">

            <com.google.android.material.slider.Slider
                android:id="@+id/map_transparency_slider"
                android:layout_width="@dimen/map_trans_seek_size"
                android:layout_height="wrap_content"
                android:layout_gravity="center"
                android:layout_marginLeft="@dimen/dashPadding"
                android:layout_marginRight="@dimen/dashPadding"/>

        </LinearLayout>

        <LinearLayout
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_gravity="bottom|start"
            android:layout_marginBottom="@dimen/map_button_margin"
            android:layout_marginLeft="@dimen/map_button_margin"
	        android:layout_marginStart="@dimen/map_button_margin">

            <ImageButton
                android:id="@+id/map_menu_button"
                android:layout_width="@dimen/map_button_size"
                android:layout_height="@dimen/map_button_size"
                android:background="@drawable/btn_round"
                android:contentDescription="@string/backToMenu"
                tools:src="@drawable/ic_action_remove_dark"/>

            <ImageButton
                android:id="@+id/map_route_info_button"
                android:layout_width="@dimen/map_button_size"
                android:layout_height="@dimen/map_button_size"
                android:layout_marginLeft="@dimen/map_button_spacing"
	            android:layout_marginStart="@dimen/map_button_spacing"
                android:background="@drawable/btn_round"
                android:contentDescription="@string/layer_route"
                tools:src="@drawable/ic_action_remove_dark"/>

	        <FrameLayout
		        android:layout_width="wrap_content"
		        android:layout_height="wrap_content">

		        <ImageButton
			        android:id="@+id/snap_to_road_image_button"
			        android:layout_width="@dimen/map_button_size"
			        android:layout_height="@dimen/map_button_size"
			        android:layout_gravity="bottom"
			        android:background="@drawable/btn_circle"
			        android:visibility="gone"
			        tools:src="@drawable/ic_action_remove_dark"
			        android:contentDescription="@string/snap_to_road" />

		        <include
			        android:id="@+id/profile_with_config_btn"
			        android:layout_width="wrap_content"
			        android:layout_height="@dimen/map_button_size"
			        android:layout_gravity="bottom"
			        layout="@layout/profile_with_config_btn_layout"
			        android:visibility="gone" />
	        </FrameLayout>

            <LinearLayout
                android:id="@+id/map_ruler_container"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_gravity="bottom">

                <include
                    layout="@layout/map_ruler"
                    android:layout_width="@dimen/map_ruler_width"
                    android:layout_height="wrap_content"
                    android:layout_gravity="bottom"
                    android:layout_marginStart="@dimen/map_button_margin"
                    android:layout_marginLeft="@dimen/map_button_margin" />
            </LinearLayout>

        </LinearLayout>

	    <include
		    layout="@layout/map_hud_controls"
		    android:layout_width="wrap_content"
		    android:layout_height="wrap_content"
		    android:layout_gravity="bottom|end"
		    android:layout_marginEnd="@dimen/map_button_margin"
		    android:layout_marginRight="@dimen/map_button_margin"
		    android:layout_marginBottom="@dimen/map_button_margin" />

		<me.zhanghai.android.materialprogressbar.MaterialProgressBar
			android:id="@+id/map_horizontal_progress"
			android:layout_width="match_parent"
			android:layout_height="4dp"
			android:layout_gravity="bottom"
			android:max="100"
			android:visibility="gone"
			osmand:mpb_progressStyle="horizontal"
			osmand:mpb_useIntrinsicPadding="false"
			osmand:mpb_setBothDrawables="true"
			style="@style/Widget.MaterialProgressBar.ProgressBar.Horizontal"
			tools:progress="60"
			tools:visibility="visible" />

    </FrameLayout>


	<FrameLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content">

        <include layout="@layout/recording_note_fragment"
            tools:visibility="gone"/>

        <include layout="@layout/move_marker_bottom_sheet"
                 tools:visibility="gone"/>

        <include layout="@layout/add_gpx_point_bottom_sheet"
                 tools:visibility="gone"/>

        <FrameLayout
            android:id="@+id/bottomFragmentContainer"
            android:layout_width="match_parent"
            android:layout_height="match_parent"/>

    </FrameLayout>

</LinearLayout>