443c26fe98
Refactor the styling again to make all styles start with the Auxio prefix. Also try to phase out the usage of layout_width and layout_height in most places, since those can cause a lot of frustration if they aren't used in the layout they are expected in.
212 lines
No EOL
9.9 KiB
XML
212 lines
No EOL
9.9 KiB
XML
<?xml version="1.0" encoding="utf-8"?>
|
|
<layout 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"
|
|
tools:context=".playback.PlaybackFragment">
|
|
|
|
<data>
|
|
|
|
<variable
|
|
name="song"
|
|
type="org.oxycblt.auxio.music.Song" />
|
|
|
|
<variable
|
|
name="playbackModel"
|
|
type="org.oxycblt.auxio.playback.PlaybackViewModel" />
|
|
|
|
<variable
|
|
name="detailModel"
|
|
type="org.oxycblt.auxio.detail.DetailViewModel" />
|
|
</data>
|
|
|
|
|
|
<androidx.constraintlayout.widget.ConstraintLayout
|
|
android:id="@+id/playback_layout"
|
|
android:layout_width="match_parent"
|
|
android:layout_height="match_parent"
|
|
android:background="?attr/colorSurface">
|
|
|
|
<androidx.appcompat.widget.Toolbar
|
|
android:id="@+id/playback_toolbar"
|
|
style="@style/Widget.Auxio.Toolbar.Icon.Down"
|
|
app:layout_constraintStart_toStartOf="parent"
|
|
app:layout_constraintTop_toTopOf="parent"
|
|
app:menu="@menu/menu_playback"
|
|
app:title="@string/lbl_playback" />
|
|
|
|
<ImageView
|
|
android:id="@+id/playback_cover"
|
|
style="@style/Widget.Auxio.Image.Full"
|
|
android:layout_marginStart="@dimen/spacing_large"
|
|
android:layout_marginTop="@dimen/spacing_insane"
|
|
android:layout_marginBottom="@dimen/spacing_insane"
|
|
android:contentDescription="@{@string/desc_album_cover(song.name)}"
|
|
app:albumArt="@{song}"
|
|
app:layout_constraintBottom_toBottomOf="parent"
|
|
app:layout_constraintDimensionRatio="1"
|
|
app:layout_constraintStart_toStartOf="parent"
|
|
app:layout_constraintTop_toBottomOf="@+id/playback_toolbar"
|
|
tools:src="@drawable/ic_song" />
|
|
|
|
<!-- TextView is wrapped in a container so that marquee doesn't break -->
|
|
|
|
<FrameLayout
|
|
android:id="@+id/playback_song_container"
|
|
android:layout_width="0dp"
|
|
android:layout_height="wrap_content"
|
|
android:layout_marginStart="@dimen/spacing_mid_large"
|
|
android:layout_marginEnd="@dimen/spacing_mid_large"
|
|
app:layout_constraintBottom_toTopOf="@+id/playback_artist"
|
|
app:layout_constraintEnd_toEndOf="parent"
|
|
app:layout_constraintStart_toEndOf="@+id/playback_cover"
|
|
app:layout_constraintTop_toBottomOf="@+id/playback_toolbar"
|
|
app:layout_constraintVertical_chainStyle="packed">
|
|
|
|
<TextView
|
|
android:id="@+id/playback_song"
|
|
style="@style/Widget.Auxio.TextView.Primary"
|
|
android:layout_width="match_parent"
|
|
android:layout_height="match_parent"
|
|
android:onClick="@{() -> detailModel.navToItem(playbackModel.song)}"
|
|
android:text="@{song.name}"
|
|
tools:text="Song Name" />
|
|
|
|
</FrameLayout>
|
|
|
|
<TextView
|
|
android:id="@+id/playback_artist"
|
|
style="@style/Widget.Auxio.TextView.Secondary"
|
|
android:layout_width="0dp"
|
|
android:layout_height="wrap_content"
|
|
android:layout_marginStart="@dimen/spacing_mid_large"
|
|
android:layout_marginEnd="@dimen/spacing_mid_large"
|
|
android:onClick="@{() -> detailModel.navToItem(playbackModel.song.album.artist)}"
|
|
android:text="@{song.album.artist.name}"
|
|
app:layout_constraintBottom_toTopOf="@+id/playback_album"
|
|
app:layout_constraintEnd_toEndOf="parent"
|
|
app:layout_constraintStart_toEndOf="@+id/playback_cover"
|
|
app:layout_constraintTop_toBottomOf="@+id/playback_song_container"
|
|
tools:text="Artist Name" />
|
|
|
|
<TextView
|
|
android:id="@+id/playback_album"
|
|
style="@style/Widget.Auxio.TextView.Secondary"
|
|
android:layout_width="0dp"
|
|
android:layout_height="wrap_content"
|
|
android:layout_marginStart="@dimen/spacing_mid_large"
|
|
android:layout_marginEnd="@dimen/spacing_mid_large"
|
|
android:onClick="@{() -> detailModel.navToItem(playbackModel.song.album)}"
|
|
android:text="@{song.album.name}"
|
|
app:layout_constraintBottom_toTopOf="@+id/playback_seek_bar"
|
|
app:layout_constraintEnd_toEndOf="parent"
|
|
app:layout_constraintStart_toEndOf="@+id/playback_cover"
|
|
app:layout_constraintTop_toBottomOf="@+id/playback_artist"
|
|
tools:text="Album Name" />
|
|
|
|
<SeekBar
|
|
android:id="@+id/playback_seek_bar"
|
|
style="@style/Widget.Auxio.SeekBar"
|
|
android:layout_width="0dp"
|
|
android:layout_height="wrap_content"
|
|
android:layout_marginTop="@dimen/spacing_medium"
|
|
app:layout_constraintBottom_toTopOf="@+id/playback_duration_current"
|
|
app:layout_constraintEnd_toEndOf="parent"
|
|
app:layout_constraintStart_toEndOf="@+id/playback_cover"
|
|
app:layout_constraintTop_toBottomOf="@+id/playback_album"
|
|
tools:progress="70" />
|
|
|
|
<TextView
|
|
android:id="@+id/playback_duration_current"
|
|
android:layout_width="wrap_content"
|
|
android:layout_height="wrap_content"
|
|
android:layout_marginStart="@dimen/spacing_mid_large"
|
|
android:text="@{playbackModel.formattedPosition}"
|
|
android:textColor="@color/sel_accented_secondary"
|
|
app:layout_constraintBottom_toTopOf="@+id/playback_play_pause"
|
|
app:layout_constraintStart_toEndOf="@+id/playback_cover"
|
|
app:layout_constraintTop_toBottomOf="@+id/playback_seek_bar"
|
|
tools:text="11:38" />
|
|
|
|
<TextView
|
|
android:id="@+id/playback_song_container_duration"
|
|
android:layout_width="wrap_content"
|
|
android:layout_height="wrap_content"
|
|
android:layout_marginEnd="@dimen/spacing_mid_large"
|
|
android:text="@{song.formattedDuration}"
|
|
app:layout_constraintEnd_toEndOf="parent"
|
|
app:layout_constraintTop_toBottomOf="@+id/playback_seek_bar"
|
|
tools:text="16:16" />
|
|
|
|
<ImageButton
|
|
android:id="@+id/playback_loop"
|
|
style="@style/Widget.Auxio.Button.Unbounded"
|
|
android:layout_width="wrap_content"
|
|
android:layout_height="wrap_content"
|
|
android:layout_marginEnd="@dimen/spacing_large"
|
|
android:contentDescription="@string/desc_change_loop"
|
|
android:onClick="@{() -> playbackModel.incrementLoopStatus()}"
|
|
android:src="@drawable/ic_loop"
|
|
app:layout_constraintBottom_toBottomOf="@+id/playback_skip_prev"
|
|
app:layout_constraintEnd_toStartOf="@+id/playback_skip_prev"
|
|
app:layout_constraintHorizontal_chainStyle="packed"
|
|
app:layout_constraintTop_toTopOf="@+id/playback_skip_prev" />
|
|
|
|
<ImageButton
|
|
android:id="@+id/playback_skip_prev"
|
|
style="@style/Widget.Auxio.Button.Unbounded"
|
|
android:layout_width="wrap_content"
|
|
android:layout_height="wrap_content"
|
|
android:layout_marginEnd="@dimen/spacing_large"
|
|
android:contentDescription="@string/desc_skip_prev"
|
|
android:onClick="@{() -> playbackModel.skipPrev()}"
|
|
android:src="@drawable/ic_skip_prev"
|
|
app:layout_constraintBottom_toBottomOf="@+id/playback_play_pause"
|
|
app:layout_constraintEnd_toStartOf="@+id/playback_play_pause"
|
|
app:layout_constraintTop_toTopOf="@+id/playback_play_pause" />
|
|
|
|
<ImageButton
|
|
android:id="@+id/playback_play_pause"
|
|
style="@style/Widget.Auxio.Button.Circular"
|
|
android:layout_width="wrap_content"
|
|
android:layout_height="wrap_content"
|
|
android:layout_marginStart="@dimen/spacing_medium"
|
|
android:layout_marginTop="@dimen/spacing_medium"
|
|
android:layout_marginEnd="@dimen/spacing_medium"
|
|
android:contentDescription="@string/desc_play_pause"
|
|
android:onClick="@{() -> playbackModel.invertPlayingStatus()}"
|
|
android:src="@drawable/sel_playing_state"
|
|
app:layout_constraintBottom_toBottomOf="parent"
|
|
app:layout_constraintEnd_toEndOf="@+id/playback_song_container_duration"
|
|
app:layout_constraintStart_toStartOf="@+id/playback_duration_current"
|
|
app:layout_constraintTop_toBottomOf="@+id/playback_duration_current"
|
|
tools:src="@drawable/ic_pause" />
|
|
|
|
<ImageButton
|
|
android:id="@+id/playback_skip_next"
|
|
style="@style/Widget.Auxio.Button.Unbounded"
|
|
android:layout_width="wrap_content"
|
|
android:layout_height="wrap_content"
|
|
android:layout_marginStart="@dimen/spacing_large"
|
|
android:contentDescription="@string/desc_skip_next"
|
|
android:onClick="@{() -> playbackModel.skipNext()}"
|
|
android:src="@drawable/ic_skip_next"
|
|
app:layout_constraintBottom_toBottomOf="@+id/playback_play_pause"
|
|
app:layout_constraintStart_toEndOf="@+id/playback_play_pause"
|
|
app:layout_constraintTop_toTopOf="@+id/playback_play_pause" />
|
|
|
|
<ImageButton
|
|
android:id="@+id/playback_shuffle"
|
|
style="@style/Widget.Auxio.Button.Unbounded"
|
|
android:layout_width="wrap_content"
|
|
android:layout_height="wrap_content"
|
|
android:layout_marginStart="@dimen/spacing_large"
|
|
android:contentDescription="@string/desc_shuffle"
|
|
android:onClick="@{() -> playbackModel.invertShuffleStatus()}"
|
|
android:src="@drawable/ic_shuffle"
|
|
app:layout_constraintBottom_toBottomOf="@+id/playback_skip_next"
|
|
app:layout_constraintStart_toEndOf="@+id/playback_skip_next"
|
|
app:layout_constraintTop_toTopOf="@+id/playback_skip_next"
|
|
app:tint="@color/sel_accented" />
|
|
|
|
</androidx.constraintlayout.widget.ConstraintLayout>
|
|
</layout> |