922a61736d
Makepad Code (editor layout, selection, sidebar, early yield), the EN/ZH Translator with voice, Weather with a generated offline forecast, Amp playing its offline library, and fixes across the other apps and examples. Co-Authored-By: Claude Opus 5.5 (1M context) <noreply@anthropic.com>
118 lines
4.5 KiB
Text
118 lines
4.5 KiB
Text
// title: Library
|
|
// class: large
|
|
// order: 11
|
|
// min: 820x560
|
|
// pref: 1360x900
|
|
//
|
|
// Library first, for browsing. The screen, what plays, the seek strip and
|
|
// the transport ride in one short strip across the top; under it the
|
|
// playlists and the open list take the whole height, with the display and
|
|
// volume wings racked side by side on the right over Up Next. Every
|
|
// boundary is a splitter.
|
|
use mod.prelude.widgets_internal.*
|
|
use mod.widgets.*
|
|
|
|
mod.widgets.HwLayout = View{
|
|
width: Fill
|
|
height: Fill
|
|
flow: Down
|
|
// The strip over the lists (fullscreen folds the lists away, and the
|
|
// screen takes the whole front).
|
|
device_split := mod.widgets.HwDeckSplitter{
|
|
width: Fill
|
|
height: Fill
|
|
axis: SplitterAxis.Vertical
|
|
align: SplitterAlign.FromA(150.0)
|
|
min_horizontal: 132.0
|
|
max_horizontal: 440.0
|
|
a: View{
|
|
width: Fill
|
|
height: Fill
|
|
// The screen block and the playing controls.
|
|
lib_strip := mod.widgets.HwSplitter{
|
|
width: Fill
|
|
height: Fill
|
|
axis: SplitterAxis.Horizontal
|
|
align: SplitterAlign.FromA(300.0)
|
|
min_vertical: 200.0
|
|
max_vertical: 520.0
|
|
a: mod.widgets.HwSlot{component: "screen" width: Fill height: Fill}
|
|
b: View{
|
|
width: Fill
|
|
height: Fill
|
|
flow: Down
|
|
spacing: 8
|
|
// What plays beside the transport keys.
|
|
View{
|
|
width: Fill
|
|
height: Fill
|
|
flow: Right
|
|
spacing: 14
|
|
mod.widgets.HwSlot{component: "now" width: Fill height: Fill}
|
|
mod.widgets.HwSlot{component: "transport" width: 486 height: Fill}
|
|
}
|
|
// The seek strip the whole width, and the Up Next key.
|
|
View{
|
|
width: Fill
|
|
height: 44
|
|
flow: Right
|
|
spacing: 8
|
|
mod.widgets.HwSlot{component: "progress" width: Fill height: Fill}
|
|
mod.widgets.HwSlot{component: "queue" width: 54 height: Fill}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
b: View{
|
|
width: Fill
|
|
height: Fill
|
|
// The lists and the control rack.
|
|
lib_body := mod.widgets.HwSplitter{
|
|
width: Fill
|
|
height: Fill
|
|
axis: SplitterAxis.Horizontal
|
|
align: SplitterAlign.FromB(432.0)
|
|
min_vertical: 460.0
|
|
max_vertical: 432.0
|
|
a: View{
|
|
width: Fill
|
|
height: Fill
|
|
// The playlists beside the open list.
|
|
lib_lists := mod.widgets.HwSplitter{
|
|
width: Fill
|
|
height: Fill
|
|
axis: SplitterAxis.Horizontal
|
|
align: SplitterAlign.FromA(220.0)
|
|
min_vertical: 180.0
|
|
max_vertical: 280.0
|
|
a: mod.widgets.HwSlot{component: "library" width: Fill height: Fill}
|
|
b: mod.widgets.HwSlot{component: "tracks" width: Fill height: Fill}
|
|
}
|
|
}
|
|
b: View{
|
|
width: Fill
|
|
height: Fill
|
|
// The wings over Up Next (its key folds Up Next away).
|
|
split := mod.widgets.HwDeckSplitter{
|
|
width: Fill
|
|
height: Fill
|
|
axis: SplitterAxis.Vertical
|
|
align: SplitterAlign.FromB(240.0)
|
|
min_horizontal: 322.0
|
|
max_horizontal: 110.0
|
|
a: View{
|
|
width: Fill
|
|
height: Fill
|
|
flow: Right
|
|
spacing: 12
|
|
mod.widgets.HwSlot{component: "display" width: 236 height: Fill}
|
|
mod.widgets.HwSlot{component: "volume" width: Fill height: Fill}
|
|
}
|
|
b: mod.widgets.HwSlot{component: "upnext" width: Fill height: Fill}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
true
|