468 lines
19 KiB
XML
468 lines
19 KiB
XML
<FrameLayout 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:id="@+id/player_holder"
|
|
android:layout_width="match_parent"
|
|
android:layout_height="match_parent"
|
|
android:orientation="vertical"
|
|
android:screenOrientation="landscape"
|
|
tools:orientation="vertical">
|
|
|
|
|
|
<TextView
|
|
android:id="@+id/player_time_text"
|
|
android:layout_width="match_parent"
|
|
android:layout_height="200dp"
|
|
android:gravity="center"
|
|
android:shadowColor="@android:color/black"
|
|
android:shadowRadius="10.0"
|
|
android:textColor="@android:color/white"
|
|
android:textSize="30sp"
|
|
tools:text="+100" />
|
|
|
|
<FrameLayout
|
|
android:id="@+id/subtitle_holder"
|
|
android:layout_width="match_parent"
|
|
android:layout_height="match_parent">
|
|
|
|
<View
|
|
android:id="@+id/shadow_overlay"
|
|
android:layout_width="match_parent"
|
|
android:layout_height="match_parent"
|
|
android:background="@color/black_overlay" />
|
|
</FrameLayout>
|
|
|
|
|
|
<FrameLayout
|
|
android:id="@+id/player_intro_play"
|
|
android:layout_width="match_parent"
|
|
android:layout_height="match_parent">
|
|
|
|
<!-- <View
|
|
android:layout_width="match_parent"
|
|
android:layout_height="match_parent"
|
|
android:background="@drawable/player_gradient_tv" />
|
|
-->
|
|
|
|
<!--
|
|
<ImageView
|
|
android:id="@+id/result_trailer_thumbnail"
|
|
android:layout_width="match_parent"
|
|
android:layout_height="match_parent"
|
|
android:layout_gravity="center"
|
|
android:scaleType="centerCrop" />-->
|
|
|
|
<View
|
|
android:layout_width="match_parent"
|
|
android:layout_height="60dp"
|
|
android:layout_gravity="bottom"
|
|
android:background="@drawable/background_shadow" />
|
|
|
|
<TextView
|
|
android:layout_width="wrap_content"
|
|
android:layout_height="wrap_content"
|
|
android:layout_gravity="start|bottom"
|
|
android:padding="15dp"
|
|
android:text="@string/trailer"
|
|
android:textColor="@android:color/white"
|
|
android:textSize="20sp"
|
|
android:textStyle="bold" />
|
|
|
|
<ImageView
|
|
android:layout_width="60dp"
|
|
android:layout_height="60dp"
|
|
android:layout_gravity="center"
|
|
android:src="@drawable/play_button" />
|
|
</FrameLayout>
|
|
|
|
<androidx.constraintlayout.widget.ConstraintLayout
|
|
android:id="@+id/player_video_holder"
|
|
android:layout_width="match_parent"
|
|
android:layout_height="match_parent">
|
|
|
|
<!--use for thinner app:trackThickness="3dp" com.google.android.material.progressindicator.CircularProgressIndicator-->
|
|
<ProgressBar
|
|
android:id="@+id/player_buffering"
|
|
android:layout_width="wrap_content"
|
|
android:layout_height="wrap_content"
|
|
android:layout_gravity="center"
|
|
|
|
android:clickable="false"
|
|
android:focusable="false"
|
|
android:focusableInTouchMode="false"
|
|
|
|
android:indeterminate="true"
|
|
android:visibility="gone"
|
|
app:layout_constraintBottom_toBottomOf="parent"
|
|
app:layout_constraintLeft_toLeftOf="parent"
|
|
app:layout_constraintRight_toRightOf="parent"
|
|
app:layout_constraintTop_toTopOf="parent"
|
|
tools:visibility="visible" />
|
|
|
|
<!-- This nested layout is necessary because of buffering and clicking-->
|
|
<FrameLayout
|
|
android:id="@+id/player_pause_play_holder_holder"
|
|
android:layout_width="100dp"
|
|
android:layout_height="100dp"
|
|
app:layout_constraintBottom_toBottomOf="parent"
|
|
app:layout_constraintLeft_toLeftOf="parent"
|
|
app:layout_constraintRight_toRightOf="parent"
|
|
app:layout_constraintTop_toTopOf="parent">
|
|
|
|
<FrameLayout
|
|
android:id="@+id/player_pause_play_holder"
|
|
android:layout_width="match_parent"
|
|
android:layout_height="match_parent"
|
|
tools:ignore="uselessParent">
|
|
|
|
<ImageView
|
|
android:id="@+id/player_pause_play"
|
|
android:layout_width="70dp"
|
|
android:layout_height="70dp"
|
|
android:layout_gravity="center"
|
|
android:background="@drawable/video_tap_button"
|
|
android:nextFocusLeft="@id/exo_rew"
|
|
|
|
android:nextFocusRight="@id/exo_ffwd"
|
|
|
|
android:nextFocusUp="@id/player_go_back"
|
|
android:nextFocusDown="@id/player_lock"
|
|
|
|
android:src="@drawable/netflix_pause"
|
|
app:tint="@color/white"
|
|
tools:ignore="ContentDescription" />
|
|
</FrameLayout>
|
|
</FrameLayout>
|
|
|
|
<androidx.constraintlayout.widget.ConstraintLayout
|
|
android:id="@+id/player_center_menu"
|
|
android:layout_width="match_parent"
|
|
android:layout_height="100dp"
|
|
android:layout_gravity="center"
|
|
android:gravity="center"
|
|
android:orientation="horizontal"
|
|
app:layout_constraintBottom_toBottomOf="parent"
|
|
app:layout_constraintLeft_toLeftOf="parent"
|
|
app:layout_constraintRight_toRightOf="parent"
|
|
app:layout_constraintTop_toTopOf="parent">
|
|
|
|
<FrameLayout
|
|
android:id="@+id/player_rew_holder"
|
|
android:layout_width="0dp"
|
|
android:layout_height="wrap_content"
|
|
android:layout_gravity="center_vertical|start"
|
|
app:layout_constraintBottom_toBottomOf="parent"
|
|
app:layout_constraintLeft_toLeftOf="parent"
|
|
app:layout_constraintRight_toLeftOf="@id/player_ffwd_holder"
|
|
app:layout_constraintTop_toTopOf="parent"
|
|
app:layout_constraintWidth_percent="0.5">
|
|
|
|
<TextView
|
|
android:id="@+id/exo_rew_text"
|
|
android:layout_width="200dp"
|
|
android:layout_height="40dp"
|
|
android:layout_gravity="center"
|
|
|
|
android:gravity="center"
|
|
android:textColor="@color/white"
|
|
android:textSize="19sp"
|
|
|
|
android:textStyle="bold"
|
|
tools:text="10" />
|
|
|
|
<ImageButton
|
|
android:id="@id/exo_rew"
|
|
android:layout_width="70dp"
|
|
android:layout_height="70dp"
|
|
android:layout_gravity="center"
|
|
|
|
android:background="@drawable/video_tap_button_skip"
|
|
android:nextFocusLeft="@id/exo_rew"
|
|
android:nextFocusUp="@id/player_go_back"
|
|
android:nextFocusDown="@id/player_lock"
|
|
android:padding="10dp"
|
|
android:scaleType="fitCenter"
|
|
android:scaleX="-1"
|
|
android:src="@drawable/netflix_skip_forward"
|
|
android:tintMode="src_in"
|
|
app:tint="@color/white"
|
|
tools:ignore="ContentDescription" />
|
|
</FrameLayout>
|
|
|
|
<FrameLayout
|
|
android:id="@+id/player_ffwd_holder"
|
|
android:layout_width="0dp"
|
|
android:layout_height="wrap_content"
|
|
android:layout_gravity="center_vertical|end"
|
|
app:layout_constraintBottom_toBottomOf="parent"
|
|
app:layout_constraintLeft_toRightOf="@id/player_rew_holder"
|
|
app:layout_constraintRight_toRightOf="parent"
|
|
app:layout_constraintTop_toTopOf="parent"
|
|
app:layout_constraintWidth_percent="0.5">
|
|
|
|
<TextView
|
|
android:id="@+id/exo_ffwd_text"
|
|
android:layout_width="200dp"
|
|
android:layout_height="40dp"
|
|
android:layout_gravity="center"
|
|
android:gravity="center"
|
|
android:textColor="@color/white"
|
|
android:textSize="19sp"
|
|
android:textStyle="bold"
|
|
tools:text="10" />
|
|
|
|
<ImageButton
|
|
android:id="@id/exo_ffwd"
|
|
android:layout_width="70dp"
|
|
android:layout_height="70dp"
|
|
android:layout_gravity="center"
|
|
|
|
android:background="@drawable/video_tap_button_skip"
|
|
android:nextFocusRight="@id/exo_rew"
|
|
android:nextFocusUp="@id/player_go_back"
|
|
android:nextFocusDown="@id/player_lock"
|
|
android:padding="10dp"
|
|
android:scaleType="fitCenter"
|
|
android:src="@drawable/netflix_skip_forward"
|
|
android:tintMode="src_in"
|
|
app:tint="@color/white"
|
|
tools:ignore="ContentDescription" />
|
|
</FrameLayout>
|
|
</androidx.constraintlayout.widget.ConstraintLayout>
|
|
|
|
<LinearLayout
|
|
android:layout_width="match_parent"
|
|
android:layout_height="wrap_content"
|
|
android:layout_gravity="bottom"
|
|
android:layout_marginBottom="20dp"
|
|
android:gravity="center"
|
|
android:orientation="horizontal"
|
|
android:paddingTop="4dp"
|
|
android:visibility="gone"
|
|
app:layout_constraintBottom_toBottomOf="parent"
|
|
app:layout_constraintEnd_toEndOf="parent">
|
|
|
|
<ImageButton
|
|
android:id="@id/exo_prev"
|
|
style="@style/ExoMediaButton.Previous"
|
|
android:tintMode="src_in"
|
|
app:tint="?attr/colorPrimaryDark"
|
|
tools:ignore="ContentDescription" />
|
|
|
|
|
|
<ImageButton
|
|
android:id="@id/exo_repeat_toggle"
|
|
style="@style/ExoMediaButton"
|
|
android:tintMode="src_in"
|
|
app:tint="?attr/colorPrimaryDark"
|
|
tools:ignore="ContentDescription" />
|
|
|
|
|
|
<ImageButton
|
|
android:id="@id/exo_next"
|
|
style="@style/ExoMediaButton.Next"
|
|
android:tintMode="src_in"
|
|
app:tint="?attr/colorPrimaryDark"
|
|
tools:ignore="ContentDescription" />
|
|
|
|
<ImageButton
|
|
android:id="@id/exo_vr"
|
|
style="@style/ExoMediaButton.VR"
|
|
android:tintMode="src_in"
|
|
app:tint="?attr/colorPrimaryDark"
|
|
tools:ignore="ContentDescription" />
|
|
|
|
<ImageButton
|
|
android:id="@id/exo_play"
|
|
android:layout_width="0dp"
|
|
android:layout_height="0dp"
|
|
android:tintMode="src_in"
|
|
app:tint="?attr/colorPrimaryDark"
|
|
tools:ignore="ContentDescription" />
|
|
|
|
<ImageButton
|
|
android:id="@id/exo_pause"
|
|
android:layout_width="0dp"
|
|
android:layout_height="0dp"
|
|
android:tintMode="src_in"
|
|
app:tint="?attr/colorPrimaryDark"
|
|
tools:ignore="ContentDescription" />
|
|
</LinearLayout>
|
|
|
|
<ImageView
|
|
android:id="@+id/player_open_source"
|
|
android:layout_width="24dp"
|
|
android:layout_height="24dp"
|
|
android:layout_margin="20dp"
|
|
android:background="?android:attr/selectableItemBackgroundBorderless"
|
|
android:src="@drawable/ic_baseline_public_24"
|
|
app:layout_constraintEnd_toEndOf="parent"
|
|
app:layout_constraintTop_toTopOf="parent"
|
|
app:tint="@color/white" />
|
|
|
|
<LinearLayout
|
|
android:id="@+id/bottom_player_bar"
|
|
android:layout_width="match_parent"
|
|
android:layout_height="wrap_content"
|
|
android:layout_marginBottom="10dp"
|
|
android:gravity="center_vertical"
|
|
android:orientation="horizontal"
|
|
app:layout_constraintBottom_toBottomOf="parent"
|
|
app:layout_constraintEnd_toEndOf="parent">
|
|
|
|
<LinearLayout
|
|
android:id="@+id/player_video_bar"
|
|
android:layout_width="match_parent"
|
|
android:layout_height="wrap_content"
|
|
android:layout_weight="1"
|
|
android:orientation="horizontal">
|
|
|
|
<TextView
|
|
android:id="@id/exo_position"
|
|
android:layout_width="wrap_content"
|
|
android:layout_height="wrap_content"
|
|
android:layout_gravity="center"
|
|
android:layout_marginStart="20dp"
|
|
android:gravity="end"
|
|
android:includeFontPadding="false"
|
|
android:minWidth="50dp"
|
|
android:paddingLeft="4dp"
|
|
android:paddingRight="4dp"
|
|
android:textColor="@android:color/white"
|
|
android:textSize="14sp"
|
|
android:textStyle="normal"
|
|
tools:text="15:30" />
|
|
<!--app:buffered_color="@color/videoCache"-->
|
|
<com.google.android.exoplayer2.ui.DefaultTimeBar
|
|
android:id="@id/exo_progress"
|
|
android:layout_width="0dp"
|
|
android:layout_height="30dp"
|
|
android:layout_weight="1"
|
|
app:bar_height="2dp"
|
|
app:played_color="?attr/colorPrimary"
|
|
|
|
app:scrubber_color="?attr/colorPrimary"
|
|
app:scrubber_dragged_size="26dp"
|
|
app:scrubber_enabled_size="24dp"
|
|
app:unplayed_color="@color/videoProgress" />
|
|
|
|
<!-- exo_duration-->
|
|
<TextView
|
|
android:id="@id/exo_duration"
|
|
android:layout_width="wrap_content"
|
|
android:layout_height="wrap_content"
|
|
android:layout_gravity="center"
|
|
android:layout_marginEnd="20dp"
|
|
android:includeFontPadding="false"
|
|
android:minWidth="50dp"
|
|
android:paddingLeft="4dp"
|
|
android:paddingRight="4dp"
|
|
android:textColor="@android:color/white"
|
|
android:textSize="14sp"
|
|
android:textStyle="normal"
|
|
tools:text="23:20" />
|
|
|
|
</LinearLayout>
|
|
|
|
<ImageView
|
|
android:id="@+id/player_fullscreen"
|
|
android:layout_width="30dp"
|
|
android:layout_height="30dp"
|
|
android:layout_gravity="center_vertical"
|
|
android:layout_marginEnd="20dp"
|
|
android:background="?android:attr/selectableItemBackgroundBorderless"
|
|
android:src="@drawable/baseline_fullscreen_24"
|
|
app:tint="@color/white" />
|
|
</LinearLayout>
|
|
</androidx.constraintlayout.widget.ConstraintLayout>
|
|
|
|
<LinearLayout
|
|
android:layout_width="match_parent"
|
|
android:layout_height="match_parent"
|
|
android:orientation="horizontal">
|
|
|
|
<RelativeLayout
|
|
android:id="@+id/player_progressbar_left_holder"
|
|
android:layout_width="100dp"
|
|
android:layout_height="wrap_content"
|
|
android:layout_gravity="center_vertical"
|
|
android:gravity="start"
|
|
android:visibility="gone"
|
|
app:layout_constraintBottom_toBottomOf="parent"
|
|
app:layout_constraintLeft_toLeftOf="parent"
|
|
app:layout_constraintRight_toLeftOf="@+id/centerMenuView"
|
|
app:layout_constraintTop_toTopOf="parent"
|
|
tools:alpha="1"
|
|
tools:visibility="visible">
|
|
<!--VERY hacky layout -->
|
|
<ImageView
|
|
android:id="@+id/player_progressbar_left_icon"
|
|
android:layout_width="wrap_content"
|
|
android:layout_height="wrap_content"
|
|
android:layout_centerHorizontal="true"
|
|
android:layout_marginBottom="220dp"
|
|
android:src="@drawable/ic_baseline_volume_up_24"
|
|
app:tint="@android:color/white"
|
|
tools:ignore="ContentDescription">
|
|
|
|
</ImageView>
|
|
|
|
<ProgressBar
|
|
android:id="@+id/player_progressbar_left"
|
|
style="@android:style/Widget.Material.ProgressBar.Horizontal"
|
|
android:layout_width="4dp"
|
|
android:layout_height="150dp"
|
|
android:layout_centerInParent="true"
|
|
android:layout_gravity="end|center_vertical"
|
|
android:layout_marginStart="40dp"
|
|
android:indeterminate="false"
|
|
android:max="100"
|
|
android:progress="100"
|
|
android:progressDrawable="@drawable/progress_drawable_vertical"
|
|
tools:progress="30" />
|
|
</RelativeLayout>
|
|
|
|
<RelativeLayout
|
|
android:id="@+id/player_progressbar_right_holder"
|
|
android:layout_width="match_parent"
|
|
android:layout_height="wrap_content"
|
|
android:layout_gravity="center_vertical"
|
|
android:gravity="right"
|
|
android:visibility="gone"
|
|
app:layout_constraintBottom_toBottomOf="parent"
|
|
app:layout_constraintLeft_toRightOf="@+id/centerMenuView"
|
|
app:layout_constraintRight_toRightOf="parent"
|
|
app:layout_constraintTop_toTopOf="parent"
|
|
tools:alpha="1"
|
|
tools:ignore="RtlHardcoded"
|
|
tools:visibility="visible">
|
|
|
|
<ImageView
|
|
android:id="@+id/player_progressbar_right_icon"
|
|
android:layout_width="wrap_content"
|
|
android:layout_height="wrap_content"
|
|
android:layout_centerHorizontal="true"
|
|
android:layout_marginBottom="220dp"
|
|
android:src="@drawable/ic_baseline_brightness_7_24"
|
|
app:tint="@android:color/white"
|
|
tools:ignore="ContentDescription">
|
|
|
|
</ImageView>
|
|
|
|
<ProgressBar
|
|
android:id="@+id/player_progressbar_right"
|
|
style="@android:style/Widget.Material.ProgressBar.Horizontal"
|
|
android:layout_width="4dp"
|
|
android:layout_height="150dp"
|
|
android:layout_centerHorizontal="true"
|
|
android:layout_centerVertical="true"
|
|
android:layout_gravity="end|center_vertical"
|
|
android:layout_marginEnd="40dp"
|
|
android:indeterminate="false"
|
|
android:max="100"
|
|
android:progress="100"
|
|
android:progressDrawable="@drawable/progress_drawable_vertical" />
|
|
</RelativeLayout>
|
|
</LinearLayout>
|
|
</FrameLayout>
|