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>
73 lines
2.8 KiB
Text
73 lines
2.8 KiB
Text
// title: Theatre
|
|
// class: large
|
|
// order: 30
|
|
// min: 820x560
|
|
// pref: 1360x900
|
|
//
|
|
// A cinema: the picture is the hero and nothing is drawn over it. Under it
|
|
// one slim deck: the position line across the width, then what plays, the
|
|
// keys, the volume with its level, the picture's mode and name, and the
|
|
// keys for the presets and the equalizer. The playlists, the list
|
|
// (the tracks, the equalizer) and Up Next open as a drawer beside
|
|
// the picture (the queue key, or drag its rail): the picture narrows to
|
|
// make room, never covered.
|
|
use mod.prelude.widgets_internal.*
|
|
use mod.widgets.*
|
|
|
|
mod.widgets.HwLayout = View{
|
|
width: Fill
|
|
height: Fill
|
|
flow: Down
|
|
spacing: 10
|
|
split := mod.widgets.HwSplitter{
|
|
width: Fill
|
|
height: Fill
|
|
axis: SplitterAxis.Horizontal
|
|
align: SplitterAlign.FromB(400.0)
|
|
min_vertical: 420.0
|
|
max_vertical: 320.0
|
|
a: mod.widgets.HwSlot{component: "screen" width: Fill height: Fill}
|
|
b: View{
|
|
width: Fill
|
|
height: Fill
|
|
side_split := mod.widgets.HwDeckSplitter{
|
|
width: Fill
|
|
height: Fill
|
|
axis: SplitterAxis.Vertical
|
|
align: SplitterAlign.FromA(200.0)
|
|
min_horizontal: 120.0
|
|
max_horizontal: 260.0
|
|
a: mod.widgets.HwSlot{component: "library" width: Fill height: Fill}
|
|
b: View{
|
|
width: Fill
|
|
height: Fill
|
|
queue_split := mod.widgets.HwDeckSplitter{
|
|
width: Fill
|
|
height: Fill
|
|
axis: SplitterAxis.Vertical
|
|
align: SplitterAlign.FromB(170.0)
|
|
min_horizontal: 200.0
|
|
max_horizontal: 90.0
|
|
a: mod.widgets.HwSlot{component: "tracks" width: Fill height: Fill}
|
|
b: mod.widgets.HwSlot{component: "upnext" width: Fill height: Fill}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
// The deck.
|
|
mod.widgets.HwSlot{component: "progress" width: Fill height: 34}
|
|
View{
|
|
width: Fill
|
|
height: 66
|
|
flow: Right
|
|
spacing: 10
|
|
align: Align{y: 0.5}
|
|
mod.widgets.HwSlot{component: "now" width: Fill{weight: 0.0 basis: 200.0 shrink: 1.0 min: 120.0} height: Fill}
|
|
mod.widgets.HwSlot{component: "transport" width: Fill{weight: 0.0 basis: 262.0 shrink: 1.0 min: 190.0} height: Fill}
|
|
mod.widgets.HwSlot{component: "volume" width: Fill{weight: 0.0 basis: 130.0 shrink: 1.0 min: 90.0} height: Fill}
|
|
mod.widgets.HwSlot{component: "deck" width: Fill{weight: 100.0 basis: 300.0 shrink: 1.0 min: 280.0} height: Fill}
|
|
mod.widgets.HwSlot{component: "queue" width: 56 height: Fill}
|
|
}
|
|
}
|
|
true
|