Fabio/Auxio
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

ui: make lists more compact

Browse source 
Reduce top list spacing to 12dp, making lists more compact.

This is more in-line with material design, and improves user experience
on small screens.
This commit is contained in:
Alexander Capehart 2022-12-06 19:21:25 -07:00
parent cf64536118
commit 966789238e
No known key found for this signature in database
GPG key ID: 37DBE3621FE9AD47
10 changed files with 25 additions and 17 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

1
CHANGELOG.md
View file

@ -26,6 +26,7 @@
- All information now scrolls in the playback view - All information now scrolls in the playback view
- A month is now shown for song/album dates when available - A month is now shown for song/album dates when available
- Added loading indicator to song properties view - Added loading indicator to song properties view
- List items have been made more compact
#### What's Fixed #### What's Fixed
- Fixed issue where the scroll popup would not display correctly in landscape mode [#230] - Fixed issue where the scroll popup would not display correctly in landscape mode [#230]

2
app/src/main/res/drawable/sel_item_ripple_bg.xml
View file

@ -13,7 +13,7 @@
<item <item
android:id="@+id/def"> android:id="@+id/def">
<shape android:shape="rectangle"> <shape android:shape="rectangle">
<solid android:color="@color/sel_item_activated_bg" /> <solid android:color="@android:color/transparent" />
</shape> </shape>
</item> </item>
</animated-selector> </animated-selector>

1
app/src/main/res/drawable/ui_item_ripple.xml
View file

@ -1,5 +1,6 @@
<?xml version="1.0" encoding="utf-8"?> <?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android"> <layer-list xmlns:android="http://schemas.android.com/apk/res/android">
<item android:drawable="?attr/colorSurface" />
<item android:drawable="@drawable/sel_item_ripple_bg" /> <item android:drawable="@drawable/sel_item_ripple_bg" />
<item android:drawable="?attr/selectableItemBackground" /> <item android:drawable="?attr/selectableItemBackground" />
</layer-list> </layer-list>

12
app/src/main/res/layout/dialog_song_detail.xml
View file

@ -51,7 +51,7 @@
<com.google.android.material.textfield.TextInputLayout <com.google.android.material.textfield.TextInputLayout
android:layout_width="match_parent" android:layout_width="match_parent"
android:layout_height="wrap_content" android:layout_height="wrap_content"
android:layout_marginTop="@dimen/spacing_medium" android:layout_marginTop="@dimen/spacing_mid_medium"
android:hint="@string/lbl_relative_path" android:hint="@string/lbl_relative_path"
app:expandedHintEnabled="false"> app:expandedHintEnabled="false">
@ -67,7 +67,7 @@
<com.google.android.material.textfield.TextInputLayout <com.google.android.material.textfield.TextInputLayout
android:layout_width="match_parent" android:layout_width="match_parent"
android:layout_height="wrap_content" android:layout_height="wrap_content"
android:layout_marginTop="@dimen/spacing_medium" android:layout_marginTop="@dimen/spacing_mid_medium"
android:hint="@string/lbl_format" android:hint="@string/lbl_format"
app:expandedHintEnabled="false"> app:expandedHintEnabled="false">
@ -83,7 +83,7 @@
<com.google.android.material.textfield.TextInputLayout <com.google.android.material.textfield.TextInputLayout
android:layout_width="match_parent" android:layout_width="match_parent"
android:layout_height="wrap_content" android:layout_height="wrap_content"
android:layout_marginTop="@dimen/spacing_medium" android:layout_marginTop="@dimen/spacing_mid_medium"
android:hint="@string/lbl_size" android:hint="@string/lbl_size"
app:expandedHintEnabled="false"> app:expandedHintEnabled="false">
@ -99,7 +99,7 @@
<com.google.android.material.textfield.TextInputLayout <com.google.android.material.textfield.TextInputLayout
android:layout_width="match_parent" android:layout_width="match_parent"
android:layout_height="wrap_content" android:layout_height="wrap_content"
android:layout_marginTop="@dimen/spacing_medium" android:layout_marginTop="@dimen/spacing_mid_medium"
android:hint="@string/lbl_sort_duration" android:hint="@string/lbl_sort_duration"
app:expandedHintEnabled="false"> app:expandedHintEnabled="false">
@ -115,7 +115,7 @@
<com.google.android.material.textfield.TextInputLayout <com.google.android.material.textfield.TextInputLayout
android:layout_width="match_parent" android:layout_width="match_parent"
android:layout_height="wrap_content" android:layout_height="wrap_content"
android:layout_marginTop="@dimen/spacing_medium" android:layout_marginTop="@dimen/spacing_mid_medium"
android:hint="@string/lbl_bitrate" android:hint="@string/lbl_bitrate"
app:expandedHintEnabled="false"> app:expandedHintEnabled="false">
@ -131,7 +131,7 @@
<com.google.android.material.textfield.TextInputLayout <com.google.android.material.textfield.TextInputLayout
android:layout_width="match_parent" android:layout_width="match_parent"
android:layout_height="wrap_content" android:layout_height="wrap_content"
android:layout_marginTop="@dimen/spacing_medium" android:layout_marginTop="@dimen/spacing_mid_medium"
android:hint="@string/lbl_sample_rate" android:hint="@string/lbl_sample_rate"
app:expandedHintEnabled="false"> app:expandedHintEnabled="false">

4
app/src/main/res/layout/item_album_song.xml
View file

@ -7,9 +7,9 @@
android:layout_height="wrap_content" android:layout_height="wrap_content"
android:background="@drawable/ui_item_ripple" android:background="@drawable/ui_item_ripple"
android:paddingStart="@dimen/spacing_medium" android:paddingStart="@dimen/spacing_medium"
android:paddingTop="@dimen/spacing_medium" android:paddingTop="@dimen/spacing_mid_medium"
android:paddingEnd="@dimen/spacing_mid_medium" android:paddingEnd="@dimen/spacing_mid_medium"
android:paddingBottom="@dimen/spacing_medium"> android:paddingBottom="@dimen/spacing_mid_medium">
<!-- <!--
We don't want to show an album cover, but we still want the spacing of this song We don't want to show an album cover, but we still want the spacing of this song

5
app/src/main/res/layout/item_disc_header.xml
View file

@ -5,7 +5,10 @@
android:layout_width="match_parent" android:layout_width="match_parent"
android:layout_height="wrap_content" android:layout_height="wrap_content"
android:orientation="horizontal" android:orientation="horizontal"
android:padding="@dimen/spacing_medium"> android:paddingStart="@dimen/spacing_medium"
android:paddingEnd="@dimen/spacing_medium"
android:paddingTop="@dimen/spacing_mid_medium"
android:paddingBottom="@dimen/spacing_mid_medium">
<org.oxycblt.auxio.image.StyledImageView <org.oxycblt.auxio.image.StyledImageView
android:id="@+id/disc_item" android:id="@+id/disc_item"

4
app/src/main/res/layout/item_parent.xml
View file

@ -6,9 +6,9 @@
android:layout_height="wrap_content" android:layout_height="wrap_content"
android:background="@drawable/ui_item_ripple" android:background="@drawable/ui_item_ripple"
android:paddingStart="@dimen/spacing_medium" android:paddingStart="@dimen/spacing_medium"
android:paddingTop="@dimen/spacing_medium" android:paddingTop="@dimen/spacing_mid_medium"
android:paddingEnd="@dimen/spacing_mid_medium" android:paddingEnd="@dimen/spacing_mid_medium"
android:paddingBottom="@dimen/spacing_medium"> android:paddingBottom="@dimen/spacing_mid_medium">
<org.oxycblt.auxio.image.ImageGroup <org.oxycblt.auxio.image.ImageGroup
android:id="@+id/parent_image" android:id="@+id/parent_image"

4
app/src/main/res/layout/item_picker_choice.xml
View file

@ -6,9 +6,9 @@
android:layout_height="wrap_content" android:layout_height="wrap_content"
android:background="?attr/selectableItemBackground" android:background="?attr/selectableItemBackground"
android:paddingStart="@dimen/spacing_large" android:paddingStart="@dimen/spacing_large"
android:paddingTop="@dimen/spacing_medium" android:paddingTop="@dimen/spacing_mid_medium"
android:paddingEnd="@dimen/spacing_large" android:paddingEnd="@dimen/spacing_large"
android:paddingBottom="@dimen/spacing_medium"> android:paddingBottom="@dimen/spacing_mid_medium">
<org.oxycblt.auxio.image.ImageGroup <org.oxycblt.auxio.image.ImageGroup
android:id="@+id/picker_image" android:id="@+id/picker_image"

5
app/src/main/res/layout/item_queue_song.xml
View file

@ -37,7 +37,10 @@
<org.oxycblt.auxio.image.ImageGroup <org.oxycblt.auxio.image.ImageGroup
android:id="@+id/song_album_cover" android:id="@+id/song_album_cover"
style="@style/Widget.Auxio.Image.Small" style="@style/Widget.Auxio.Image.Small"
android:layout_margin="@dimen/spacing_medium" android:layout_marginStart="@dimen/spacing_medium"
android:layout_marginTop="@dimen/spacing_mid_medium"
android:layout_marginBottom="@dimen/spacing_mid_medium"
android:layout_marginEnd="@dimen/spacing_medium"
app:layout_constraintBottom_toBottomOf="parent" app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintStart_toStartOf="parent" app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toTopOf="parent" app:layout_constraintTop_toTopOf="parent"

4
app/src/main/res/layout/item_song.xml
View file

@ -6,9 +6,9 @@
android:layout_height="wrap_content" android:layout_height="wrap_content"
android:background="@drawable/ui_item_ripple" android:background="@drawable/ui_item_ripple"
android:paddingStart="@dimen/spacing_medium" android:paddingStart="@dimen/spacing_medium"
android:paddingTop="@dimen/spacing_medium" android:paddingTop="@dimen/spacing_mid_medium"
android:paddingEnd="@dimen/spacing_mid_medium" android:paddingEnd="@dimen/spacing_mid_medium"
android:paddingBottom="@dimen/spacing_medium"> android:paddingBottom="@dimen/spacing_mid_medium">
<org.oxycblt.auxio.image.ImageGroup <org.oxycblt.auxio.image.ImageGroup
android:id="@+id/song_album_cover" android:id="@+id/song_album_cover"