Add a secondary control panel to video detail fragment
It is shown when the user expands the description It contains share, open in browser and play in kodi
This commit is contained in:
parent
b8c90035a9
commit
249ea33571
4 changed files with 210 additions and 50 deletions
|
|
@ -426,6 +426,7 @@
|
|||
</RelativeLayout>
|
||||
</RelativeLayout>
|
||||
|
||||
<!-- CONTROLS -->
|
||||
<LinearLayout
|
||||
android:id="@+id/detail_control_panel"
|
||||
android:layout_width="match_parent"
|
||||
|
|
@ -433,13 +434,12 @@
|
|||
android:descendantFocusability="afterDescendants"
|
||||
android:focusable="true"
|
||||
android:orientation="horizontal"
|
||||
android:padding="6dp">
|
||||
android:padding="@dimen/detail_control_padding">
|
||||
|
||||
<!-- CONTROLS -->
|
||||
<TextView
|
||||
android:id="@+id/detail_controls_playlist_append"
|
||||
android:layout_width="80dp"
|
||||
android:layout_height="55dp"
|
||||
android:layout_width="@dimen/detail_control_width"
|
||||
android:layout_height="@dimen/detail_control_height"
|
||||
android:layout_gravity="center_vertical"
|
||||
android:layout_weight="1"
|
||||
android:background="?attr/selectableItemBackgroundBorderless"
|
||||
|
|
@ -447,16 +447,15 @@
|
|||
android:contentDescription="@string/append_playlist"
|
||||
android:focusable="true"
|
||||
android:gravity="center"
|
||||
android:paddingTop="6dp"
|
||||
android:paddingBottom="6dp"
|
||||
android:paddingVertical="@dimen/detail_control_padding"
|
||||
android:text="@string/controls_add_to_playlist_title"
|
||||
android:textSize="12sp"
|
||||
android:textSize="@dimen/detail_control_text_size"
|
||||
app:drawableTopCompat="?attr/ic_playlist_add" />
|
||||
|
||||
<TextView
|
||||
android:id="@+id/detail_controls_background"
|
||||
android:layout_width="80dp"
|
||||
android:layout_height="55dp"
|
||||
android:layout_width="@dimen/detail_control_width"
|
||||
android:layout_height="@dimen/detail_control_height"
|
||||
android:layout_gravity="center_vertical"
|
||||
android:layout_weight="1"
|
||||
android:background="?attr/selectableItemBackgroundBorderless"
|
||||
|
|
@ -464,16 +463,15 @@
|
|||
android:contentDescription="@string/play_audio"
|
||||
android:focusable="true"
|
||||
android:gravity="center"
|
||||
android:paddingTop="6dp"
|
||||
android:paddingBottom="6dp"
|
||||
android:paddingVertical="@dimen/detail_control_padding"
|
||||
android:text="@string/controls_background_title"
|
||||
android:textSize="12sp"
|
||||
android:textSize="@dimen/detail_control_text_size"
|
||||
app:drawableTopCompat="?attr/ic_headset" />
|
||||
|
||||
<TextView
|
||||
android:id="@+id/detail_controls_popup"
|
||||
android:layout_width="80dp"
|
||||
android:layout_height="55dp"
|
||||
android:layout_width="@dimen/detail_control_width"
|
||||
android:layout_height="@dimen/detail_control_height"
|
||||
android:layout_gravity="center_vertical"
|
||||
android:layout_weight="1"
|
||||
android:background="?attr/selectableItemBackgroundBorderless"
|
||||
|
|
@ -481,16 +479,15 @@
|
|||
android:contentDescription="@string/open_in_popup_mode"
|
||||
android:focusable="true"
|
||||
android:gravity="center"
|
||||
android:paddingTop="6dp"
|
||||
android:paddingBottom="6dp"
|
||||
android:paddingVertical="@dimen/detail_control_padding"
|
||||
android:text="@string/controls_popup_title"
|
||||
android:textSize="12sp"
|
||||
android:textSize="@dimen/detail_control_text_size"
|
||||
app:drawableTopCompat="?attr/ic_popup" />
|
||||
|
||||
<TextView
|
||||
android:id="@+id/detail_controls_download"
|
||||
android:layout_width="80dp"
|
||||
android:layout_height="55dp"
|
||||
android:layout_width="@dimen/detail_control_width"
|
||||
android:layout_height="@dimen/detail_control_height"
|
||||
android:layout_gravity="center_vertical"
|
||||
android:layout_weight="1"
|
||||
android:background="?attr/selectableItemBackgroundBorderless"
|
||||
|
|
@ -498,14 +495,75 @@
|
|||
android:contentDescription="@string/controls_download_desc"
|
||||
android:focusable="true"
|
||||
android:gravity="center"
|
||||
android:paddingTop="6dp"
|
||||
android:paddingBottom="6dp"
|
||||
android:paddingVertical="@dimen/detail_control_padding"
|
||||
android:text="@string/download"
|
||||
android:textSize="12sp"
|
||||
android:textSize="@dimen/detail_control_text_size"
|
||||
app:drawableTopCompat="?attr/ic_file_download" />
|
||||
|
||||
</LinearLayout>
|
||||
|
||||
<!-- SECONDARY CONTROLS -->
|
||||
<LinearLayout
|
||||
android:id="@+id/detail_secondary_control_panel"
|
||||
android:layout_width="match_parent"
|
||||
android:layout_height="wrap_content"
|
||||
android:descendantFocusability="afterDescendants"
|
||||
android:focusable="true"
|
||||
android:orientation="horizontal"
|
||||
android:padding="@dimen/detail_control_padding"
|
||||
android:visibility="gone"
|
||||
tools:visibility="visible">
|
||||
|
||||
<TextView
|
||||
android:id="@+id/detail_controls_share"
|
||||
android:layout_width="@dimen/detail_control_width"
|
||||
android:layout_height="@dimen/detail_control_height"
|
||||
android:layout_gravity="center_vertical"
|
||||
android:layout_weight="1"
|
||||
android:background="?attr/selectableItemBackgroundBorderless"
|
||||
android:clickable="true"
|
||||
android:contentDescription="@string/share"
|
||||
android:focusable="true"
|
||||
android:gravity="center"
|
||||
android:paddingVertical="@dimen/detail_control_padding"
|
||||
android:text="@string/share"
|
||||
android:textSize="@dimen/detail_control_text_size"
|
||||
app:drawableTopCompat="?attr/ic_share" />
|
||||
|
||||
<TextView
|
||||
android:id="@+id/detail_controls_open_in_browser"
|
||||
android:layout_width="@dimen/detail_control_width"
|
||||
android:layout_height="@dimen/detail_control_height"
|
||||
android:layout_gravity="center_vertical"
|
||||
android:layout_weight="1"
|
||||
android:background="?attr/selectableItemBackgroundBorderless"
|
||||
android:clickable="true"
|
||||
android:contentDescription="@string/open_in_browser"
|
||||
android:focusable="true"
|
||||
android:gravity="center"
|
||||
android:paddingVertical="@dimen/detail_control_padding"
|
||||
android:text="@string/open_in_browser"
|
||||
android:textSize="@dimen/detail_control_text_size"
|
||||
app:drawableTopCompat="?attr/ic_language" />
|
||||
|
||||
<TextView
|
||||
android:id="@+id/detail_controls_play_with_kodi"
|
||||
android:layout_width="@dimen/detail_control_width"
|
||||
android:layout_height="@dimen/detail_control_height"
|
||||
android:layout_gravity="center_vertical"
|
||||
android:layout_weight="1"
|
||||
android:background="?attr/selectableItemBackgroundBorderless"
|
||||
android:clickable="true"
|
||||
android:contentDescription="@string/play_with_kodi_title"
|
||||
android:focusable="true"
|
||||
android:gravity="center"
|
||||
android:paddingVertical="@dimen/detail_control_padding"
|
||||
android:text="@string/play_with_kodi_title"
|
||||
android:textSize="@dimen/detail_control_text_size"
|
||||
app:drawableTopCompat="?attr/ic_cast" />
|
||||
|
||||
</LinearLayout>
|
||||
|
||||
<View
|
||||
android:id="@+id/detail_meta_info_separator"
|
||||
android:layout_width="match_parent"
|
||||
|
|
|
|||
|
|
@ -413,18 +413,18 @@
|
|||
</RelativeLayout>
|
||||
</RelativeLayout>
|
||||
|
||||
<!-- CONTROLS -->
|
||||
<LinearLayout
|
||||
android:id="@+id/detail_control_panel"
|
||||
android:layout_width="match_parent"
|
||||
android:layout_height="wrap_content"
|
||||
android:orientation="horizontal"
|
||||
android:padding="6dp">
|
||||
android:padding="@dimen/detail_control_padding">
|
||||
|
||||
<!-- CONTROLS -->
|
||||
<TextView
|
||||
android:id="@+id/detail_controls_playlist_append"
|
||||
android:layout_width="80dp"
|
||||
android:layout_height="55dp"
|
||||
android:layout_width="@dimen/detail_control_width"
|
||||
android:layout_height="@dimen/detail_control_height"
|
||||
android:layout_gravity="center_vertical"
|
||||
android:layout_weight="1"
|
||||
android:background="?attr/selectableItemBackgroundBorderless"
|
||||
|
|
@ -432,16 +432,15 @@
|
|||
android:contentDescription="@string/append_playlist"
|
||||
android:focusable="true"
|
||||
android:gravity="center"
|
||||
android:paddingTop="6dp"
|
||||
android:paddingBottom="6dp"
|
||||
android:paddingVertical="@dimen/detail_control_padding"
|
||||
android:text="@string/controls_add_to_playlist_title"
|
||||
android:textSize="12sp"
|
||||
android:textSize="@dimen/detail_control_text_size"
|
||||
app:drawableTopCompat="?attr/ic_playlist_add" />
|
||||
|
||||
<TextView
|
||||
android:id="@+id/detail_controls_background"
|
||||
android:layout_width="80dp"
|
||||
android:layout_height="55dp"
|
||||
android:layout_width="@dimen/detail_control_width"
|
||||
android:layout_height="@dimen/detail_control_height"
|
||||
android:layout_gravity="center_vertical"
|
||||
android:layout_weight="1"
|
||||
android:background="?attr/selectableItemBackgroundBorderless"
|
||||
|
|
@ -449,16 +448,15 @@
|
|||
android:contentDescription="@string/play_audio"
|
||||
android:focusable="true"
|
||||
android:gravity="center"
|
||||
android:paddingTop="6dp"
|
||||
android:paddingBottom="6dp"
|
||||
android:paddingVertical="@dimen/detail_control_padding"
|
||||
android:text="@string/controls_background_title"
|
||||
android:textSize="12sp"
|
||||
android:textSize="@dimen/detail_control_text_size"
|
||||
app:drawableTopCompat="?attr/ic_headset" />
|
||||
|
||||
<TextView
|
||||
android:id="@+id/detail_controls_popup"
|
||||
android:layout_width="80dp"
|
||||
android:layout_height="55dp"
|
||||
android:layout_width="@dimen/detail_control_width"
|
||||
android:layout_height="@dimen/detail_control_height"
|
||||
android:layout_gravity="center_vertical"
|
||||
android:layout_weight="1"
|
||||
android:background="?attr/selectableItemBackgroundBorderless"
|
||||
|
|
@ -466,16 +464,15 @@
|
|||
android:contentDescription="@string/open_in_popup_mode"
|
||||
android:focusable="true"
|
||||
android:gravity="center"
|
||||
android:paddingTop="6dp"
|
||||
android:paddingBottom="6dp"
|
||||
android:paddingVertical="@dimen/detail_control_padding"
|
||||
android:text="@string/controls_popup_title"
|
||||
android:textSize="12sp"
|
||||
android:textSize="@dimen/detail_control_text_size"
|
||||
app:drawableTopCompat="?attr/ic_popup" />
|
||||
|
||||
<TextView
|
||||
android:id="@+id/detail_controls_download"
|
||||
android:layout_width="80dp"
|
||||
android:layout_height="55dp"
|
||||
android:layout_width="@dimen/detail_control_width"
|
||||
android:layout_height="@dimen/detail_control_height"
|
||||
android:layout_gravity="center_vertical"
|
||||
android:layout_weight="1"
|
||||
android:background="?attr/selectableItemBackgroundBorderless"
|
||||
|
|
@ -483,14 +480,73 @@
|
|||
android:contentDescription="@string/controls_download_desc"
|
||||
android:focusable="true"
|
||||
android:gravity="center"
|
||||
android:paddingTop="6dp"
|
||||
android:paddingBottom="6dp"
|
||||
android:paddingVertical="@dimen/detail_control_padding"
|
||||
android:text="@string/download"
|
||||
android:textSize="12sp"
|
||||
android:textSize="@dimen/detail_control_text_size"
|
||||
app:drawableTopCompat="?attr/ic_file_download" />
|
||||
|
||||
</LinearLayout>
|
||||
|
||||
<!-- SECONDARY CONTROLS -->
|
||||
<LinearLayout
|
||||
android:id="@+id/detail_secondary_control_panel"
|
||||
android:layout_width="match_parent"
|
||||
android:layout_height="wrap_content"
|
||||
android:orientation="horizontal"
|
||||
android:padding="@dimen/detail_control_padding"
|
||||
android:visibility="gone"
|
||||
tools:visibility="visible">
|
||||
|
||||
<TextView
|
||||
android:id="@+id/detail_controls_share"
|
||||
android:layout_width="@dimen/detail_control_width"
|
||||
android:layout_height="@dimen/detail_control_height"
|
||||
android:layout_gravity="center_vertical"
|
||||
android:layout_weight="1"
|
||||
android:background="?attr/selectableItemBackgroundBorderless"
|
||||
android:clickable="true"
|
||||
android:contentDescription="@string/share"
|
||||
android:focusable="true"
|
||||
android:gravity="center"
|
||||
android:paddingVertical="@dimen/detail_control_padding"
|
||||
android:text="@string/share"
|
||||
android:textSize="@dimen/detail_control_text_size"
|
||||
app:drawableTopCompat="?attr/ic_share" />
|
||||
|
||||
<TextView
|
||||
android:id="@+id/detail_controls_open_in_browser"
|
||||
android:layout_width="@dimen/detail_control_width"
|
||||
android:layout_height="@dimen/detail_control_height"
|
||||
android:layout_gravity="center_vertical"
|
||||
android:layout_weight="1"
|
||||
android:background="?attr/selectableItemBackgroundBorderless"
|
||||
android:clickable="true"
|
||||
android:contentDescription="@string/open_in_browser"
|
||||
android:focusable="true"
|
||||
android:gravity="center"
|
||||
android:paddingVertical="@dimen/detail_control_padding"
|
||||
android:text="@string/open_in_browser"
|
||||
android:textSize="@dimen/detail_control_text_size"
|
||||
app:drawableTopCompat="?attr/ic_language" />
|
||||
|
||||
<TextView
|
||||
android:id="@+id/detail_controls_play_with_kodi"
|
||||
android:layout_width="@dimen/detail_control_width"
|
||||
android:layout_height="@dimen/detail_control_height"
|
||||
android:layout_gravity="center_vertical"
|
||||
android:layout_weight="1"
|
||||
android:background="?attr/selectableItemBackgroundBorderless"
|
||||
android:clickable="true"
|
||||
android:contentDescription="@string/play_with_kodi_title"
|
||||
android:focusable="true"
|
||||
android:gravity="center"
|
||||
android:paddingVertical="@dimen/detail_control_padding"
|
||||
android:text="@string/play_with_kodi_title"
|
||||
android:textSize="@dimen/detail_control_text_size"
|
||||
app:drawableTopCompat="?attr/ic_cast" />
|
||||
|
||||
</LinearLayout>
|
||||
|
||||
<View
|
||||
android:id="@+id/detail_meta_info_separator"
|
||||
android:layout_width="match_parent"
|
||||
|
|
|
|||
|
|
@ -84,6 +84,11 @@
|
|||
<!-- Paddings & Margins -->
|
||||
<dimen name="video_item_detail_like_margin">5dp</dimen>
|
||||
<dimen name="video_item_detail_error_panel_margin">50dp</dimen>
|
||||
<!-- Control panel -->
|
||||
<dimen name="detail_control_text_size">12sp</dimen>
|
||||
<dimen name="detail_control_width">80dp</dimen>
|
||||
<dimen name="detail_control_height">55dp</dimen>
|
||||
<dimen name="detail_control_padding">6dp</dimen>
|
||||
<!-- Default screen margins, per the Android Design guidelines. -->
|
||||
<dimen name="activity_horizontal_margin">16dp</dimen>
|
||||
<dimen name="activity_vertical_margin">16dp</dimen>
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue