16ea9a6951
Instead of deriving background color from the album art, use theme colors Also fixes layout so the output switcher touch target is not too wide Bug: 176177555 Test: visual Change-Id: I3de7caa6cd6870f65d50068a81af4472e0566ed7
204 lines
8.5 KiB
XML
204 lines
8.5 KiB
XML
<?xml version="1.0" encoding="utf-8"?>
|
|
<!--
|
|
~ Copyright (C) 2020 The Android Open Source Project
|
|
~
|
|
~ Licensed under the Apache License, Version 2.0 (the "License");
|
|
~ you may not use this file except in compliance with the License.
|
|
~ You may obtain a copy of the License at
|
|
~
|
|
~ http://www.apache.org/licenses/LICENSE-2.0
|
|
~
|
|
~ Unless required by applicable law or agreed to in writing, software
|
|
~ distributed under the License is distributed on an "AS IS" BASIS,
|
|
~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
|
~ See the License for the specific language governing permissions and
|
|
~ limitations under the License
|
|
-->
|
|
<ConstraintSet
|
|
xmlns:android="http://schemas.android.com/apk/res/android"
|
|
xmlns:app="http://schemas.android.com/apk/res-auto">
|
|
<Constraint
|
|
android:id="@+id/icon"
|
|
android:layout_width="@dimen/qs_media_icon_size"
|
|
android:layout_height="@dimen/qs_media_icon_size"
|
|
android:layout_marginStart="18dp"
|
|
android:layout_marginTop="@dimen/qs_media_panel_outer_padding"
|
|
app:layout_constraintTop_toTopOf="parent"
|
|
app:layout_constraintStart_toEndOf="@id/album_art"
|
|
/>
|
|
|
|
<Constraint
|
|
android:id="@+id/app_name"
|
|
android:layout_width="wrap_content"
|
|
android:layout_height="wrap_content"
|
|
android:layout_marginEnd="@dimen/qs_center_guideline_padding"
|
|
android:layout_marginStart="8dp"
|
|
app:layout_constraintTop_toTopOf="@id/icon"
|
|
app:layout_constraintBottom_toBottomOf="@id/icon"
|
|
app:layout_constraintStart_toEndOf="@id/icon"
|
|
app:layout_constraintEnd_toStartOf="@id/center_vertical_guideline"
|
|
app:layout_constrainedWidth="true"
|
|
app:layout_constraintHorizontal_bias="0"
|
|
/>
|
|
|
|
<Constraint
|
|
android:id="@+id/media_seamless"
|
|
android:layout_width="wrap_content"
|
|
android:layout_height="wrap_content"
|
|
app:layout_constraintEnd_toEndOf="parent"
|
|
app:layout_constraintTop_toTopOf="parent"
|
|
app:layout_constraintStart_toEndOf="@id/center_vertical_guideline"
|
|
app:layout_constraintHorizontal_chainStyle="spread_inside"
|
|
app:layout_constraintHorizontal_bias="1"
|
|
app:layout_constrainedWidth="true"
|
|
app:layout_constraintWidth_min="48dp"
|
|
app:layout_constraintHeight_min="48dp"
|
|
android:layout_marginStart="@dimen/qs_center_guideline_padding"
|
|
/>
|
|
|
|
<Constraint
|
|
android:id="@+id/media_seamless_fallback"
|
|
android:layout_width="@dimen/qs_seamless_fallback_icon_size"
|
|
android:layout_height="@dimen/qs_seamless_fallback_icon_size"
|
|
android:layout_marginEnd="@dimen/qs_seamless_fallback_end_margin"
|
|
android:layout_marginStart="@dimen/qs_center_guideline_padding"
|
|
android:alpha="0.5"
|
|
android:visibility="gone"
|
|
app:layout_constraintHorizontal_bias="1"
|
|
app:layout_constraintTop_toTopOf="@id/icon"
|
|
app:layout_constraintBottom_toBottomOf="@id/icon"
|
|
app:layout_constraintStart_toEndOf="@id/center_vertical_guideline"
|
|
app:layout_constraintEnd_toEndOf="parent"
|
|
/>
|
|
|
|
<Constraint
|
|
android:id="@+id/album_art"
|
|
android:layout_width="@dimen/qs_media_album_size"
|
|
android:layout_height="@dimen/qs_media_album_size"
|
|
android:layout_marginTop="@dimen/qs_media_panel_outer_padding"
|
|
android:layout_marginStart="@dimen/qs_media_panel_outer_padding"
|
|
android:layout_marginBottom="@dimen/qqs_media_spacing"
|
|
app:layout_constraintTop_toTopOf="parent"
|
|
app:layout_constraintStart_toStartOf="parent"
|
|
/>
|
|
|
|
<!-- Song name -->
|
|
<Constraint
|
|
android:id="@+id/header_title"
|
|
android:layout_width="wrap_content"
|
|
android:layout_height="wrap_content"
|
|
android:layout_marginTop="@dimen/qqs_media_spacing"
|
|
android:layout_marginStart="@dimen/qqs_media_spacing"
|
|
android:layout_marginEnd="@dimen/qs_media_panel_outer_padding"
|
|
app:layout_constrainedWidth="true"
|
|
app:layout_constraintTop_toBottomOf="@+id/icon"
|
|
app:layout_constraintStart_toEndOf="@id/album_art"
|
|
app:layout_constraintEnd_toEndOf="parent"
|
|
app:layout_constraintHorizontal_bias="0"/>
|
|
|
|
<!-- Artist name -->
|
|
<Constraint
|
|
android:id="@+id/header_artist"
|
|
android:layout_width="wrap_content"
|
|
android:layout_height="wrap_content"
|
|
android:layout_marginEnd="@dimen/qs_media_panel_outer_padding"
|
|
android:layout_marginBottom="@dimen/qqs_media_spacing"
|
|
android:layout_marginTop="3dp"
|
|
app:layout_constrainedWidth="true"
|
|
app:layout_constraintTop_toBottomOf="@id/header_title"
|
|
app:layout_constraintStart_toStartOf="@id/header_title"
|
|
app:layout_constraintEnd_toEndOf="parent"
|
|
app:layout_constraintHorizontal_bias="0"/>
|
|
|
|
<!-- Seek Bar -->
|
|
<Constraint
|
|
android:id="@+id/media_progress_bar"
|
|
android:layout_width="0dp"
|
|
android:layout_height="wrap_content"
|
|
android:layout_marginTop="35dp"
|
|
app:layout_constraintTop_toBottomOf="@id/header_artist"
|
|
app:layout_constraintStart_toStartOf="parent"
|
|
app:layout_constraintEnd_toEndOf="parent"
|
|
/>
|
|
|
|
<Constraint
|
|
android:id="@+id/notification_media_progress_time"
|
|
android:layout_width="0dp"
|
|
android:layout_height="wrap_content"
|
|
android:layout_marginTop="70dp"
|
|
android:layout_marginEnd="@dimen/qs_media_panel_outer_padding"
|
|
android:layout_marginStart="@dimen/qs_media_panel_outer_padding"
|
|
app:layout_constraintTop_toBottomOf="@id/header_artist"
|
|
app:layout_constraintStart_toStartOf="parent"
|
|
app:layout_constraintEnd_toEndOf="parent"
|
|
/>
|
|
|
|
<Constraint
|
|
android:id="@+id/action0"
|
|
android:layout_width="48dp"
|
|
android:layout_height="48dp"
|
|
android:layout_marginTop="5dp"
|
|
android:layout_marginStart="@dimen/qs_media_panel_outer_padding"
|
|
android:layout_marginBottom="@dimen/qs_media_panel_outer_padding"
|
|
app:layout_constraintHorizontal_chainStyle="packed"
|
|
app:layout_constraintLeft_toLeftOf="parent"
|
|
app:layout_constraintRight_toLeftOf="@id/action1"
|
|
app:layout_constraintTop_toBottomOf="@id/media_progress_bar"
|
|
app:layout_constraintBottom_toBottomOf="parent">
|
|
</Constraint>
|
|
|
|
<Constraint
|
|
android:id="@+id/action1"
|
|
android:layout_width="48dp"
|
|
android:layout_height="48dp"
|
|
android:layout_marginStart="4dp"
|
|
android:layout_marginEnd="4dp"
|
|
android:layout_marginBottom="@dimen/qs_media_panel_outer_padding"
|
|
app:layout_constraintLeft_toRightOf="@id/action0"
|
|
app:layout_constraintRight_toLeftOf="@id/action2"
|
|
app:layout_constraintTop_toTopOf="@id/action0"
|
|
app:layout_constraintTop_toBottomOf="@id/media_progress_bar"
|
|
app:layout_constraintBottom_toBottomOf="parent">
|
|
</Constraint>
|
|
|
|
<Constraint
|
|
android:id="@+id/action2"
|
|
android:layout_width="48dp"
|
|
android:layout_height="48dp"
|
|
android:layout_marginStart="4dp"
|
|
android:layout_marginEnd="4dp"
|
|
android:layout_marginBottom="@dimen/qs_media_panel_outer_padding"
|
|
app:layout_constraintLeft_toRightOf="@id/action1"
|
|
app:layout_constraintRight_toLeftOf="@id/action3"
|
|
app:layout_constraintTop_toBottomOf="@id/media_progress_bar"
|
|
app:layout_constraintBottom_toBottomOf="parent">
|
|
</Constraint>
|
|
|
|
<Constraint
|
|
android:id="@+id/action3"
|
|
android:layout_width="48dp"
|
|
android:layout_height="48dp"
|
|
android:layout_marginStart="4dp"
|
|
android:layout_marginEnd="4dp"
|
|
android:layout_marginBottom="@dimen/qs_media_panel_outer_padding"
|
|
app:layout_constraintLeft_toRightOf="@id/action2"
|
|
app:layout_constraintRight_toLeftOf="@id/action4"
|
|
app:layout_constraintTop_toBottomOf="@id/media_progress_bar"
|
|
app:layout_constraintBottom_toBottomOf="parent">
|
|
</Constraint>
|
|
|
|
<Constraint
|
|
android:id="@+id/action4"
|
|
android:layout_width="48dp"
|
|
android:layout_height="48dp"
|
|
android:layout_marginStart="4dp"
|
|
android:layout_marginEnd="@dimen/qs_media_panel_outer_padding"
|
|
android:layout_marginBottom="@dimen/qs_media_panel_outer_padding"
|
|
app:layout_constraintHorizontal_chainStyle="packed"
|
|
app:layout_constraintLeft_toRightOf="@id/action3"
|
|
app:layout_constraintRight_toRightOf="parent"
|
|
app:layout_constraintTop_toBottomOf="@id/media_progress_bar"
|
|
app:layout_constraintBottom_toBottomOf="parent">
|
|
</Constraint>
|
|
</ConstraintSet>
|