Sansan/MusicPlayer
1
0 Fork 0
Code Issues 1 Pull Requests 1 Actions Packages Projects Releases 7 Wiki Activity

Lay out the song list's pictures and text to fit any number of players

Browse Source 
The players' pictures sit on the right in even lines of at most four, each
ending at the row's right edge, so five pictures are 3 + 2 and seven 4 + 3.
The text takes the room they leave and wraps only when it does not fit, and
the row is as tall as the taller of the two, instead of a width fixed by
the number of pictures.

Rows are rounded and alternate like the other lists, are highlighted under
the mouse, and the playing song has an orange edge. Clicking a picture
clicks its song.
This commit is contained in:
Sansan committed 2026-10-09 17:25:38 +02:00
1 parent 84e137e16a
commit 78e1facaf0
10 files changed
+753 -361
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

tests/data/layout_baseline.json
+224 -296
View File
@@ -1001,66 +1001,57 @@
},
"Quiz/MusicListPanel/ScrollContainer": {
"rect": [
64.0,
384.0,
1088.0,
512.0
70.0,
390.0,
1076.0,
500.0
],
"visible": true
},
"Quiz/MusicListPanel/ScrollContainer/MusicList": {
"rect": [
64.0,
384.0,
1088.0,
512.0
70.0,
390.0,
1076.0,
500.0
],
"visible": true
},
"Quiz/MusicListPanel/ScrollContainer/MusicList/SongRow": {
"rect": [
64.0,
384.0,
1088.0,
28.0
70.0,
390.0,
1076.0,
36.0
],
"visible": true
},
"Quiz/MusicListPanel/ScrollContainer/MusicList/SongRow/HBoxContainer": {
"rect": [
64.0,
384.0,
1088.0,
78.0,
394.0,
1060.0,
28.0
],
"visible": true
},
"Quiz/MusicListPanel/ScrollContainer/MusicList/SongRow/HBoxContainer/Panel": {
"rect": [
1068.0,
384.0,
80.0,
0.0
],
"visible": true
},
"Quiz/MusicListPanel/ScrollContainer/MusicList/SongRow/HBoxContainer/SongListLabel": {
"rect": [
64.0,
384.0,
1000.0,
78.0,
394.0,
1060.0,
28.0
],
"visible": true
},
"Quiz/MusicListPanel/ScrollContainer/MusicList/SongRow/HBoxContainer/SongListPlayers": {
"rect": [
1152.0,
384.0,
78.0,
394.0,
0.0,
0.0
],
"visible": true
"visible": false
},
"Quiz/MusicPlayer": {
"rect": [
@@ -4603,111 +4594,93 @@
},
"Quiz/MusicListPanel/ScrollContainer": {
"rect": [
64.0,
384.0,
1088.0,
512.0
70.0,
390.0,
1076.0,
500.0
],
"visible": true
},
"Quiz/MusicListPanel/ScrollContainer/MusicList": {
"rect": [
64.0,
384.0,
1088.0,
512.0
70.0,
390.0,
1076.0,
500.0
],
"visible": true
},
"Quiz/MusicListPanel/ScrollContainer/MusicList/#1": {
"rect": [
64.0,
422.0,
1088.0,
28.0
70.0,
430.0,
1076.0,
36.0
],
"visible": true
},
"Quiz/MusicListPanel/ScrollContainer/MusicList/#1/HBoxContainer": {
"rect": [
64.0,
422.0,
1088.0,
78.0,
434.0,
1060.0,
28.0
],
"visible": true
},
"Quiz/MusicListPanel/ScrollContainer/MusicList/#1/HBoxContainer/Panel": {
"rect": [
1068.0,
422.0,
80.0,
0.0
],
"visible": true
},
"Quiz/MusicListPanel/ScrollContainer/MusicList/#1/HBoxContainer/SongListLabel": {
"rect": [
64.0,
422.0,
1000.0,
78.0,
434.0,
1060.0,
28.0
],
"visible": true
},
"Quiz/MusicListPanel/ScrollContainer/MusicList/#1/HBoxContainer/SongListPlayers": {
"rect": [
1152.0,
422.0,
78.0,
434.0,
0.0,
0.0
],
"visible": true
"visible": false
},
"Quiz/MusicListPanel/ScrollContainer/MusicList/SongRow": {
"rect": [
64.0,
384.0,
1088.0,
28.0
70.0,
390.0,
1076.0,
36.0
],
"visible": true
},
"Quiz/MusicListPanel/ScrollContainer/MusicList/SongRow/HBoxContainer": {
"rect": [
64.0,
384.0,
1088.0,
78.0,
394.0,
1060.0,
28.0
],
"visible": true
},
"Quiz/MusicListPanel/ScrollContainer/MusicList/SongRow/HBoxContainer/Panel": {
"rect": [
1068.0,
384.0,
80.0,
0.0
],
"visible": true
},
"Quiz/MusicListPanel/ScrollContainer/MusicList/SongRow/HBoxContainer/SongListLabel": {
"rect": [
64.0,
384.0,
1000.0,
78.0,
394.0,
1060.0,
28.0
],
"visible": true
},
"Quiz/MusicListPanel/ScrollContainer/MusicList/SongRow/HBoxContainer/SongListPlayers": {
"rect": [
1152.0,
384.0,
78.0,
394.0,
0.0,
0.0
],
"visible": true
"visible": false
},
"Quiz/MusicPlayer": {
"rect": [
@@ -11454,66 +11427,57 @@
},
"Quiz/MusicListPanel/ScrollContainer": {
"rect": [
64.0,
384.0,
1088.0,
512.0
70.0,
390.0,
1076.0,
500.0
],
"visible": true
},
"Quiz/MusicListPanel/ScrollContainer/MusicList": {
"rect": [
64.0,
384.0,
1088.0,
512.0
70.0,
390.0,
1076.0,
500.0
],
"visible": true
},
"Quiz/MusicListPanel/ScrollContainer/MusicList/SongRow": {
"rect": [
64.0,
384.0,
1088.0,
28.0
70.0,
390.0,
1076.0,
36.0
],
"visible": true
},
"Quiz/MusicListPanel/ScrollContainer/MusicList/SongRow/HBoxContainer": {
"rect": [
64.0,
384.0,
1088.0,
78.0,
394.0,
1060.0,
28.0
],
"visible": true
},
"Quiz/MusicListPanel/ScrollContainer/MusicList/SongRow/HBoxContainer/Panel": {
"rect": [
1068.0,
384.0,
80.0,
0.0
],
"visible": true
},
"Quiz/MusicListPanel/ScrollContainer/MusicList/SongRow/HBoxContainer/SongListLabel": {
"rect": [
64.0,
384.0,
1000.0,
78.0,
394.0,
1060.0,
28.0
],
"visible": true
},
"Quiz/MusicListPanel/ScrollContainer/MusicList/SongRow/HBoxContainer/SongListPlayers": {
"rect": [
1152.0,
384.0,
78.0,
394.0,
0.0,
0.0
],
"visible": true
"visible": false
},
"Quiz/MusicPlayer": {
"rect": [
@@ -15398,127 +15362,118 @@
},
"Quiz/MusicListPanel/ScrollContainer": {
"rect": [
64.0,
384.0,
1088.0,
512.0
70.0,
390.0,
1076.0,
500.0
],
"visible": true
},
"Quiz/MusicListPanel/ScrollContainer/MusicList": {
"rect": [
64.0,
384.0,
1088.0,
512.0
70.0,
390.0,
1076.0,
500.0
],
"visible": true
},
"Quiz/MusicListPanel/ScrollContainer/MusicList/#1": {
"rect": [
64.0,
422.0,
1088.0,
28.0
70.0,
430.0,
1076.0,
36.0
],
"visible": true
},
"Quiz/MusicListPanel/ScrollContainer/MusicList/#1/HBoxContainer": {
"rect": [
64.0,
422.0,
1088.0,
78.0,
434.0,
1060.0,
28.0
],
"visible": true
},
"Quiz/MusicListPanel/ScrollContainer/MusicList/#1/HBoxContainer/Panel": {
"rect": [
1068.0,
422.0,
80.0,
0.0
],
"visible": true
},
"Quiz/MusicListPanel/ScrollContainer/MusicList/#1/HBoxContainer/SongListLabel": {
"rect": [
64.0,
422.0,
1000.0,
78.0,
434.0,
1060.0,
28.0
],
"visible": true
},
"Quiz/MusicListPanel/ScrollContainer/MusicList/#1/HBoxContainer/SongListPlayers": {
"rect": [
1152.0,
422.0,
78.0,
434.0,
0.0,
0.0
],
"visible": true
"visible": false
},
"Quiz/MusicListPanel/ScrollContainer/MusicList/SongRow": {
"rect": [
64.0,
384.0,
1088.0,
28.0
70.0,
390.0,
1076.0,
36.0
],
"visible": true
},
"Quiz/MusicListPanel/ScrollContainer/MusicList/SongRow/HBoxContainer": {
"rect": [
64.0,
384.0,
1088.0,
78.0,
394.0,
1060.0,
28.0
],
"visible": true
},
"Quiz/MusicListPanel/ScrollContainer/MusicList/SongRow/HBoxContainer/Panel": {
"rect": [
968.0,
384.0,
75.0,
0.0
],
"visible": true
},
"Quiz/MusicListPanel/ScrollContainer/MusicList/SongRow/HBoxContainer/SongListLabel": {
"rect": [
64.0,
384.0,
900.0,
78.0,
394.0,
932.0,
28.0
],
"visible": true
},
"Quiz/MusicListPanel/ScrollContainer/MusicList/SongRow/HBoxContainer/SongListPlayers": {
"rect": [
1047.0,
384.0,
105.0,
25.0
1022.0,
394.0,
116.0,
28.0
],
"visible": true
},
"Quiz/MusicListPanel/ScrollContainer/MusicList/SongRow/HBoxContainer/SongListPlayers/#0": {
"rect": [
1047.0,
384.0,
51.0,
25.0
1022.0,
394.0,
116.0,
28.0
],
"visible": true
},
"Quiz/MusicListPanel/ScrollContainer/MusicList/SongRow/HBoxContainer/SongListPlayers/#1": {
"Quiz/MusicListPanel/ScrollContainer/MusicList/SongRow/HBoxContainer/SongListPlayers/#0/#0": {
"rect": [
1102.0,
384.0,
50.0,
25.0
1022.0,
394.0,
56.0,
28.0
],
"visible": true
},
"Quiz/MusicListPanel/ScrollContainer/MusicList/SongRow/HBoxContainer/SongListPlayers/#0/#1": {
"rect": [
1082.0,
394.0,
56.0,
28.0
],
"visible": true
},
@@ -23530,66 +23485,57 @@
},
"Quiz/MusicListPanel/ScrollContainer": {
"rect": [
64.0,
384.0,
1088.0,
512.0
70.0,
390.0,
1076.0,
500.0
],
"visible": true
},
"Quiz/MusicListPanel/ScrollContainer/MusicList": {
"rect": [
64.0,
384.0,
1088.0,
512.0
70.0,
390.0,
1076.0,
500.0
],
"visible": true
},
"Quiz/MusicListPanel/ScrollContainer/MusicList/SongRow": {
"rect": [
64.0,
384.0,
1088.0,
28.0
70.0,
390.0,
1076.0,
36.0
],
"visible": true
},
"Quiz/MusicListPanel/ScrollContainer/MusicList/SongRow/HBoxContainer": {
"rect": [
64.0,
384.0,
1088.0,
78.0,
394.0,
1060.0,
28.0
],
"visible": true
},
"Quiz/MusicListPanel/ScrollContainer/MusicList/SongRow/HBoxContainer/Panel": {
"rect": [
1068.0,
384.0,
80.0,
0.0
],
"visible": true
},
"Quiz/MusicListPanel/ScrollContainer/MusicList/SongRow/HBoxContainer/SongListLabel": {
"rect": [
64.0,
384.0,
1000.0,
78.0,
394.0,
1060.0,
28.0
],
"visible": true
},
"Quiz/MusicListPanel/ScrollContainer/MusicList/SongRow/HBoxContainer/SongListPlayers": {
"rect": [
1152.0,
384.0,
78.0,
394.0,
0.0,
0.0
],
"visible": true
"visible": false
},
"Quiz/MusicPlayer": {
"rect": [
@@ -36583,127 +36529,118 @@
},
"Quiz/MusicListPanel/ScrollContainer": {
"rect": [
64.0,
384.0,
1088.0,
512.0
70.0,
390.0,
1076.0,
500.0
],
"visible": true
},
"Quiz/MusicListPanel/ScrollContainer/MusicList": {
"rect": [
64.0,
384.0,
1088.0,
512.0
70.0,
390.0,
1076.0,
500.0
],
"visible": true
},
"Quiz/MusicListPanel/ScrollContainer/MusicList/#1": {
"rect": [
64.0,
422.0,
1088.0,
28.0
70.0,
430.0,
1076.0,
36.0
],
"visible": true
},
"Quiz/MusicListPanel/ScrollContainer/MusicList/#1/HBoxContainer": {
"rect": [
64.0,
422.0,
1088.0,
78.0,
434.0,
1060.0,
28.0
],
"visible": true
},
"Quiz/MusicListPanel/ScrollContainer/MusicList/#1/HBoxContainer/Panel": {
"rect": [
1068.0,
422.0,
80.0,
0.0
],
"visible": true
},
"Quiz/MusicListPanel/ScrollContainer/MusicList/#1/HBoxContainer/SongListLabel": {
"rect": [
64.0,
422.0,
1000.0,
78.0,
434.0,
1060.0,
28.0
],
"visible": true
},
"Quiz/MusicListPanel/ScrollContainer/MusicList/#1/HBoxContainer/SongListPlayers": {
"rect": [
1152.0,
422.0,
78.0,
434.0,
0.0,
0.0
],
"visible": true
"visible": false
},
"Quiz/MusicListPanel/ScrollContainer/MusicList/SongRow": {
"rect": [
64.0,
384.0,
1088.0,
28.0
70.0,
390.0,
1076.0,
36.0
],
"visible": true
},
"Quiz/MusicListPanel/ScrollContainer/MusicList/SongRow/HBoxContainer": {
"rect": [
64.0,
384.0,
1088.0,
78.0,
394.0,
1060.0,
28.0
],
"visible": true
},
"Quiz/MusicListPanel/ScrollContainer/MusicList/SongRow/HBoxContainer/Panel": {
"rect": [
968.0,
384.0,
75.0,
0.0
],
"visible": true
},
"Quiz/MusicListPanel/ScrollContainer/MusicList/SongRow/HBoxContainer/SongListLabel": {
"rect": [
64.0,
384.0,
900.0,
78.0,
394.0,
932.0,
28.0
],
"visible": true
},
"Quiz/MusicListPanel/ScrollContainer/MusicList/SongRow/HBoxContainer/SongListPlayers": {
"rect": [
1047.0,
384.0,
105.0,
25.0
1022.0,
394.0,
116.0,
28.0
],
"visible": true
},
"Quiz/MusicListPanel/ScrollContainer/MusicList/SongRow/HBoxContainer/SongListPlayers/#0": {
"rect": [
1047.0,
384.0,
51.0,
25.0
1022.0,
394.0,
116.0,
28.0
],
"visible": true
},
"Quiz/MusicListPanel/ScrollContainer/MusicList/SongRow/HBoxContainer/SongListPlayers/#1": {
"Quiz/MusicListPanel/ScrollContainer/MusicList/SongRow/HBoxContainer/SongListPlayers/#0/#0": {
"rect": [
1102.0,
384.0,
50.0,
25.0
1022.0,
394.0,
56.0,
28.0
],
"visible": true
},
"Quiz/MusicListPanel/ScrollContainer/MusicList/SongRow/HBoxContainer/SongListPlayers/#0/#1": {
"rect": [
1082.0,
394.0,
56.0,
28.0
],
"visible": true
},
@@ -41251,66 +41188,57 @@
},
"Quiz/MusicListPanel/ScrollContainer": {
"rect": [
64.0,
384.0,
1088.0,
512.0
70.0,
390.0,
1076.0,
500.0
],
"visible": true
},
"Quiz/MusicListPanel/ScrollContainer/MusicList": {
"rect": [
64.0,
384.0,
1088.0,
512.0
70.0,
390.0,
1076.0,
500.0
],
"visible": true
},
"Quiz/MusicListPanel/ScrollContainer/MusicList/SongRow": {
"rect": [
64.0,
384.0,
1088.0,
28.0
70.0,
390.0,
1076.0,
36.0
],
"visible": true
},
"Quiz/MusicListPanel/ScrollContainer/MusicList/SongRow/HBoxContainer": {
"rect": [
64.0,
384.0,
1088.0,
78.0,
394.0,
1060.0,
28.0
],
"visible": true
},
"Quiz/MusicListPanel/ScrollContainer/MusicList/SongRow/HBoxContainer/Panel": {
"rect": [
1068.0,
384.0,
80.0,
0.0
],
"visible": true
},
"Quiz/MusicListPanel/ScrollContainer/MusicList/SongRow/HBoxContainer/SongListLabel": {
"rect": [
64.0,
384.0,
1000.0,
78.0,
394.0,
1060.0,
28.0
],
"visible": true
},
"Quiz/MusicListPanel/ScrollContainer/MusicList/SongRow/HBoxContainer/SongListPlayers": {
"rect": [
1152.0,
384.0,
78.0,
394.0,
0.0,
0.0
],
"visible": true
"visible": false
},
"Quiz/MusicPlayer": {
"rect": [