| <?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 |
| --> |
| <MotionScene |
| xmlns:android="http://schemas.android.com/apk/res/android" |
| xmlns:app="http://schemas.android.com/apk/res-auto"> |
| |
| <Transition |
| app:constraintSetStart="@id/collapsed" |
| app:constraintSetEnd="@id/expanded" |
| app:duration="1000" > |
| <KeyFrameSet > |
| <KeyPosition |
| app:motionTarget="@+id/action0" |
| app:keyPositionType="pathRelative" |
| app:framePosition="70" |
| app:sizePercent="0.9" /> |
| <KeyPosition |
| app:motionTarget="@+id/action1" |
| app:keyPositionType="pathRelative" |
| app:framePosition="70" |
| app:sizePercent="0.9" /> |
| <KeyPosition |
| app:motionTarget="@+id/action2" |
| app:keyPositionType="pathRelative" |
| app:framePosition="70" |
| app:sizePercent="0.9" /> |
| <KeyPosition |
| app:motionTarget="@+id/action3" |
| app:keyPositionType="pathRelative" |
| app:framePosition="70" |
| app:sizePercent="0.9" /> |
| <KeyPosition |
| app:motionTarget="@+id/action4" |
| app:keyPositionType="pathRelative" |
| app:framePosition="70" |
| app:sizePercent="0.9" /> |
| <KeyPosition |
| app:motionTarget="@+id/media_progress_bar" |
| app:keyPositionType="pathRelative" |
| app:framePosition="70" |
| app:sizePercent="0.9" /> |
| <KeyAttribute |
| app:motionTarget="@id/media_progress_bar" |
| app:framePosition="0" |
| android:alpha="0.0" /> |
| <KeyAttribute |
| app:motionTarget="@+id/media_progress_bar" |
| app:framePosition="70" |
| android:alpha="0.0"/> |
| <KeyPosition |
| app:motionTarget="@+id/notification_media_progress_time" |
| app:keyPositionType="pathRelative" |
| app:framePosition="70" |
| app:sizePercent="0.9" /> |
| <KeyAttribute |
| app:motionTarget="@id/notification_media_progress_time" |
| app:framePosition="0" |
| android:alpha="0.0" /> |
| <KeyAttribute |
| app:motionTarget="@+id/notification_media_progress_time" |
| app:framePosition="70" |
| android:alpha="0.0"/> |
| <KeyAttribute |
| app:motionTarget="@id/action0" |
| app:framePosition="0" |
| android:alpha="0.0" /> |
| <KeyAttribute |
| app:motionTarget="@+id/action0" |
| app:framePosition="70" |
| android:alpha="0.0"/> |
| <KeyAttribute |
| app:motionTarget="@id/action1" |
| app:framePosition="0" |
| android:alpha="0.0" /> |
| <KeyAttribute |
| app:motionTarget="@+id/action1" |
| app:framePosition="70" |
| android:alpha="0.0"/> |
| <KeyAttribute |
| app:motionTarget="@id/action2" |
| app:framePosition="0" |
| android:alpha="0.0" /> |
| <KeyAttribute |
| app:motionTarget="@+id/action2" |
| app:framePosition="70" |
| android:alpha="0.0"/> |
| <KeyAttribute |
| app:motionTarget="@id/action3" |
| app:framePosition="0" |
| android:alpha="0.0" /> |
| <KeyAttribute |
| app:motionTarget="@+id/action3" |
| app:framePosition="70" |
| android:alpha="0.0"/> |
| <KeyAttribute |
| app:motionTarget="@id/action4" |
| app:framePosition="0" |
| android:alpha="0.0" /> |
| <KeyAttribute |
| app:motionTarget="@+id/action4" |
| app:framePosition="70" |
| android:alpha="0.0"/> |
| </KeyFrameSet> |
| </Transition> |
| |
| <ConstraintSet android:id="@+id/expanded"> |
| <Constraint |
| android:id="@+id/icon" |
| android:layout_width="16dp" |
| android:layout_height="16dp" |
| android:layout_marginStart="18dp" |
| android:layout_marginTop="22dp" |
| app:layout_constraintTop_toTopOf="parent" |
| app:layout_constraintStart_toStartOf="parent" |
| /> |
| |
| <Constraint |
| android:id="@+id/app_name" |
| android:layout_width="0dp" |
| android:layout_height="wrap_content" |
| android:layout_marginEnd="10dp" |
| android:layout_marginStart="10dp" |
| android:layout_marginTop="20dp" |
| app:layout_constraintTop_toTopOf="parent" |
| app:layout_constraintStart_toEndOf="@id/icon" |
| app:layout_constraintEnd_toStartOf="@id/media_seamless" |
| app:layout_constraintHorizontal_bias="0" |
| /> |
| |
| <Constraint |
| android:id="@+id/media_seamless" |
| android:layout_width="0dp" |
| android:layout_height="wrap_content" |
| app:layout_constraintEnd_toEndOf="@id/view_width" |
| app:layout_constraintTop_toTopOf="parent" |
| app:layout_constraintWidth_min="60dp" |
| android:layout_marginTop="@dimen/qs_media_panel_outer_padding" |
| android:layout_marginEnd="@dimen/qs_media_panel_outer_padding" |
| /> |
| |
| <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="14dp" |
| android:layout_marginStart="@dimen/qs_media_panel_outer_padding" |
| app:layout_constraintTop_toBottomOf="@+id/app_name" |
| app:layout_constraintStart_toStartOf="parent" |
| /> |
| |
| <!-- Song name --> |
| <Constraint |
| android:id="@+id/header_title" |
| android:layout_width="0dp" |
| android:layout_height="wrap_content" |
| android:layout_marginEnd="@dimen/qs_media_panel_outer_padding" |
| android:layout_marginTop="17dp" |
| android:layout_marginStart="16dp" |
| app:layout_constraintTop_toBottomOf="@+id/app_name" |
| app:layout_constraintStart_toEndOf="@id/album_art" |
| app:layout_constraintEnd_toEndOf="@id/view_width" |
| app:layout_constraintHorizontal_bias="0"/> |
| |
| <!-- Artist name --> |
| <Constraint |
| android:id="@+id/header_artist" |
| android:layout_width="0dp" |
| android:layout_height="wrap_content" |
| android:layout_marginEnd="@dimen/qs_media_panel_outer_padding" |
| android:layout_marginTop="3dp" |
| app:layout_constraintTop_toBottomOf="@id/header_title" |
| app:layout_constraintStart_toStartOf="@id/header_title" |
| app:layout_constraintEnd_toEndOf="@id/view_width" |
| 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="3dp" |
| app:layout_constraintTop_toBottomOf="@id/header_artist" |
| app:layout_constraintStart_toStartOf="parent" |
| app:layout_constraintEnd_toEndOf="@id/view_width" |
| /> |
| |
| <Constraint |
| android:id="@+id/notification_media_progress_time" |
| android:layout_width="0dp" |
| android:layout_height="wrap_content" |
| android:layout_marginTop="38dp" |
| 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="@id/view_width" |
| /> |
| |
| <Constraint |
| android:id="@+id/action0" |
| android:layout_width="48dp" |
| android:layout_height="48dp" |
| android:layout_marginTop="5dp" |
| android:layout_marginStart="4dp" |
| android:layout_marginEnd="4dp" |
| 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/notification_media_progress_time" |
| 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_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_toTopOf="@id/action0" |
| 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" |
| app:layout_constraintLeft_toRightOf="@id/action2" |
| app:layout_constraintRight_toLeftOf="@id/action4" |
| app:layout_constraintTop_toTopOf="@id/action0" |
| android:layout_marginBottom="@dimen/qs_media_panel_outer_padding" |
| 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="4dp" |
| android:layout_marginBottom="@dimen/qs_media_panel_outer_padding" |
| app:layout_constraintLeft_toRightOf="@id/action3" |
| app:layout_constraintRight_toRightOf="@id/view_width" |
| app:layout_constraintTop_toTopOf="@id/action0" |
| app:layout_constraintBottom_toBottomOf="parent"> |
| </Constraint> |
| </ConstraintSet> |
| |
| <ConstraintSet android:id="@+id/collapsed"> |
| <Constraint |
| android:id="@+id/icon" |
| android:layout_width="16dp" |
| android:layout_height="16dp" |
| android:layout_marginStart="18dp" |
| android:layout_marginTop="22dp" |
| app:layout_constraintTop_toTopOf="parent" |
| app:layout_constraintStart_toStartOf="parent" |
| /> |
| |
| <Constraint |
| android:id="@+id/app_name" |
| android:layout_width="0dp" |
| android:layout_height="wrap_content" |
| android:layout_marginEnd="10dp" |
| android:layout_marginStart="10dp" |
| android:layout_marginTop="20dp" |
| app:layout_constraintTop_toTopOf="parent" |
| app:layout_constraintStart_toEndOf="@id/icon" |
| app:layout_constraintEnd_toStartOf="@id/media_seamless" |
| app:layout_constraintHorizontal_bias="0" |
| /> |
| |
| <Constraint |
| android:id="@+id/media_seamless" |
| android:layout_width="0dp" |
| android:layout_height="wrap_content" |
| app:layout_constraintEnd_toEndOf="@id/view_width" |
| app:layout_constraintTop_toTopOf="parent" |
| app:layout_constraintWidth_min="60dp" |
| android:layout_marginTop="@dimen/qs_media_panel_outer_padding" |
| android:layout_marginEnd="@dimen/qs_media_panel_outer_padding" |
| /> |
| |
| <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="16dp" |
| android:layout_marginStart="@dimen/qs_media_panel_outer_padding" |
| android:layout_marginBottom="24dp" |
| app:layout_constraintTop_toBottomOf="@id/icon" |
| app:layout_constraintStart_toStartOf="parent" |
| app:layout_constraintBottom_toBottomOf="parent" |
| /> |
| |
| <!-- Song name --> |
| <Constraint |
| android:id="@+id/header_title" |
| android:layout_width="0dp" |
| android:layout_height="wrap_content" |
| android:layout_marginTop="17dp" |
| android:layout_marginStart="16dp" |
| app:layout_constraintTop_toBottomOf="@id/app_name" |
| app:layout_constraintBottom_toTopOf="@id/header_artist" |
| app:layout_constraintStart_toEndOf="@id/album_art" |
| app:layout_constraintEnd_toStartOf="@id/action0" |
| app:layout_constraintHorizontal_bias="0"/> |
| |
| <!-- Artist name --> |
| <Constraint |
| android:id="@+id/header_artist" |
| android:layout_width="0dp" |
| android:layout_height="wrap_content" |
| android:layout_marginTop="3dp" |
| android:layout_marginBottom="24dp" |
| app:layout_constraintTop_toBottomOf="@id/header_title" |
| app:layout_constraintStart_toStartOf="@id/header_title" |
| app:layout_constraintEnd_toStartOf="@id/action0" |
| app:layout_constraintBottom_toBottomOf="parent" |
| app:layout_constraintHorizontal_bias="0"/> |
| |
| <!-- Seek Bar --> |
| <Constraint |
| android:id="@+id/media_progress_bar" |
| android:layout_width="0dp" |
| android:layout_height="wrap_content" |
| app:layout_constraintTop_toBottomOf="@id/album_art" |
| app:layout_constraintStart_toStartOf="parent" |
| app:layout_constraintEnd_toEndOf="@id/view_width" |
| android:visibility="gone" |
| /> |
| |
| <Constraint |
| android:id="@+id/notification_media_progress_time" |
| android:layout_width="0dp" |
| android:layout_height="wrap_content" |
| android:layout_marginTop="35dp" |
| android:layout_marginEnd="@dimen/qs_media_panel_outer_padding" |
| android:layout_marginStart="@dimen/qs_media_panel_outer_padding" |
| app:layout_constraintTop_toBottomOf="@id/album_art" |
| app:layout_constraintStart_toStartOf="parent" |
| app:layout_constraintEnd_toEndOf="@id/view_width" |
| android:visibility="gone" |
| /> |
| |
| <Constraint |
| android:id="@+id/action0" |
| android:layout_width="48dp" |
| android:layout_height="48dp" |
| android:layout_marginStart="4dp" |
| android:layout_marginTop="16dp" |
| android:visibility="gone" |
| app:layout_constraintHorizontal_chainStyle="packed" |
| app:layout_constraintTop_toBottomOf="@id/app_name" |
| app:layout_constraintLeft_toRightOf="@id/header_title" |
| app:layout_constraintRight_toLeftOf="@id/action1" |
| > |
| </Constraint> |
| |
| <Constraint |
| android:id="@+id/action1" |
| android:layout_width="48dp" |
| android:layout_height="48dp" |
| android:layout_marginStart="4dp" |
| android:layout_marginEnd="4dp" |
| android:layout_marginTop="18dp" |
| app:layout_constraintTop_toBottomOf="@id/app_name" |
| app:layout_constraintLeft_toRightOf="@id/action0" |
| app:layout_constraintRight_toLeftOf="@id/action2" |
| > |
| </Constraint> |
| |
| <Constraint |
| android:id="@+id/action2" |
| android:layout_width="48dp" |
| android:layout_height="48dp" |
| android:layout_marginStart="4dp" |
| android:layout_marginEnd="4dp" |
| android:layout_marginTop="18dp" |
| app:layout_constraintTop_toBottomOf="@id/app_name" |
| app:layout_constraintLeft_toRightOf="@id/action1" |
| app:layout_constraintRight_toLeftOf="@id/action3" |
| > |
| </Constraint> |
| |
| <Constraint |
| android:id="@+id/action3" |
| android:layout_width="48dp" |
| android:layout_height="48dp" |
| android:layout_marginStart="4dp" |
| android:layout_marginEnd="4dp" |
| android:layout_marginTop="18dp" |
| app:layout_constraintTop_toBottomOf="@id/app_name" |
| app:layout_constraintLeft_toRightOf="@id/action2" |
| app:layout_constraintRight_toLeftOf="@id/action4" |
| > |
| </Constraint> |
| |
| <Constraint |
| android:id="@+id/action4" |
| android:layout_width="48dp" |
| android:layout_height="48dp" |
| android:layout_marginStart="4dp" |
| android:layout_marginEnd="4dp" |
| android:visibility="gone" |
| android:layout_marginTop="18dp" |
| app:layout_constraintTop_toBottomOf="@id/app_name" |
| app:layout_constraintLeft_toRightOf="@id/action3" |
| app:layout_constraintRight_toRightOf="@id/view_width" |
| > |
| </Constraint> |
| </ConstraintSet> |
| </MotionScene> |