OsmAnd/OsmAnd-telegram/res/layout/fragment_user_gpx_info.xml

<?xml version="1.0" encoding="utf-8"?>
<androidx.coordinatorlayout.widget.CoordinatorLayout 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="match_parent"
	android:layout_height="match_parent"
	android:background="?attr/card_bg_color">

	<ScrollView
		android:id="@+id/scroll_view"
		android:layout_width="match_parent"
		android:layout_height="match_parent">

		<LinearLayout
			android:layout_width="match_parent"
			android:layout_height="wrap_content"
			android:orientation="vertical">

			<FrameLayout
				android:id="@+id/image_container"
				android:layout_width="match_parent"
				android:layout_height="wrap_content"
				android:paddingBottom="@dimen/content_padding_standard"
				app:layout_scrollFlags="scroll">

				<ImageView
					android:id="@+id/back_button"
					style="@style/Widget.AppCompat.Toolbar.Button.Navigation"
					android:layout_width="wrap_content"
					android:layout_height="wrap_content"
					android:layout_gravity="start"
					android:contentDescription="@string/shared_string_back"
					android:padding="@dimen/content_padding_standard"
					tools:src="@drawable/ic_arrow_back"
					tools:tint="@color/icon_light" />

				<LinearLayout
					android:layout_width="match_parent"
					android:layout_height="wrap_content"
					android:orientation="vertical">

					<ImageView
						android:id="@+id/user_icon"
						android:layout_width="@dimen/timeline_user_icon_size"
						android:layout_height="@dimen/timeline_user_icon_size"
						android:layout_gravity="center_horizontal"
						android:layout_marginTop="@dimen/content_padding_half"
						android:layout_marginBottom="@dimen/action_bar_descr_bottom_margin"
						tools:src="@drawable/img_user_picture" />

					<net.osmand.telegram.ui.views.TextViewEx
						android:id="@+id/title"
						android:layout_width="wrap_content"
						android:layout_height="wrap_content"
						android:layout_gravity="bottom|center_horizontal"
						android:ellipsize="end"
						android:gravity="center"
						android:maxLines="1"
						android:text="@string/start_location_sharing"
						android:textColor="?android:textColorPrimary"
						android:textSize="@dimen/title_text_size"
						app:typeface="@string/font_roboto_mono_bold" />

				</LinearLayout>

			</FrameLayout>

			<net.osmand.telegram.ui.views.TextViewEx
				android:id="@+id/start_end_descr"
				android:layout_width="wrap_content"
				android:layout_height="wrap_content"
				android:layout_marginStart="@dimen/content_padding_standard"
				android:layout_marginLeft="@dimen/content_padding_standard"
				android:text="@string/start_end_date"
				android:textColor="?android:attr/textColorSecondary"
				android:textSize="@dimen/list_item_description_text_size_small"
				app:typeface="@string/font_roboto_regular" />

			<LinearLayout
				android:layout_width="match_parent"
				android:layout_height="wrap_content"
				android:orientation="horizontal">

				<FrameLayout
					android:layout_width="0dp"
					android:layout_height="match_parent"
					android:layout_weight="1"
					android:paddingLeft="@dimen/content_padding_standard"
					android:paddingRight="@dimen/content_padding_standard">

					<net.osmand.telegram.ui.views.TextViewEx
						android:id="@+id/date_time_btn"
						android:layout_width="wrap_content"
						android:layout_height="wrap_content"
						android:layout_gravity="center_vertical"
						android:background="@drawable/btn_round"
						android:ellipsize="end"
						android:gravity="center_vertical"
						android:maxLines="1"
						android:minHeight="@dimen/dialog_button_height"
						android:paddingLeft="@dimen/content_padding_half"
						android:paddingRight="@dimen/content_padding_half"
						android:textSize="@dimen/hint_text_size"
						app:typeface="@string/font_roboto_medium"
						tools:text="15 Feb, 12:20 — 30 Jul, 23:59"
						tools:textColor="?attr/ctrl_active_color"
						tools:visibility="visible" />

				</FrameLayout>

				<net.osmand.telegram.ui.views.TextViewEx
					android:id="@+id/live_btn"
					android:layout_width="wrap_content"
					android:layout_height="wrap_content"
					android:layout_marginEnd="@dimen/content_padding_standard"
					android:layout_marginRight="@dimen/content_padding_standard"
					android:background="@drawable/btn_round"
					android:ellipsize="end"
					android:gravity="center"
					android:maxLines="1"
					android:minHeight="@dimen/dialog_button_height"
					android:paddingLeft="@dimen/content_padding_half"
					android:paddingRight="@dimen/content_padding_half"
					android:text="@string/shared_string_live"
					android:textSize="@dimen/hint_text_size"
					android:visibility="visible"
					app:typeface="@string/font_roboto_medium"
					tools:drawableLeft="@drawable/ic_action_round_shape"
					tools:drawableTint="@color/ctrl_active_light"
					tools:textColor="?attr/ctrl_active_color" />

			</LinearLayout>

			<FrameLayout
				android:id="@+id/map_container"
				android:layout_width="match_parent"
				android:layout_height="@dimen/map_height"
				android:layout_marginLeft="@dimen/content_padding_standard"
				android:layout_marginTop="@dimen/image_button_padding"
				android:layout_marginRight="@dimen/content_padding_standard"
				android:layout_marginBottom="@dimen/map_bottom_padding">

				<ImageView
					android:id="@+id/gpx_map"
					android:layout_width="match_parent"
					android:layout_height="match_parent"
					android:contentDescription="@string/shared_string_map" />

			</FrameLayout>

			<LinearLayout
				android:id="@+id/gpx_statistic"
				android:layout_width="match_parent"
				android:layout_height="wrap_content"
				android:orientation="vertical">

				<LinearLayout
					android:layout_width="match_parent"
					android:layout_height="wrap_content"
					android:baselineAligned="false"
					android:orientation="horizontal"
					android:paddingLeft="@dimen/content_padding_standard"
					android:paddingRight="@dimen/content_padding_standard">

					<LinearLayout
						android:layout_width="0dp"
						android:layout_height="wrap_content"
						android:layout_marginEnd="@dimen/content_padding_half"
						android:layout_marginRight="@dimen/content_padding_half"
						android:layout_weight="1"
						android:minHeight="@dimen/list_item_height"
						android:orientation="horizontal">

						<ImageView
							android:id="@+id/distance_icon"
							android:layout_width="wrap_content"
							android:layout_height="wrap_content"
							android:layout_marginTop="@dimen/content_padding_half"
							android:layout_marginEnd="@dimen/content_padding_big"
							android:layout_marginRight="@dimen/content_padding_big"
							android:src="@drawable/ic_action_sort_by_distance"
							android:tint="@color/icon_light" />

						<LinearLayout
							android:layout_width="match_parent"
							android:layout_height="wrap_content"
							android:orientation="vertical">

							<net.osmand.telegram.ui.views.TextViewEx
								android:id="@+id/distance_desc"
								android:layout_width="match_parent"
								android:layout_height="wrap_content"
								android:layout_marginTop="@dimen/content_padding_half"
								android:text="@string/shared_string_distance"
								android:textColor="?android:attr/textColorSecondary"
								android:textSize="@dimen/list_item_description_text_size_small"
								app:typeface="@string/font_roboto_regular" />

							<net.osmand.telegram.ui.views.TextViewEx
								android:id="@+id/distance_text"
								android:layout_width="match_parent"
								android:layout_height="wrap_content"
								android:background="@null"
								android:textColor="?android:attr/textColorPrimary"
								android:textSize="@dimen/descr_text_size"
								app:typeface="@string/font_roboto_mono_bold"
								tools:text="40 km" />

						</LinearLayout>

					</LinearLayout>

					<LinearLayout
						android:layout_width="0dp"
						android:layout_height="wrap_content"
						android:layout_marginStart="@dimen/content_padding_half"
						android:layout_marginLeft="@dimen/content_padding_half"
						android:layout_weight="1"
						android:minHeight="@dimen/list_item_height"
						android:orientation="horizontal">

						<ImageView
							android:id="@+id/duration_icon"
							android:layout_width="wrap_content"
							android:layout_height="wrap_content"
							android:layout_marginTop="@dimen/content_padding_half"
							android:layout_marginEnd="@dimen/content_padding_big"
							android:layout_marginRight="@dimen/content_padding_big"
							android:src="@drawable/ic_action_time_span"
							android:tint="@color/icon_light" />

						<LinearLayout
							android:layout_width="match_parent"
							android:layout_height="wrap_content"
							android:orientation="vertical">

							<net.osmand.telegram.ui.views.TextViewEx
								android:id="@+id/duration_desc"
								android:layout_width="match_parent"
								android:layout_height="wrap_content"
								android:layout_marginTop="@dimen/content_padding_half"
								android:text="@string/time_on_the_move"
								android:textColor="?android:attr/textColorSecondary"
								android:textSize="@dimen/list_item_description_text_size_small"
								app:typeface="@string/font_roboto_regular" />

							<net.osmand.telegram.ui.views.TextViewEx
								android:id="@+id/duration_text"
								android:layout_width="match_parent"
								android:layout_height="wrap_content"
								android:background="@null"
								android:textColor="?android:attr/textColorPrimary"
								android:textSize="@dimen/descr_text_size"
								app:typeface="@string/font_roboto_mono_bold"
								tools:text="3:32:44" />

						</LinearLayout>

					</LinearLayout>

				</LinearLayout>

				<LinearLayout
					android:id="@+id/divider_distance_time_span"
					android:layout_width="match_parent"
					android:layout_height="wrap_content"
					android:orientation="horizontal">

					<View
						android:layout_width="0dp"
						android:layout_height="1dp"
						android:layout_marginStart="@dimen/content_padding_standard"
						android:layout_marginLeft="@dimen/content_padding_standard"
						android:layout_marginEnd="@dimen/content_padding_half"
						android:layout_marginRight="@dimen/content_padding_half"
						android:layout_weight="1"
						android:background="@color/card_divider_light" />

					<View
						android:layout_width="0dp"
						android:layout_height="1dp"
						android:layout_marginStart="@dimen/content_padding_half"
						android:layout_marginLeft="@dimen/content_padding_half"
						android:layout_marginEnd="@dimen/content_padding_standard"
						android:layout_marginRight="@dimen/content_padding_standard"
						android:layout_weight="1"
						android:background="@color/card_divider_light" />

				</LinearLayout>

				<LinearLayout
					android:layout_width="match_parent"
					android:layout_height="wrap_content"
					android:baselineAligned="false"
					android:orientation="horizontal"
					android:paddingLeft="@dimen/content_padding_standard"
					android:paddingRight="@dimen/content_padding_standard">

					<LinearLayout
						android:layout_width="0dp"
						android:layout_height="wrap_content"
						android:layout_marginEnd="@dimen/content_padding_half"
						android:layout_marginRight="@dimen/content_padding_half"
						android:layout_weight="1"
						android:minHeight="@dimen/list_item_height"
						android:orientation="horizontal">

						<ImageView
							android:id="@+id/average_speed_icon"
							android:layout_width="wrap_content"
							android:layout_height="wrap_content"
							android:layout_marginTop="@dimen/content_padding_half"
							android:layout_marginEnd="@dimen/content_padding_big"
							android:layout_marginRight="@dimen/content_padding_big"
							android:src="@drawable/ic_action_speed_average"
							android:tint="@color/icon_light" />

						<LinearLayout
							android:layout_width="match_parent"
							android:layout_height="wrap_content"
							android:orientation="vertical">

							<net.osmand.telegram.ui.views.TextViewEx
								android:id="@+id/average_speed_desc"
								android:layout_width="match_parent"
								android:layout_height="wrap_content"
								android:layout_marginTop="@dimen/content_padding_half"
								android:text="@string/average_speed"
								android:textColor="?android:attr/textColorSecondary"
								android:textSize="@dimen/list_item_description_text_size_small"
								app:typeface="@string/font_roboto_regular" />

							<net.osmand.telegram.ui.views.TextViewEx
								android:id="@+id/average_speed_text"
								android:layout_width="match_parent"
								android:layout_height="wrap_content"
								android:background="@null"
								android:textColor="?android:attr/textColorPrimary"
								android:textSize="@dimen/descr_text_size"
								app:typeface="@string/font_roboto_mono_bold"
								tools:text="15:04:58" />

						</LinearLayout>

					</LinearLayout>

					<LinearLayout
						android:layout_width="0dp"
						android:layout_height="wrap_content"
						android:layout_marginStart="@dimen/content_padding_half"
						android:layout_marginLeft="@dimen/content_padding_half"
						android:layout_weight="1"
						android:minHeight="@dimen/list_item_height"
						android:orientation="horizontal">

						<ImageView
							android:id="@+id/average_altitude_icon"
							android:layout_width="wrap_content"
							android:layout_height="wrap_content"
							android:layout_marginTop="@dimen/content_padding_half"
							android:layout_marginEnd="@dimen/content_padding_big"
							android:layout_marginRight="@dimen/content_padding_big"
							android:src="@drawable/ic_action_altitude_range"
							android:tint="@color/icon_light" />

						<LinearLayout
							android:layout_width="match_parent"
							android:layout_height="wrap_content"
							android:orientation="vertical">

							<net.osmand.telegram.ui.views.TextViewEx
								android:id="@+id/average_altitude_desc"
								android:layout_width="match_parent"
								android:layout_height="wrap_content"
								android:layout_marginTop="@dimen/content_padding_half"
								android:text="@string/average_altitude"
								android:textColor="?android:attr/textColorSecondary"
								android:textSize="@dimen/list_item_description_text_size_small"
								app:typeface="@string/font_roboto_regular" />

							<net.osmand.telegram.ui.views.TextViewEx
								android:id="@+id/average_altitude_text"
								android:layout_width="match_parent"
								android:layout_height="wrap_content"
								android:background="@null"
								android:textColor="?android:attr/textColorPrimary"
								android:textSize="@dimen/descr_text_size"
								app:typeface="@string/font_roboto_mono_bold"
								tools:text="20:58:00" />

						</LinearLayout>

					</LinearLayout>

				</LinearLayout>

				<LinearLayout
					android:id="@+id/divider_speed_altitude"
					android:layout_width="match_parent"
					android:layout_height="wrap_content"
					android:orientation="horizontal">

					<View
						android:layout_width="0dp"
						android:layout_height="1dp"
						android:layout_marginStart="@dimen/content_padding_standard"
						android:layout_marginLeft="@dimen/content_padding_standard"
						android:layout_marginEnd="@dimen/content_padding_half"
						android:layout_marginRight="@dimen/content_padding_half"
						android:layout_weight="1"
						android:background="@color/card_divider_light" />

					<View
						android:layout_width="0dp"
						android:layout_height="1dp"
						android:layout_marginStart="@dimen/content_padding_half"
						android:layout_marginLeft="@dimen/content_padding_half"
						android:layout_marginEnd="@dimen/content_padding_standard"
						android:layout_marginRight="@dimen/content_padding_standard"
						android:layout_weight="1"
						android:background="@color/card_divider_light" />

				</LinearLayout>

			</LinearLayout>

			<LinearLayout
				android:layout_width="match_parent"
				android:layout_height="wrap_content"
				android:layout_marginLeft="@dimen/content_padding_standard"
				android:layout_marginTop="@dimen/list_header_height"
				android:layout_marginRight="@dimen/content_padding_standard"
				android:layout_marginBottom="@dimen/image_button_padding"
				android:baselineAligned="false"
				android:orientation="horizontal">

				<LinearLayout
					android:id="@+id/open_in_osmand_btn"
					android:layout_width="0dp"
					android:layout_height="@dimen/list_item_height_min"
					android:layout_marginEnd="@dimen/content_padding_half"
					android:layout_marginRight="@dimen/content_padding_half"
					android:layout_weight="1"
					android:background="@drawable/btn_round"
					android:gravity="center_vertical">

					<ImageView
						android:id="@+id/open_in_osmand_icon"
						android:layout_width="@dimen/list_item_icon_size"
						android:layout_height="@dimen/list_item_icon_size"
						android:layout_marginStart="@dimen/image_button_padding"
						android:layout_marginLeft="@dimen/image_button_padding"
						android:layout_marginTop="@dimen/image_button_padding"
						android:layout_marginBottom="@dimen/image_button_padding"
						android:src="@drawable/ic_logo_osmand_free" />

					<net.osmand.telegram.ui.views.TextViewEx
						android:id="@+id/open_in_osmand_title"
						android:layout_width="match_parent"
						android:layout_height="match_parent"
						android:gravity="center"
						android:paddingStart="@dimen/content_padding_tiny"
						android:paddingLeft="@dimen/content_padding_tiny"
						android:paddingEnd="@dimen/content_padding_half"
						android:paddingRight="@dimen/content_padding_half"
						android:text="@string/open_in_osmand"
						android:textColor="?android:textColorPrimary"
						android:textSize="@dimen/hint_text_size"
						app:typeface="@string/font_roboto_medium" />

				</LinearLayout>

				<LinearLayout
					android:id="@+id/share_gpx_btn"
					android:layout_width="0dp"
					android:layout_height="@dimen/list_item_height_min"
					android:layout_marginStart="@dimen/content_padding_half"
					android:layout_marginLeft="@dimen/content_padding_half"
					android:layout_weight="1"
					android:background="@drawable/btn_round"
					android:gravity="center_vertical">

					<ImageView
						android:id="@+id/share_gpx_icon"
						android:layout_width="@dimen/list_item_icon_size"
						android:layout_height="@dimen/list_item_icon_size"
						android:layout_marginStart="@dimen/image_button_padding"
						android:layout_marginLeft="@dimen/image_button_padding"
						tools:src="@drawable/ic_action_share"
						tools:tint="@color/ctrl_active_light" />

					<net.osmand.telegram.ui.views.TextViewEx
						android:id="@+id/share_gpx_title"
						android:layout_width="match_parent"
						android:layout_height="match_parent"
						android:gravity="center"
						android:paddingStart="@dimen/content_padding_tiny"
						android:paddingLeft="@dimen/content_padding_tiny"
						android:paddingEnd="@dimen/content_padding_half"
						android:paddingRight="@dimen/content_padding_half"
						android:text="@string/shared_string_share"
						android:textColor="?android:textColorPrimary"
						android:textSize="@dimen/hint_text_size"
						app:typeface="@string/font_roboto_medium" />

				</LinearLayout>

			</LinearLayout>

		</LinearLayout>

	</ScrollView>

</androidx.coordinatorlayout.widget.CoordinatorLayout>