61dbfe3185
Create a custom view for rounded images, making them more nuanced in the process. The previous method for applying rounded images in-app was generally clunky and fragile. Introduce a new custom view that actually takes a cornerRadius attribute from the ImageView itself that then applies it whenever the user enables the setting. This also allows rounded images to be more nuanced, as typical 8dp elevation can be used for small views and a more fitting 16dp radius can be used for large views.
190 lines
9.1 KiB
XML
190 lines
9.1 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:clipToPadding="false">
|
|
|
|
<com.google.android.material.appbar.MaterialToolbar
|
|
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"
|
|
tools:subtitle="@string/lbl_all_songs"
|
|
app:title="@string/lbl_playback" />
|
|
|
|
<org.oxycblt.auxio.coil.RoundableImageView
|
|
android:id="@+id/playback_cover"
|
|
style="@style/Widget.Auxio.Image.Full"
|
|
android:layout_marginStart="@dimen/spacing_mid_large"
|
|
android:layout_marginTop="@dimen/spacing_mid_large"
|
|
android:contentDescription="@{@string/desc_album_cover(song.name)}"
|
|
app:albumArt="@{song}"
|
|
app:layout_constraintBottom_toTopOf="@+id/playback_seek_bar"
|
|
app:layout_constraintStart_toStartOf="parent"
|
|
app:layout_constraintTop_toBottomOf="@+id/playback_toolbar"
|
|
app:layout_constraintVertical_chainStyle="packed"
|
|
tools:src="@drawable/ic_album" />
|
|
|
|
<!-- 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_constraintHorizontal_bias="0.5"
|
|
app:layout_constraintStart_toEndOf="@+id/playback_cover"
|
|
app:layout_constraintTop_toTopOf="@+id/playback_cover"
|
|
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.resolvedArtistName}"
|
|
app:layout_constraintBottom_toTopOf="@+id/playback_album"
|
|
app:layout_constraintEnd_toEndOf="parent"
|
|
app:layout_constraintHorizontal_bias="0.5"
|
|
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.resolvedAlbumName}"
|
|
app:layout_constraintBottom_toBottomOf="@+id/playback_cover"
|
|
app:layout_constraintEnd_toEndOf="parent"
|
|
app:layout_constraintHorizontal_bias="0.5"
|
|
app:layout_constraintStart_toEndOf="@+id/playback_cover"
|
|
app:layout_constraintTop_toBottomOf="@+id/playback_artist"
|
|
tools:text="Album Name" />
|
|
|
|
|
|
<org.oxycblt.auxio.playback.PlaybackSeekBar
|
|
android:id="@+id/playback_seek_bar"
|
|
android:layout_width="0dp"
|
|
android:layout_height="wrap_content"
|
|
android:layout_marginStart="-16dp"
|
|
android:layout_marginEnd="-16dp"
|
|
app:layout_constraintBottom_toTopOf="@+id/playback_play_pause"
|
|
app:layout_constraintEnd_toEndOf="@+id/playback_song_container"
|
|
app:layout_constraintHorizontal_bias="0.5"
|
|
app:layout_constraintStart_toStartOf="@+id/playback_cover"
|
|
app:layout_constraintTop_toBottomOf="@+id/playback_cover"
|
|
app:layout_constraintVertical_chainStyle="packed" />
|
|
|
|
<org.oxycblt.auxio.playback.PlaybackButton
|
|
android:id="@+id/playback_loop"
|
|
android:layout_width="wrap_content"
|
|
android:layout_height="wrap_content"
|
|
android:layout_marginStart="@dimen/spacing_medium"
|
|
android:contentDescription="@string/desc_change_loop"
|
|
android:onClick="@{() -> playbackModel.incrementLoopStatus()}"
|
|
android:src="@drawable/ic_loop"
|
|
app:hasIndicator="true"
|
|
app:layout_constraintBottom_toBottomOf="@+id/playback_skip_prev"
|
|
app:layout_constraintStart_toStartOf="@+id/playback_seek_bar"
|
|
app:layout_constraintTop_toTopOf="@+id/playback_skip_prev" />
|
|
|
|
<org.oxycblt.auxio.playback.PlaybackButton
|
|
android:id="@+id/playback_skip_prev"
|
|
android:layout_width="wrap_content"
|
|
android:layout_height="wrap_content"
|
|
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_constraintStart_toEndOf="@+id/playback_loop"
|
|
app:layout_constraintTop_toTopOf="@+id/playback_play_pause" />
|
|
|
|
<com.google.android.material.floatingactionbutton.FloatingActionButton
|
|
android:id="@+id/playback_play_pause"
|
|
style="@style/Widget.Auxio.FloatingActionButton.PlayPause"
|
|
android:layout_width="wrap_content"
|
|
android:layout_height="wrap_content"
|
|
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_seek_bar"
|
|
app:layout_constraintStart_toStartOf="@+id/playback_seek_bar"
|
|
app:layout_constraintTop_toBottomOf="@+id/playback_seek_bar"
|
|
android:layout_marginBottom="@dimen/spacing_mid_large"
|
|
tools:src="@drawable/ic_play" />
|
|
|
|
<org.oxycblt.auxio.playback.PlaybackButton
|
|
android:id="@+id/playback_skip_next"
|
|
android:layout_width="wrap_content"
|
|
android:layout_height="wrap_content"
|
|
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_constraintEnd_toStartOf="@+id/playback_shuffle"
|
|
app:layout_constraintStart_toEndOf="@+id/playback_play_pause"
|
|
app:layout_constraintTop_toTopOf="@+id/playback_play_pause" />
|
|
|
|
<org.oxycblt.auxio.playback.PlaybackButton
|
|
android:id="@+id/playback_shuffle"
|
|
android:layout_width="wrap_content"
|
|
android:layout_height="wrap_content"
|
|
android:contentDescription="@string/desc_shuffle"
|
|
android:layout_marginEnd="@dimen/spacing_medium"
|
|
android:onClick="@{() -> playbackModel.invertShuffleStatus()}"
|
|
android:src="@drawable/ic_shuffle"
|
|
app:hasIndicator="true"
|
|
app:layout_constraintBottom_toBottomOf="@+id/playback_skip_next"
|
|
app:layout_constraintEnd_toEndOf="@+id/playback_seek_bar"
|
|
app:layout_constraintTop_toTopOf="@+id/playback_skip_next"
|
|
app:tint="@color/sel_accented" />
|
|
|
|
</androidx.constraintlayout.widget.ConstraintLayout>
|
|
</layout>
|