Some basic UI controls.
This commit is contained in:
parent
a761b21775
commit
8157d8b3d8
133
ui/checkbox.go
Normal file
133
ui/checkbox.go
Normal file
@ -0,0 +1,133 @@
|
|||||||
|
package ui
|
||||||
|
|
||||||
|
import (
|
||||||
|
"fmt"
|
||||||
|
"image"
|
||||||
|
"image/color"
|
||||||
|
|
||||||
|
"github.com/llgcode/draw2d/draw2dimg"
|
||||||
|
"github.com/llgcode/draw2d/draw2dkit"
|
||||||
|
"opslag.de/schobers/galleg/allegro5"
|
||||||
|
"opslag.de/schobers/geom"
|
||||||
|
)
|
||||||
|
|
||||||
|
type CheckboxValueChangedFn func(bool)
|
||||||
|
|
||||||
|
func createOnBitmap(fill, stroke color.Color) *allegro5.Bitmap {
|
||||||
|
var sz = float64(checkboxSize)
|
||||||
|
on := image.NewRGBA(image.Rect(0, 0, checkboxSize, checkboxSize))
|
||||||
|
|
||||||
|
gc := draw2dimg.NewGraphicContext(on)
|
||||||
|
gc.SetFillColor(color.Transparent)
|
||||||
|
gc.Clear()
|
||||||
|
gc.SetFillColor(fill)
|
||||||
|
draw2dkit.RoundedRectangle(gc, 0, 0, sz, sz, 3, 3)
|
||||||
|
gc.Fill()
|
||||||
|
|
||||||
|
gc.SetStrokeColor(stroke)
|
||||||
|
gc.SetLineWidth(2)
|
||||||
|
gc.MoveTo(2.5, 5.5)
|
||||||
|
gc.LineTo(5.5, 8.5)
|
||||||
|
gc.LineTo(10, 3.5)
|
||||||
|
gc.Stroke()
|
||||||
|
|
||||||
|
bmp, err := allegro5.NewBitmapFromImage(on, false)
|
||||||
|
if nil != err {
|
||||||
|
return nil
|
||||||
|
}
|
||||||
|
return bmp
|
||||||
|
}
|
||||||
|
|
||||||
|
func createOffBitmap(fill, stroke color.Color) *allegro5.Bitmap {
|
||||||
|
var sz = float64(checkboxSize)
|
||||||
|
off := image.NewRGBA(image.Rect(0, 0, checkboxSize, checkboxSize))
|
||||||
|
|
||||||
|
gc := draw2dimg.NewGraphicContext(off)
|
||||||
|
gc.SetFillColor(color.Transparent)
|
||||||
|
gc.Clear()
|
||||||
|
gc.SetFillColor(stroke)
|
||||||
|
draw2dkit.RoundedRectangle(gc, 0, 0, sz, sz, 4, 4)
|
||||||
|
gc.Fill()
|
||||||
|
gc.SetFillColor(fill)
|
||||||
|
draw2dkit.RoundedRectangle(gc, 1, 1, sz-1, sz-1, 3, 3)
|
||||||
|
gc.Fill()
|
||||||
|
|
||||||
|
bmp, err := allegro5.NewBitmapFromImage(off, false)
|
||||||
|
if nil != err {
|
||||||
|
return nil
|
||||||
|
}
|
||||||
|
return bmp
|
||||||
|
}
|
||||||
|
|
||||||
|
type Checkbox struct {
|
||||||
|
ControlBase
|
||||||
|
Value bool
|
||||||
|
Text string
|
||||||
|
OnChanged CheckboxValueChangedFn
|
||||||
|
on *allegro5.Bitmap
|
||||||
|
off *allegro5.Bitmap
|
||||||
|
}
|
||||||
|
|
||||||
|
func (c *Checkbox) Created(ctx Context, p Container) error {
|
||||||
|
var err = c.ControlBase.Created(ctx, p)
|
||||||
|
if nil != err {
|
||||||
|
return err
|
||||||
|
}
|
||||||
|
var plt = ctx.Palette()
|
||||||
|
c.on = createOnBitmap(plt.Primary(), plt.White())
|
||||||
|
c.off = createOffBitmap(plt.White(), plt.Black())
|
||||||
|
if nil == c.on || nil == c.off {
|
||||||
|
return fmt.Errorf("error creating checkboxes")
|
||||||
|
}
|
||||||
|
return nil
|
||||||
|
}
|
||||||
|
|
||||||
|
func (c *Checkbox) Handle(ctx Context, ev allegro5.Event) {
|
||||||
|
var pressed = c.IsPressed
|
||||||
|
c.ControlBase.Handle(ctx, ev)
|
||||||
|
switch ev.(type) {
|
||||||
|
case *allegro5.MouseButtonUpEvent:
|
||||||
|
if !c.Disabled && pressed && c.IsOver {
|
||||||
|
c.Value = !c.Value
|
||||||
|
var onChanged = c.OnChanged
|
||||||
|
if nil != onChanged {
|
||||||
|
onChanged(c.Value)
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
func (c *Checkbox) DesiredSize(ctx Context) geom.PointF {
|
||||||
|
var fonts = ctx.Fonts()
|
||||||
|
var fnt = fonts.Get("default")
|
||||||
|
var w = fnt.TextWidth(c.Text)
|
||||||
|
return geom.PtF(float64(w+2*leftMargin+checkboxSize), 24)
|
||||||
|
}
|
||||||
|
|
||||||
|
func (c *Checkbox) box() *allegro5.Bitmap {
|
||||||
|
if c.Value {
|
||||||
|
return c.on
|
||||||
|
}
|
||||||
|
return c.off
|
||||||
|
}
|
||||||
|
|
||||||
|
func (c *Checkbox) Render(ctx Context) {
|
||||||
|
var fonts = ctx.Fonts()
|
||||||
|
|
||||||
|
var min = c.Bounds.Min.To32()
|
||||||
|
min = geom.PointF32{X: min.X + leftMargin, Y: min.Y + topMargin}
|
||||||
|
|
||||||
|
var fnt = fonts.Get("default")
|
||||||
|
|
||||||
|
var _, textY, _, textH = fnt.TextDims(c.Text)
|
||||||
|
fnt.Draw(min.X+leftMargin+checkboxSize, min.Y-textY, ctx.Palette().Black(), allegro5.AlignLeft, c.Text)
|
||||||
|
var checkboxTop = min.Y + textH - checkboxSize
|
||||||
|
if c.Disabled {
|
||||||
|
var disabled = ctx.Palette().Disabled()
|
||||||
|
c.box().DrawOptions(min.X, checkboxTop, allegro5.DrawOptions{Tint: &disabled})
|
||||||
|
} else {
|
||||||
|
c.box().Draw(min.X, checkboxTop)
|
||||||
|
}
|
||||||
|
|
||||||
|
c.ControlBase.Render(ctx)
|
||||||
|
}
|
||||||
283
ui/colors.go
Normal file
283
ui/colors.go
Normal file
@ -0,0 +1,283 @@
|
|||||||
|
package ui
|
||||||
|
|
||||||
|
import "image/color"
|
||||||
|
|
||||||
|
var (
|
||||||
|
Red50 = &color.RGBA{R: 0xff, G: 0xeb, B: 0xee, A: 0xff}
|
||||||
|
Red100 = &color.RGBA{R: 0xff, G: 0xcd, B: 0xd2, A: 0xff}
|
||||||
|
Red200 = &color.RGBA{R: 0xef, G: 0x9a, B: 0x9a, A: 0xff}
|
||||||
|
Red300 = &color.RGBA{R: 0xe5, G: 0x73, B: 0x73, A: 0xff}
|
||||||
|
Red400 = &color.RGBA{R: 0xef, G: 0x53, B: 0x50, A: 0xff}
|
||||||
|
Red500 = &color.RGBA{R: 0xf4, G: 0x43, B: 0x36, A: 0xff}
|
||||||
|
Red600 = &color.RGBA{R: 0xe5, G: 0x39, B: 0x35, A: 0xff}
|
||||||
|
Red700 = &color.RGBA{R: 0xd3, G: 0x2f, B: 0x2f, A: 0xff}
|
||||||
|
Red800 = &color.RGBA{R: 0xc6, G: 0x28, B: 0x28, A: 0xff}
|
||||||
|
Red900 = &color.RGBA{R: 0xb7, G: 0x1c, B: 0x1c, A: 0xff}
|
||||||
|
RedA100 = &color.RGBA{R: 0xff, G: 0x8a, B: 0x80, A: 0xff}
|
||||||
|
RedA200 = &color.RGBA{R: 0xff, G: 0x52, B: 0x52, A: 0xff}
|
||||||
|
RedA400 = &color.RGBA{R: 0xff, G: 0x17, B: 0x44, A: 0xff}
|
||||||
|
RedA700 = &color.RGBA{R: 0xd5, G: 0x00, B: 0x00, A: 0xff}
|
||||||
|
|
||||||
|
Pink50 = &color.RGBA{R: 0xfc, G: 0xe4, B: 0xec, A: 0xff}
|
||||||
|
Pink100 = &color.RGBA{R: 0xf8, G: 0xbb, B: 0xd0, A: 0xff}
|
||||||
|
Pink200 = &color.RGBA{R: 0xf4, G: 0x8f, B: 0xb1, A: 0xff}
|
||||||
|
Pink300 = &color.RGBA{R: 0xf0, G: 0x62, B: 0x92, A: 0xff}
|
||||||
|
Pink400 = &color.RGBA{R: 0xec, G: 0x40, B: 0x7a, A: 0xff}
|
||||||
|
Pink500 = &color.RGBA{R: 0xe9, G: 0x1e, B: 0x63, A: 0xff}
|
||||||
|
Pink600 = &color.RGBA{R: 0xd8, G: 0x1b, B: 0x60, A: 0xff}
|
||||||
|
Pink700 = &color.RGBA{R: 0xc2, G: 0x18, B: 0x5b, A: 0xff}
|
||||||
|
Pink800 = &color.RGBA{R: 0xad, G: 0x14, B: 0x57, A: 0xff}
|
||||||
|
Pink900 = &color.RGBA{R: 0x88, G: 0x0e, B: 0x4f, A: 0xff}
|
||||||
|
PinkA100 = &color.RGBA{R: 0xff, G: 0x80, B: 0xab, A: 0xff}
|
||||||
|
PinkA200 = &color.RGBA{R: 0xff, G: 0x40, B: 0x81, A: 0xff}
|
||||||
|
PinkA400 = &color.RGBA{R: 0xf5, G: 0x00, B: 0x57, A: 0xff}
|
||||||
|
PinkA700 = &color.RGBA{R: 0xc5, G: 0x11, B: 0x62, A: 0xff}
|
||||||
|
|
||||||
|
Purple50 = &color.RGBA{R: 0xf3, G: 0xe5, B: 0xf5, A: 0xff}
|
||||||
|
Purple100 = &color.RGBA{R: 0xe1, G: 0xbe, B: 0xe7, A: 0xff}
|
||||||
|
Purple200 = &color.RGBA{R: 0xce, G: 0x93, B: 0xd8, A: 0xff}
|
||||||
|
Purple300 = &color.RGBA{R: 0xba, G: 0x68, B: 0xc8, A: 0xff}
|
||||||
|
Purple400 = &color.RGBA{R: 0xab, G: 0x47, B: 0xbc, A: 0xff}
|
||||||
|
Purple500 = &color.RGBA{R: 0x9c, G: 0x27, B: 0xb0, A: 0xff}
|
||||||
|
Purple600 = &color.RGBA{R: 0x8e, G: 0x24, B: 0xaa, A: 0xff}
|
||||||
|
Purple700 = &color.RGBA{R: 0x7b, G: 0x1f, B: 0xa2, A: 0xff}
|
||||||
|
Purple800 = &color.RGBA{R: 0x6a, G: 0x1b, B: 0x9a, A: 0xff}
|
||||||
|
Purple900 = &color.RGBA{R: 0x4a, G: 0x14, B: 0x8c, A: 0xff}
|
||||||
|
PurpleA100 = &color.RGBA{R: 0xea, G: 0x80, B: 0xfc, A: 0xff}
|
||||||
|
PurpleA200 = &color.RGBA{R: 0xe0, G: 0x40, B: 0xfb, A: 0xff}
|
||||||
|
PurpleA400 = &color.RGBA{R: 0xd5, G: 0x00, B: 0xf9, A: 0xff}
|
||||||
|
PurpleA700 = &color.RGBA{R: 0xaa, G: 0x00, B: 0xff, A: 0xff}
|
||||||
|
|
||||||
|
DeepPurple50 = &color.RGBA{R: 0xed, G: 0xe7, B: 0xf6, A: 0xff}
|
||||||
|
DeepPurple100 = &color.RGBA{R: 0xd1, G: 0xc4, B: 0xe9, A: 0xff}
|
||||||
|
DeepPurple200 = &color.RGBA{R: 0xb3, G: 0x9d, B: 0xdb, A: 0xff}
|
||||||
|
DeepPurple300 = &color.RGBA{R: 0x95, G: 0x75, B: 0xcd, A: 0xff}
|
||||||
|
DeepPurple400 = &color.RGBA{R: 0x7e, G: 0x57, B: 0xc2, A: 0xff}
|
||||||
|
DeepPurple500 = &color.RGBA{R: 0x67, G: 0x3a, B: 0xb7, A: 0xff}
|
||||||
|
DeepPurple600 = &color.RGBA{R: 0x5e, G: 0x35, B: 0xb1, A: 0xff}
|
||||||
|
DeepPurple700 = &color.RGBA{R: 0x51, G: 0x2d, B: 0xa8, A: 0xff}
|
||||||
|
DeepPurple800 = &color.RGBA{R: 0x45, G: 0x27, B: 0xa0, A: 0xff}
|
||||||
|
DeepPurple900 = &color.RGBA{R: 0x31, G: 0x1b, B: 0x92, A: 0xff}
|
||||||
|
DeepPurpleA100 = &color.RGBA{R: 0xb3, G: 0x88, B: 0xff, A: 0xff}
|
||||||
|
DeepPurpleA200 = &color.RGBA{R: 0x7c, G: 0x4d, B: 0xff, A: 0xff}
|
||||||
|
DeepPurpleA400 = &color.RGBA{R: 0x65, G: 0x1f, B: 0xff, A: 0xff}
|
||||||
|
DeepPurpleA700 = &color.RGBA{R: 0x62, G: 0x00, B: 0xea, A: 0xff}
|
||||||
|
|
||||||
|
Indigo50 = &color.RGBA{R: 0xe8, G: 0xea, B: 0xf6, A: 0xff}
|
||||||
|
Indigo100 = &color.RGBA{R: 0xc5, G: 0xca, B: 0xe9, A: 0xff}
|
||||||
|
Indigo200 = &color.RGBA{R: 0x9f, G: 0xa8, B: 0xda, A: 0xff}
|
||||||
|
Indigo300 = &color.RGBA{R: 0x79, G: 0x86, B: 0xcb, A: 0xff}
|
||||||
|
Indigo400 = &color.RGBA{R: 0x5c, G: 0x6b, B: 0xc0, A: 0xff}
|
||||||
|
Indigo500 = &color.RGBA{R: 0x3f, G: 0x51, B: 0xb5, A: 0xff}
|
||||||
|
Indigo600 = &color.RGBA{R: 0x39, G: 0x49, B: 0xab, A: 0xff}
|
||||||
|
Indigo700 = &color.RGBA{R: 0x30, G: 0x3f, B: 0x9f, A: 0xff}
|
||||||
|
Indigo800 = &color.RGBA{R: 0x28, G: 0x35, B: 0x93, A: 0xff}
|
||||||
|
Indigo900 = &color.RGBA{R: 0x1a, G: 0x23, B: 0x7e, A: 0xff}
|
||||||
|
IndigoA100 = &color.RGBA{R: 0x8c, G: 0x9e, B: 0xff, A: 0xff}
|
||||||
|
IndigoA200 = &color.RGBA{R: 0x53, G: 0x6d, B: 0xfe, A: 0xff}
|
||||||
|
IndigoA400 = &color.RGBA{R: 0x3d, G: 0x5a, B: 0xfe, A: 0xff}
|
||||||
|
IndigoA700 = &color.RGBA{R: 0x30, G: 0x4f, B: 0xfe, A: 0xff}
|
||||||
|
|
||||||
|
Blue50 = &color.RGBA{R: 0xe3, G: 0xf2, B: 0xfd, A: 0xff}
|
||||||
|
Blue100 = &color.RGBA{R: 0xbb, G: 0xde, B: 0xfb, A: 0xff}
|
||||||
|
Blue200 = &color.RGBA{R: 0x90, G: 0xca, B: 0xf9, A: 0xff}
|
||||||
|
Blue300 = &color.RGBA{R: 0x64, G: 0xb5, B: 0xf6, A: 0xff}
|
||||||
|
Blue400 = &color.RGBA{R: 0x42, G: 0xa5, B: 0xf5, A: 0xff}
|
||||||
|
Blue500 = &color.RGBA{R: 0x21, G: 0x96, B: 0xf3, A: 0xff}
|
||||||
|
Blue600 = &color.RGBA{R: 0x1e, G: 0x88, B: 0xe5, A: 0xff}
|
||||||
|
Blue700 = &color.RGBA{R: 0x19, G: 0x76, B: 0xd2, A: 0xff}
|
||||||
|
Blue800 = &color.RGBA{R: 0x15, G: 0x65, B: 0xc0, A: 0xff}
|
||||||
|
Blue900 = &color.RGBA{R: 0x0d, G: 0x47, B: 0xa1, A: 0xff}
|
||||||
|
BlueA100 = &color.RGBA{R: 0x82, G: 0xb1, B: 0xff, A: 0xff}
|
||||||
|
BlueA200 = &color.RGBA{R: 0x44, G: 0x8a, B: 0xff, A: 0xff}
|
||||||
|
BlueA400 = &color.RGBA{R: 0x29, G: 0x79, B: 0xff, A: 0xff}
|
||||||
|
BlueA700 = &color.RGBA{R: 0x29, G: 0x62, B: 0xff, A: 0xff}
|
||||||
|
|
||||||
|
LightBlue50 = &color.RGBA{R: 0xe1, G: 0xf5, B: 0xfe, A: 0xff}
|
||||||
|
LightBlue100 = &color.RGBA{R: 0xb3, G: 0xe5, B: 0xfc, A: 0xff}
|
||||||
|
LightBlue200 = &color.RGBA{R: 0x81, G: 0xd4, B: 0xfa, A: 0xff}
|
||||||
|
LightBlue300 = &color.RGBA{R: 0x4f, G: 0xc3, B: 0xf7, A: 0xff}
|
||||||
|
LightBlue400 = &color.RGBA{R: 0x29, G: 0xb6, B: 0xf6, A: 0xff}
|
||||||
|
LightBlue500 = &color.RGBA{R: 0x03, G: 0xa9, B: 0xf4, A: 0xff}
|
||||||
|
LightBlue600 = &color.RGBA{R: 0x03, G: 0x9b, B: 0xe5, A: 0xff}
|
||||||
|
LightBlue700 = &color.RGBA{R: 0x02, G: 0x88, B: 0xd1, A: 0xff}
|
||||||
|
LightBlue800 = &color.RGBA{R: 0x02, G: 0x77, B: 0xbd, A: 0xff}
|
||||||
|
LightBlue900 = &color.RGBA{R: 0x01, G: 0x57, B: 0x9b, A: 0xff}
|
||||||
|
LightBlueA100 = &color.RGBA{R: 0x80, G: 0xd8, B: 0xff, A: 0xff}
|
||||||
|
LightBlueA200 = &color.RGBA{R: 0x40, G: 0xc4, B: 0xff, A: 0xff}
|
||||||
|
LightBlueA400 = &color.RGBA{R: 0x00, G: 0xb0, B: 0xff, A: 0xff}
|
||||||
|
LightBlueA700 = &color.RGBA{R: 0x00, G: 0x91, B: 0xea, A: 0xff}
|
||||||
|
|
||||||
|
Cyan50 = &color.RGBA{R: 0xe0, G: 0xf7, B: 0xfa, A: 0xff}
|
||||||
|
Cyan100 = &color.RGBA{R: 0xb2, G: 0xeb, B: 0xf2, A: 0xff}
|
||||||
|
Cyan200 = &color.RGBA{R: 0x80, G: 0xde, B: 0xea, A: 0xff}
|
||||||
|
Cyan300 = &color.RGBA{R: 0x4d, G: 0xd0, B: 0xe1, A: 0xff}
|
||||||
|
Cyan400 = &color.RGBA{R: 0x26, G: 0xc6, B: 0xda, A: 0xff}
|
||||||
|
Cyan500 = &color.RGBA{R: 0x00, G: 0xbc, B: 0xd4, A: 0xff}
|
||||||
|
Cyan600 = &color.RGBA{R: 0x00, G: 0xac, B: 0xc1, A: 0xff}
|
||||||
|
Cyan700 = &color.RGBA{R: 0x00, G: 0x97, B: 0xa7, A: 0xff}
|
||||||
|
Cyan800 = &color.RGBA{R: 0x00, G: 0x83, B: 0x8f, A: 0xff}
|
||||||
|
Cyan900 = &color.RGBA{R: 0x00, G: 0x60, B: 0x64, A: 0xff}
|
||||||
|
CyanA100 = &color.RGBA{R: 0x84, G: 0xff, B: 0xff, A: 0xff}
|
||||||
|
CyanA200 = &color.RGBA{R: 0x18, G: 0xff, B: 0xff, A: 0xff}
|
||||||
|
CyanA400 = &color.RGBA{R: 0x00, G: 0xe5, B: 0xff, A: 0xff}
|
||||||
|
CyanA700 = &color.RGBA{R: 0x00, G: 0xb8, B: 0xd4, A: 0xff}
|
||||||
|
|
||||||
|
Teal50 = &color.RGBA{R: 0xe0, G: 0xf2, B: 0xf1, A: 0xff}
|
||||||
|
Teal100 = &color.RGBA{R: 0xb2, G: 0xdf, B: 0xdb, A: 0xff}
|
||||||
|
Teal200 = &color.RGBA{R: 0x80, G: 0xcb, B: 0xc4, A: 0xff}
|
||||||
|
Teal300 = &color.RGBA{R: 0x4d, G: 0xb6, B: 0xac, A: 0xff}
|
||||||
|
Teal400 = &color.RGBA{R: 0x26, G: 0xa6, B: 0x9a, A: 0xff}
|
||||||
|
Teal500 = &color.RGBA{R: 0x00, G: 0x96, B: 0x88, A: 0xff}
|
||||||
|
Teal600 = &color.RGBA{R: 0x00, G: 0x89, B: 0x7b, A: 0xff}
|
||||||
|
Teal700 = &color.RGBA{R: 0x00, G: 0x79, B: 0x6b, A: 0xff}
|
||||||
|
Teal800 = &color.RGBA{R: 0x00, G: 0x69, B: 0x5c, A: 0xff}
|
||||||
|
Teal900 = &color.RGBA{R: 0x00, G: 0x4d, B: 0x40, A: 0xff}
|
||||||
|
TealA100 = &color.RGBA{R: 0xa7, G: 0xff, B: 0xeb, A: 0xff}
|
||||||
|
TealA200 = &color.RGBA{R: 0x64, G: 0xff, B: 0xda, A: 0xff}
|
||||||
|
TealA400 = &color.RGBA{R: 0x1d, G: 0xe9, B: 0xb6, A: 0xff}
|
||||||
|
TealA700 = &color.RGBA{R: 0x00, G: 0xbf, B: 0xa5, A: 0xff}
|
||||||
|
|
||||||
|
Green50 = &color.RGBA{R: 0xe8, G: 0xf5, B: 0xe9, A: 0xff}
|
||||||
|
Green100 = &color.RGBA{R: 0xc8, G: 0xe6, B: 0xc9, A: 0xff}
|
||||||
|
Green200 = &color.RGBA{R: 0xa5, G: 0xd6, B: 0xa7, A: 0xff}
|
||||||
|
Green300 = &color.RGBA{R: 0x81, G: 0xc7, B: 0x84, A: 0xff}
|
||||||
|
Green400 = &color.RGBA{R: 0x66, G: 0xbb, B: 0x6a, A: 0xff}
|
||||||
|
Green500 = &color.RGBA{R: 0x4c, G: 0xaf, B: 0x50, A: 0xff}
|
||||||
|
Green600 = &color.RGBA{R: 0x43, G: 0xa0, B: 0x47, A: 0xff}
|
||||||
|
Green700 = &color.RGBA{R: 0x38, G: 0x8e, B: 0x3c, A: 0xff}
|
||||||
|
Green800 = &color.RGBA{R: 0x2e, G: 0x7d, B: 0x32, A: 0xff}
|
||||||
|
Green900 = &color.RGBA{R: 0x1b, G: 0x5e, B: 0x20, A: 0xff}
|
||||||
|
GreenA100 = &color.RGBA{R: 0xb9, G: 0xf6, B: 0xca, A: 0xff}
|
||||||
|
GreenA200 = &color.RGBA{R: 0x69, G: 0xf0, B: 0xae, A: 0xff}
|
||||||
|
GreenA400 = &color.RGBA{R: 0x00, G: 0xe6, B: 0x76, A: 0xff}
|
||||||
|
GreenA700 = &color.RGBA{R: 0x00, G: 0xc8, B: 0x53, A: 0xff}
|
||||||
|
|
||||||
|
LightGreen50 = &color.RGBA{R: 0xf1, G: 0xf8, B: 0xe9, A: 0xff}
|
||||||
|
LightGreen100 = &color.RGBA{R: 0xdc, G: 0xed, B: 0xc8, A: 0xff}
|
||||||
|
LightGreen200 = &color.RGBA{R: 0xc5, G: 0xe1, B: 0xa5, A: 0xff}
|
||||||
|
LightGreen300 = &color.RGBA{R: 0xae, G: 0xd5, B: 0x81, A: 0xff}
|
||||||
|
LightGreen400 = &color.RGBA{R: 0x9c, G: 0xcc, B: 0x65, A: 0xff}
|
||||||
|
LightGreen500 = &color.RGBA{R: 0x8b, G: 0xc3, B: 0x4a, A: 0xff}
|
||||||
|
LightGreen600 = &color.RGBA{R: 0x7c, G: 0xb3, B: 0x42, A: 0xff}
|
||||||
|
LightGreen700 = &color.RGBA{R: 0x68, G: 0x9f, B: 0x38, A: 0xff}
|
||||||
|
LightGreen800 = &color.RGBA{R: 0x55, G: 0x8b, B: 0x2f, A: 0xff}
|
||||||
|
LightGreen900 = &color.RGBA{R: 0x33, G: 0x69, B: 0x1e, A: 0xff}
|
||||||
|
LightGreenA100 = &color.RGBA{R: 0xcc, G: 0xff, B: 0x90, A: 0xff}
|
||||||
|
LightGreenA200 = &color.RGBA{R: 0xb2, G: 0xff, B: 0x59, A: 0xff}
|
||||||
|
LightGreenA400 = &color.RGBA{R: 0x76, G: 0xff, B: 0x03, A: 0xff}
|
||||||
|
LightGreenA700 = &color.RGBA{R: 0x64, G: 0xdd, B: 0x17, A: 0xff}
|
||||||
|
|
||||||
|
Lime50 = &color.RGBA{R: 0xf9, G: 0xfb, B: 0xe7, A: 0xff}
|
||||||
|
Lime100 = &color.RGBA{R: 0xf0, G: 0xf4, B: 0xc3, A: 0xff}
|
||||||
|
Lime200 = &color.RGBA{R: 0xe6, G: 0xee, B: 0x9c, A: 0xff}
|
||||||
|
Lime300 = &color.RGBA{R: 0xdc, G: 0xe7, B: 0x75, A: 0xff}
|
||||||
|
Lime400 = &color.RGBA{R: 0xd4, G: 0xe1, B: 0x57, A: 0xff}
|
||||||
|
Lime500 = &color.RGBA{R: 0xcd, G: 0xdc, B: 0x39, A: 0xff}
|
||||||
|
Lime600 = &color.RGBA{R: 0xc0, G: 0xca, B: 0x33, A: 0xff}
|
||||||
|
Lime700 = &color.RGBA{R: 0xaf, G: 0xb4, B: 0x2b, A: 0xff}
|
||||||
|
Lime800 = &color.RGBA{R: 0x9e, G: 0x9d, B: 0x24, A: 0xff}
|
||||||
|
Lime900 = &color.RGBA{R: 0x82, G: 0x77, B: 0x17, A: 0xff}
|
||||||
|
LimeA100 = &color.RGBA{R: 0xf4, G: 0xff, B: 0x81, A: 0xff}
|
||||||
|
LimeA200 = &color.RGBA{R: 0xee, G: 0xff, B: 0x41, A: 0xff}
|
||||||
|
LimeA400 = &color.RGBA{R: 0xc6, G: 0xff, B: 0x00, A: 0xff}
|
||||||
|
LimeA700 = &color.RGBA{R: 0xae, G: 0xea, B: 0x00, A: 0xff}
|
||||||
|
|
||||||
|
Yellow50 = &color.RGBA{R: 0xff, G: 0xfd, B: 0xe7, A: 0xff}
|
||||||
|
Yellow100 = &color.RGBA{R: 0xff, G: 0xf9, B: 0xc4, A: 0xff}
|
||||||
|
Yellow200 = &color.RGBA{R: 0xff, G: 0xf5, B: 0x9d, A: 0xff}
|
||||||
|
Yellow300 = &color.RGBA{R: 0xff, G: 0xf1, B: 0x76, A: 0xff}
|
||||||
|
Yellow400 = &color.RGBA{R: 0xff, G: 0xee, B: 0x58, A: 0xff}
|
||||||
|
Yellow500 = &color.RGBA{R: 0xff, G: 0xeb, B: 0x3b, A: 0xff}
|
||||||
|
Yellow600 = &color.RGBA{R: 0xfd, G: 0xd8, B: 0x35, A: 0xff}
|
||||||
|
Yellow700 = &color.RGBA{R: 0xfb, G: 0xc0, B: 0x2d, A: 0xff}
|
||||||
|
Yellow800 = &color.RGBA{R: 0xf9, G: 0xa8, B: 0x25, A: 0xff}
|
||||||
|
Yellow900 = &color.RGBA{R: 0xf5, G: 0x7f, B: 0x17, A: 0xff}
|
||||||
|
YellowA100 = &color.RGBA{R: 0xff, G: 0xff, B: 0x8d, A: 0xff}
|
||||||
|
YellowA200 = &color.RGBA{R: 0xff, G: 0xff, B: 0x00, A: 0xff}
|
||||||
|
YellowA400 = &color.RGBA{R: 0xff, G: 0xea, B: 0x00, A: 0xff}
|
||||||
|
YellowA700 = &color.RGBA{R: 0xff, G: 0xd6, B: 0x00, A: 0xff}
|
||||||
|
|
||||||
|
Amber50 = &color.RGBA{R: 0xff, G: 0xf8, B: 0xe1, A: 0xff}
|
||||||
|
Amber100 = &color.RGBA{R: 0xff, G: 0xec, B: 0xb3, A: 0xff}
|
||||||
|
Amber200 = &color.RGBA{R: 0xff, G: 0xe0, B: 0x82, A: 0xff}
|
||||||
|
Amber300 = &color.RGBA{R: 0xff, G: 0xd5, B: 0x4f, A: 0xff}
|
||||||
|
Amber400 = &color.RGBA{R: 0xff, G: 0xca, B: 0x28, A: 0xff}
|
||||||
|
Amber500 = &color.RGBA{R: 0xff, G: 0xc1, B: 0x07, A: 0xff}
|
||||||
|
Amber600 = &color.RGBA{R: 0xff, G: 0xb3, B: 0x00, A: 0xff}
|
||||||
|
Amber700 = &color.RGBA{R: 0xff, G: 0xa0, B: 0x00, A: 0xff}
|
||||||
|
Amber800 = &color.RGBA{R: 0xff, G: 0x8f, B: 0x00, A: 0xff}
|
||||||
|
Amber900 = &color.RGBA{R: 0xff, G: 0x6f, B: 0x00, A: 0xff}
|
||||||
|
AmberA100 = &color.RGBA{R: 0xff, G: 0xe5, B: 0x7f, A: 0xff}
|
||||||
|
AmberA200 = &color.RGBA{R: 0xff, G: 0xd7, B: 0x40, A: 0xff}
|
||||||
|
AmberA400 = &color.RGBA{R: 0xff, G: 0xc4, B: 0x00, A: 0xff}
|
||||||
|
AmberA700 = &color.RGBA{R: 0xff, G: 0xab, B: 0x00, A: 0xff}
|
||||||
|
|
||||||
|
Orange50 = &color.RGBA{R: 0xff, G: 0xf3, B: 0xe0, A: 0xff}
|
||||||
|
Orange100 = &color.RGBA{R: 0xff, G: 0xe0, B: 0xb2, A: 0xff}
|
||||||
|
Orange200 = &color.RGBA{R: 0xff, G: 0xcc, B: 0x80, A: 0xff}
|
||||||
|
Orange300 = &color.RGBA{R: 0xff, G: 0xb7, B: 0x4d, A: 0xff}
|
||||||
|
Orange400 = &color.RGBA{R: 0xff, G: 0xa7, B: 0x26, A: 0xff}
|
||||||
|
Orange500 = &color.RGBA{R: 0xff, G: 0x98, B: 0x00, A: 0xff}
|
||||||
|
Orange600 = &color.RGBA{R: 0xfb, G: 0x8c, B: 0x00, A: 0xff}
|
||||||
|
Orange700 = &color.RGBA{R: 0xf5, G: 0x7c, B: 0x00, A: 0xff}
|
||||||
|
Orange800 = &color.RGBA{R: 0xef, G: 0x6c, B: 0x00, A: 0xff}
|
||||||
|
Orange900 = &color.RGBA{R: 0xe6, G: 0x51, B: 0x00, A: 0xff}
|
||||||
|
OrangeA100 = &color.RGBA{R: 0xff, G: 0xd1, B: 0x80, A: 0xff}
|
||||||
|
OrangeA200 = &color.RGBA{R: 0xff, G: 0xab, B: 0x40, A: 0xff}
|
||||||
|
OrangeA400 = &color.RGBA{R: 0xff, G: 0x91, B: 0x00, A: 0xff}
|
||||||
|
OrangeA700 = &color.RGBA{R: 0xff, G: 0x6d, B: 0x00, A: 0xff}
|
||||||
|
|
||||||
|
DeepOrange50 = &color.RGBA{R: 0xfb, G: 0xe9, B: 0xe7, A: 0xff}
|
||||||
|
DeepOrange100 = &color.RGBA{R: 0xff, G: 0xcc, B: 0xbc, A: 0xff}
|
||||||
|
DeepOrange200 = &color.RGBA{R: 0xff, G: 0xab, B: 0x91, A: 0xff}
|
||||||
|
DeepOrange300 = &color.RGBA{R: 0xff, G: 0x8a, B: 0x65, A: 0xff}
|
||||||
|
DeepOrange400 = &color.RGBA{R: 0xff, G: 0x70, B: 0x43, A: 0xff}
|
||||||
|
DeepOrange500 = &color.RGBA{R: 0xff, G: 0x57, B: 0x22, A: 0xff}
|
||||||
|
DeepOrange600 = &color.RGBA{R: 0xf4, G: 0x51, B: 0x1e, A: 0xff}
|
||||||
|
DeepOrange700 = &color.RGBA{R: 0xe6, G: 0x4a, B: 0x19, A: 0xff}
|
||||||
|
DeepOrange800 = &color.RGBA{R: 0xd8, G: 0x43, B: 0x15, A: 0xff}
|
||||||
|
DeepOrange900 = &color.RGBA{R: 0xbf, G: 0x36, B: 0x0c, A: 0xff}
|
||||||
|
DeepOrangeA100 = &color.RGBA{R: 0xff, G: 0x9e, B: 0x80, A: 0xff}
|
||||||
|
DeepOrangeA200 = &color.RGBA{R: 0xff, G: 0x6e, B: 0x40, A: 0xff}
|
||||||
|
DeepOrangeA400 = &color.RGBA{R: 0xff, G: 0x3d, B: 0x00, A: 0xff}
|
||||||
|
DeepOrangeA700 = &color.RGBA{R: 0xdd, G: 0x2c, B: 0x00, A: 0xff}
|
||||||
|
|
||||||
|
Brown50 = &color.RGBA{R: 0xef, G: 0xeb, B: 0xe9, A: 0xff}
|
||||||
|
Brown100 = &color.RGBA{R: 0xd7, G: 0xcc, B: 0xc8, A: 0xff}
|
||||||
|
Brown200 = &color.RGBA{R: 0xbc, G: 0xaa, B: 0xa4, A: 0xff}
|
||||||
|
Brown300 = &color.RGBA{R: 0xa1, G: 0x88, B: 0x7f, A: 0xff}
|
||||||
|
Brown400 = &color.RGBA{R: 0x8d, G: 0x6e, B: 0x63, A: 0xff}
|
||||||
|
Brown500 = &color.RGBA{R: 0x79, G: 0x55, B: 0x48, A: 0xff}
|
||||||
|
Brown600 = &color.RGBA{R: 0x6d, G: 0x4c, B: 0x41, A: 0xff}
|
||||||
|
Brown700 = &color.RGBA{R: 0x5d, G: 0x40, B: 0x37, A: 0xff}
|
||||||
|
Brown800 = &color.RGBA{R: 0x4e, G: 0x34, B: 0x2e, A: 0xff}
|
||||||
|
Brown900 = &color.RGBA{R: 0x3e, G: 0x27, B: 0x23, A: 0xff}
|
||||||
|
|
||||||
|
Grey50 = &color.RGBA{R: 0xfa, G: 0xfa, B: 0xfa, A: 0xff}
|
||||||
|
Grey100 = &color.RGBA{R: 0xf5, G: 0xf5, B: 0xf5, A: 0xff}
|
||||||
|
Grey200 = &color.RGBA{R: 0xee, G: 0xee, B: 0xee, A: 0xff}
|
||||||
|
Grey300 = &color.RGBA{R: 0xe0, G: 0xe0, B: 0xe0, A: 0xff}
|
||||||
|
Grey400 = &color.RGBA{R: 0xbd, G: 0xbd, B: 0xbd, A: 0xff}
|
||||||
|
Grey500 = &color.RGBA{R: 0x9e, G: 0x9e, B: 0x9e, A: 0xff}
|
||||||
|
Grey600 = &color.RGBA{R: 0x75, G: 0x75, B: 0x75, A: 0xff}
|
||||||
|
Grey700 = &color.RGBA{R: 0x61, G: 0x61, B: 0x61, A: 0xff}
|
||||||
|
Grey800 = &color.RGBA{R: 0x42, G: 0x42, B: 0x42, A: 0xff}
|
||||||
|
Grey900 = &color.RGBA{R: 0x21, G: 0x21, B: 0x21, A: 0xff}
|
||||||
|
|
||||||
|
BlueGrey50 = &color.RGBA{R: 0xec, G: 0xef, B: 0xf1, A: 0xff}
|
||||||
|
BlueGrey100 = &color.RGBA{R: 0xcf, G: 0xd8, B: 0xdc, A: 0xff}
|
||||||
|
BlueGrey200 = &color.RGBA{R: 0xb0, G: 0xbe, B: 0xc5, A: 0xff}
|
||||||
|
BlueGrey300 = &color.RGBA{R: 0x90, G: 0xa4, B: 0xae, A: 0xff}
|
||||||
|
BlueGrey400 = &color.RGBA{R: 0x78, G: 0x90, B: 0x9c, A: 0xff}
|
||||||
|
BlueGrey500 = &color.RGBA{R: 0x60, G: 0x7d, B: 0x8b, A: 0xff}
|
||||||
|
BlueGrey600 = &color.RGBA{R: 0x54, G: 0x6e, B: 0x7a, A: 0xff}
|
||||||
|
BlueGrey700 = &color.RGBA{R: 0x45, G: 0x5a, B: 0x64, A: 0xff}
|
||||||
|
BlueGrey800 = &color.RGBA{R: 0x37, G: 0x47, B: 0x4f, A: 0xff}
|
||||||
|
BlueGrey900 = &color.RGBA{R: 0x26, G: 0x32, B: 0x38, A: 0xff}
|
||||||
|
|
||||||
|
Black = &color.RGBA{R: 0x00, G: 0x00, B: 0x00, A: 0xff}
|
||||||
|
White = &color.RGBA{R: 0xff, G: 0xff, B: 0xff, A: 0xff}
|
||||||
|
)
|
||||||
|
|
||||||
|
var Colors500 = []*color.RGBA{Red500, Pink500, Purple500, DeepPurple500, Indigo500, Blue500, LightBlue500, Cyan500, Teal500, Green500, LightGreen500, Lime500, Yellow500, Amber500, Orange500, DeepOrange500}
|
||||||
106
ui/container.go
Normal file
106
ui/container.go
Normal file
@ -0,0 +1,106 @@
|
|||||||
|
package ui
|
||||||
|
|
||||||
|
import (
|
||||||
|
"time"
|
||||||
|
|
||||||
|
"opslag.de/schobers/galleg/allegro5"
|
||||||
|
"opslag.de/schobers/geom"
|
||||||
|
)
|
||||||
|
|
||||||
|
type Container interface {
|
||||||
|
Control
|
||||||
|
Children() []Control
|
||||||
|
Arrange(Context, geom.RectangleF)
|
||||||
|
}
|
||||||
|
|
||||||
|
func NewContainer(parent Container, children ...Control) *ContainerBase {
|
||||||
|
return &ContainerBase{ControlBase{}, false, parent, children}
|
||||||
|
}
|
||||||
|
|
||||||
|
type ContainerBase struct {
|
||||||
|
ControlBase
|
||||||
|
created bool
|
||||||
|
parent Container
|
||||||
|
children []Control
|
||||||
|
}
|
||||||
|
|
||||||
|
func (c *ContainerBase) Children() []Control {
|
||||||
|
return c.children
|
||||||
|
}
|
||||||
|
|
||||||
|
func (c *ContainerBase) Arrange(ctx Context, rect geom.RectangleF) {
|
||||||
|
c.ControlBase.SetRect(rect)
|
||||||
|
for _, child := range c.children {
|
||||||
|
Arrange(ctx, child, rect)
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
func (c *ContainerBase) Append(child Control) {
|
||||||
|
if c.created {
|
||||||
|
panic("error append, must use append create when control is already created")
|
||||||
|
}
|
||||||
|
c.children = append(c.children, child)
|
||||||
|
}
|
||||||
|
|
||||||
|
func (c *ContainerBase) AppendCreate(ctx Context, child Control) error {
|
||||||
|
if !c.created {
|
||||||
|
panic("error append create, must use append when control is not yet created")
|
||||||
|
}
|
||||||
|
c.children = append(c.children, child)
|
||||||
|
return child.Created(ctx, c)
|
||||||
|
}
|
||||||
|
|
||||||
|
func (c *ContainerBase) RemoveFn(ctx Context, pred func(Control) bool) {
|
||||||
|
var i = 0
|
||||||
|
for i < len(c.children) {
|
||||||
|
if pred(c.children[i]) {
|
||||||
|
c.children[i].Destroyed(ctx)
|
||||||
|
c.children = c.children[:i+copy(c.children[i:], c.children[i+1:])]
|
||||||
|
} else {
|
||||||
|
i++
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
func (c *ContainerBase) Created(ctx Context, p Container) error {
|
||||||
|
if c.created {
|
||||||
|
panic("already created")
|
||||||
|
}
|
||||||
|
c.parent = p
|
||||||
|
for _, child := range c.children {
|
||||||
|
err := child.Created(ctx, p)
|
||||||
|
if nil != err {
|
||||||
|
return err
|
||||||
|
}
|
||||||
|
}
|
||||||
|
c.created = true
|
||||||
|
return nil
|
||||||
|
}
|
||||||
|
|
||||||
|
func (c *ContainerBase) Destroyed(ctx Context) {
|
||||||
|
if !c.created {
|
||||||
|
panic("not yet created or already destroyed")
|
||||||
|
}
|
||||||
|
for _, child := range c.children {
|
||||||
|
child.Destroyed(ctx)
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
func (c *ContainerBase) Update(ctx Context, dt time.Duration) {
|
||||||
|
for _, child := range c.children {
|
||||||
|
child.Update(ctx, dt)
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
func (c *ContainerBase) Handle(ctx Context, ev allegro5.Event) {
|
||||||
|
for _, child := range c.children {
|
||||||
|
child.Handle(ctx, ev)
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
func (c *ContainerBase) Render(ctx Context) {
|
||||||
|
for _, child := range c.children {
|
||||||
|
child.Render(ctx)
|
||||||
|
}
|
||||||
|
c.ControlBase.Render(ctx)
|
||||||
|
}
|
||||||
189
ui/contentscrollbar.go
Normal file
189
ui/contentscrollbar.go
Normal file
@ -0,0 +1,189 @@
|
|||||||
|
package ui
|
||||||
|
|
||||||
|
import (
|
||||||
|
"math"
|
||||||
|
|
||||||
|
"opslag.de/schobers/galleg/allegro5"
|
||||||
|
"opslag.de/schobers/geom"
|
||||||
|
)
|
||||||
|
|
||||||
|
var _ Control = &ContentScrollbar{}
|
||||||
|
|
||||||
|
type ContentScrollbarValueChangedFn func(float64)
|
||||||
|
|
||||||
|
type ContentScrollbar struct {
|
||||||
|
ControlBase
|
||||||
|
Length float64
|
||||||
|
Value float64
|
||||||
|
Orientation Orientation
|
||||||
|
OnChanged ContentScrollbarValueChangedFn
|
||||||
|
handle *contentScrollbarHandle
|
||||||
|
}
|
||||||
|
|
||||||
|
type contentScrollbarHandle struct {
|
||||||
|
ControlBase
|
||||||
|
}
|
||||||
|
|
||||||
|
func (h *contentScrollbarHandle) Render(ctx Context) {
|
||||||
|
var c = ctx.Palette().Primary()
|
||||||
|
if h.IsOver {
|
||||||
|
if h.IsPressed {
|
||||||
|
} else {
|
||||||
|
}
|
||||||
|
}
|
||||||
|
var min = h.Bounds.Min.To32()
|
||||||
|
var max = h.Bounds.Max.To32()
|
||||||
|
allegro5.DrawFilledRectangle(min.X, min.Y, max.X, max.Y, c)
|
||||||
|
}
|
||||||
|
|
||||||
|
func (s *ContentScrollbar) Created(ctx Context, p Container) error {
|
||||||
|
s.ControlBase.Created(ctx, p)
|
||||||
|
s.handle = &contentScrollbarHandle{}
|
||||||
|
s.handle.Created(ctx, nil)
|
||||||
|
return nil
|
||||||
|
}
|
||||||
|
|
||||||
|
func (s *ContentScrollbar) Destroyed(ctx Context) {
|
||||||
|
s.handle.Destroyed(ctx)
|
||||||
|
}
|
||||||
|
|
||||||
|
func (s *ContentScrollbar) barViewRange() (float64, float64) {
|
||||||
|
var min, max float64
|
||||||
|
switch s.Orientation {
|
||||||
|
case OrientationHorizontal:
|
||||||
|
min = s.Bounds.Min.X
|
||||||
|
max = s.Bounds.Max.X
|
||||||
|
default:
|
||||||
|
min = s.Bounds.Max.Y
|
||||||
|
max = s.Bounds.Min.Y
|
||||||
|
}
|
||||||
|
var length = (max - min)
|
||||||
|
var bar = length
|
||||||
|
if s.Length > length {
|
||||||
|
bar = length * length / s.Length
|
||||||
|
}
|
||||||
|
if bar < 20 {
|
||||||
|
if length < 40 {
|
||||||
|
bar = .5 * length
|
||||||
|
} else {
|
||||||
|
bar = 20
|
||||||
|
}
|
||||||
|
}
|
||||||
|
return min + .5*bar, max - .5*bar
|
||||||
|
}
|
||||||
|
|
||||||
|
func (s *ContentScrollbar) barViewCenter() float64 {
|
||||||
|
switch s.Orientation {
|
||||||
|
case OrientationHorizontal:
|
||||||
|
return (s.Bounds.Min.Y + s.Bounds.Max.Y) * .5
|
||||||
|
default:
|
||||||
|
return (s.Bounds.Min.X + s.Bounds.Max.X) * .5
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
func (s *ContentScrollbar) toValue(x, y float64) float64 {
|
||||||
|
var n = y
|
||||||
|
if OrientationHorizontal == s.Orientation {
|
||||||
|
n = x
|
||||||
|
}
|
||||||
|
var min, max = s.barViewRange()
|
||||||
|
if min == max {
|
||||||
|
return 0
|
||||||
|
}
|
||||||
|
var delta = s.Length - (max - min)
|
||||||
|
var off = (n - min) / (max - min)
|
||||||
|
var v = off * (s.Length - (max - min))
|
||||||
|
if v < 0 {
|
||||||
|
v = 0
|
||||||
|
} else if v > delta {
|
||||||
|
v = delta
|
||||||
|
}
|
||||||
|
return v
|
||||||
|
}
|
||||||
|
|
||||||
|
func (s *ContentScrollbar) change(v float64) {
|
||||||
|
if v != s.Value {
|
||||||
|
s.Value = v
|
||||||
|
var onChanged = s.OnChanged
|
||||||
|
if nil != onChanged {
|
||||||
|
onChanged(v)
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
func (s *ContentScrollbar) snapTo(x, y int) {
|
||||||
|
var val = s.toValue(float64(x), float64(y))
|
||||||
|
s.change(val)
|
||||||
|
}
|
||||||
|
|
||||||
|
func (s *ContentScrollbar) increment(d int) {
|
||||||
|
// var val = s.Value + d
|
||||||
|
// if val < s.Minimum {
|
||||||
|
// val = s.Minimum
|
||||||
|
// } else if val > s.Maximum {
|
||||||
|
// val = s.Maximum
|
||||||
|
// }
|
||||||
|
// s.change(val)
|
||||||
|
}
|
||||||
|
|
||||||
|
func (s *ContentScrollbar) Handle(ctx Context, ev allegro5.Event) {
|
||||||
|
s.ControlBase.Handle(ctx, ev)
|
||||||
|
s.handle.Handle(ctx, ev)
|
||||||
|
switch e := ev.(type) {
|
||||||
|
case *allegro5.MouseMoveEvent:
|
||||||
|
if s.handle.IsPressed {
|
||||||
|
s.snapTo(e.X, e.Y)
|
||||||
|
}
|
||||||
|
if 0 != e.DeltaZ && s.IsOver {
|
||||||
|
var d = e.DeltaZ
|
||||||
|
if allegro5.IsAnyKeyDown(allegro5.KeyLShift, allegro5.KeyRShift) {
|
||||||
|
d *= 10
|
||||||
|
}
|
||||||
|
s.increment(d)
|
||||||
|
}
|
||||||
|
case *allegro5.MouseButtonDownEvent:
|
||||||
|
if !s.handle.IsPressed && s.IsOver {
|
||||||
|
s.snapTo(e.X, e.Y)
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
func (s *ContentScrollbar) DesiredSize(Context) geom.PointF {
|
||||||
|
switch s.Orientation {
|
||||||
|
case OrientationHorizontal:
|
||||||
|
return geom.PtF(math.NaN(), ScrollbarWidth)
|
||||||
|
}
|
||||||
|
return geom.PtF(ScrollbarWidth, math.NaN())
|
||||||
|
}
|
||||||
|
|
||||||
|
func (s *ContentScrollbar) SetRect(rect geom.RectangleF) {
|
||||||
|
switch s.Orientation {
|
||||||
|
case OrientationHorizontal:
|
||||||
|
if rect.Dy() > ScrollbarWidth {
|
||||||
|
rect.Min.Y = rect.Max.Y - ScrollbarWidth
|
||||||
|
}
|
||||||
|
default:
|
||||||
|
if rect.Dx() > ScrollbarWidth {
|
||||||
|
rect.Min.X = rect.Max.X - ScrollbarWidth
|
||||||
|
}
|
||||||
|
}
|
||||||
|
s.ControlBase.SetRect(rect)
|
||||||
|
|
||||||
|
// var min, max = s.barViewRange()
|
||||||
|
// var off = float64(s.Value-s.Minimum) / float64(s.Maximum-s.Minimum)
|
||||||
|
// var centerH = min + (max-min)*off
|
||||||
|
// var r = 0.5 * float64(s.handles[0].Width())
|
||||||
|
|
||||||
|
// var center = s.barViewCenter()
|
||||||
|
// switch s.Orientation {
|
||||||
|
// case OrientationHorizontal:
|
||||||
|
// s.handle.SetRect(geom.RectF(centerH-r, center-r, centerH+r, center+r))
|
||||||
|
// default:
|
||||||
|
// s.handle.SetRect(geom.RectF(center-r, centerH-r, center+r, centerH+r))
|
||||||
|
// }
|
||||||
|
}
|
||||||
|
|
||||||
|
func (s *ContentScrollbar) Render(ctx Context) {
|
||||||
|
s.handle.Render(ctx)
|
||||||
|
s.ControlBase.Render(ctx)
|
||||||
|
}
|
||||||
72
ui/context.go
Normal file
72
ui/context.go
Normal file
@ -0,0 +1,72 @@
|
|||||||
|
package ui
|
||||||
|
|
||||||
|
import "opslag.de/schobers/galleg/allegro5"
|
||||||
|
|
||||||
|
type Context interface {
|
||||||
|
Display() *allegro5.Display
|
||||||
|
Fonts() Fonts
|
||||||
|
Palette() Palette
|
||||||
|
Debug() Debug
|
||||||
|
}
|
||||||
|
|
||||||
|
type Debug interface {
|
||||||
|
IsEnabled() bool
|
||||||
|
Rainbow() allegro5.Color
|
||||||
|
}
|
||||||
|
|
||||||
|
var _ Context = &context{}
|
||||||
|
|
||||||
|
type context struct {
|
||||||
|
disp *allegro5.Display
|
||||||
|
fts Fonts
|
||||||
|
pal Palette
|
||||||
|
dbg *debug
|
||||||
|
}
|
||||||
|
|
||||||
|
type debug struct {
|
||||||
|
enbl bool
|
||||||
|
rainb []allegro5.Color
|
||||||
|
col int
|
||||||
|
}
|
||||||
|
|
||||||
|
func rainbow() []allegro5.Color {
|
||||||
|
var colors = make([]allegro5.Color, len(Colors500))
|
||||||
|
for i, c := range Colors500 {
|
||||||
|
colors[i] = NewColorAlpha(c, 0xbf)
|
||||||
|
}
|
||||||
|
return colors
|
||||||
|
}
|
||||||
|
|
||||||
|
func newContext(disp *allegro5.Display, f Fonts) *context {
|
||||||
|
return &context{disp, f, DefaultPalette(), &debug{rainb: rainbow()}}
|
||||||
|
}
|
||||||
|
|
||||||
|
func (c *context) Display() *allegro5.Display {
|
||||||
|
return c.disp
|
||||||
|
}
|
||||||
|
|
||||||
|
func (c *context) Fonts() Fonts {
|
||||||
|
return c.fts
|
||||||
|
}
|
||||||
|
|
||||||
|
func (c *context) Palette() Palette {
|
||||||
|
return c.pal
|
||||||
|
}
|
||||||
|
|
||||||
|
func (c *context) Debug() Debug {
|
||||||
|
return c.dbg
|
||||||
|
}
|
||||||
|
|
||||||
|
func (d *debug) IsEnabled() bool {
|
||||||
|
return d.enbl
|
||||||
|
}
|
||||||
|
|
||||||
|
func (d *debug) resetRainbow() {
|
||||||
|
d.col = 0
|
||||||
|
}
|
||||||
|
|
||||||
|
func (d *debug) Rainbow() allegro5.Color {
|
||||||
|
var col = d.col
|
||||||
|
d.col = (col + 1) % len(d.rainb)
|
||||||
|
return d.rainb[col]
|
||||||
|
}
|
||||||
89
ui/control.go
Normal file
89
ui/control.go
Normal file
@ -0,0 +1,89 @@
|
|||||||
|
package ui
|
||||||
|
|
||||||
|
import (
|
||||||
|
"time"
|
||||||
|
|
||||||
|
"opslag.de/schobers/galleg/allegro5"
|
||||||
|
"opslag.de/schobers/geom"
|
||||||
|
)
|
||||||
|
|
||||||
|
type Control interface {
|
||||||
|
Created(Context, Container) error
|
||||||
|
Destroyed(Context)
|
||||||
|
|
||||||
|
Update(Context, time.Duration)
|
||||||
|
Handle(Context, allegro5.Event)
|
||||||
|
DesiredSize(Context) geom.PointF
|
||||||
|
SetRect(geom.RectangleF)
|
||||||
|
Render(Context)
|
||||||
|
}
|
||||||
|
|
||||||
|
type MouseClickFn func(Control)
|
||||||
|
|
||||||
|
var _ Control = &ControlBase{}
|
||||||
|
|
||||||
|
type ControlBase struct {
|
||||||
|
Parent Container
|
||||||
|
Bounds geom.RectangleF
|
||||||
|
Disabled bool
|
||||||
|
IsOver bool
|
||||||
|
IsPressed bool
|
||||||
|
OnClick MouseClickFn
|
||||||
|
MinSize geom.PointF
|
||||||
|
Background *allegro5.Color
|
||||||
|
}
|
||||||
|
|
||||||
|
func (c *ControlBase) Created(_ Context, p Container) error {
|
||||||
|
c.Parent = p
|
||||||
|
return nil
|
||||||
|
}
|
||||||
|
|
||||||
|
func (c *ControlBase) Destroyed(Context) {}
|
||||||
|
|
||||||
|
func (c *ControlBase) Update(Context, time.Duration) {}
|
||||||
|
|
||||||
|
func (c *ControlBase) Handle(ctx Context, ev allegro5.Event) {
|
||||||
|
switch e := ev.(type) {
|
||||||
|
case *allegro5.MouseMoveEvent:
|
||||||
|
c.IsOver = c.IsInRect(float64(e.X), float64(e.Y))
|
||||||
|
case *allegro5.MouseButtonDownEvent:
|
||||||
|
if c.IsOver {
|
||||||
|
c.IsPressed = true
|
||||||
|
}
|
||||||
|
case *allegro5.MouseButtonUpEvent:
|
||||||
|
if c.IsPressed && c.IsOver {
|
||||||
|
var onClick = c.OnClick
|
||||||
|
if nil != onClick {
|
||||||
|
onClick(c)
|
||||||
|
}
|
||||||
|
}
|
||||||
|
c.IsPressed = false
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
func (c *ControlBase) DesiredSize(Context) geom.PointF {
|
||||||
|
return c.MinSize
|
||||||
|
}
|
||||||
|
|
||||||
|
func (c *ControlBase) SetRect(rect geom.RectangleF) {
|
||||||
|
c.Bounds = rect
|
||||||
|
}
|
||||||
|
|
||||||
|
func (c *ControlBase) Render(ctx Context) {
|
||||||
|
var min = c.Bounds.Min.To32()
|
||||||
|
var max = c.Bounds.Max.To32()
|
||||||
|
if nil != c.Background {
|
||||||
|
allegro5.DrawFilledRectangle(min.X, min.Y, max.X, max.Y, *c.Background)
|
||||||
|
}
|
||||||
|
if ctx.Debug().IsEnabled() {
|
||||||
|
allegro5.DrawRectangle(min.X, min.Y, max.X, max.Y, ctx.Debug().Rainbow(), 5)
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
func (c *ControlBase) Rect() geom.RectangleF {
|
||||||
|
return c.Bounds
|
||||||
|
}
|
||||||
|
|
||||||
|
func (c *ControlBase) IsInRect(x, y float64) bool {
|
||||||
|
return geom.PtF(x, y).In(c.Bounds)
|
||||||
|
}
|
||||||
5
ui/dimensions.go
Normal file
5
ui/dimensions.go
Normal file
@ -0,0 +1,5 @@
|
|||||||
|
package ui
|
||||||
|
|
||||||
|
const topMargin = 4
|
||||||
|
const leftMargin = 8
|
||||||
|
const checkboxSize = 12
|
||||||
146
ui/dockpanel.go
Normal file
146
ui/dockpanel.go
Normal file
@ -0,0 +1,146 @@
|
|||||||
|
package ui
|
||||||
|
|
||||||
|
import (
|
||||||
|
"math"
|
||||||
|
|
||||||
|
"opslag.de/schobers/geom"
|
||||||
|
)
|
||||||
|
|
||||||
|
type DockPanel interface {
|
||||||
|
Container
|
||||||
|
Append(o Dock, children ...Control) error
|
||||||
|
AppendCreate(ctx Context, o Dock, children ...Control) error
|
||||||
|
}
|
||||||
|
|
||||||
|
type Dock int
|
||||||
|
|
||||||
|
const (
|
||||||
|
DockLeft Dock = iota
|
||||||
|
DockTop
|
||||||
|
DockRight
|
||||||
|
DockBottom
|
||||||
|
)
|
||||||
|
|
||||||
|
type dockPanel struct {
|
||||||
|
ContainerBase
|
||||||
|
docks []Dock
|
||||||
|
}
|
||||||
|
|
||||||
|
func NewDockPanel(parent Container) DockPanel {
|
||||||
|
return &dockPanel{ContainerBase: ContainerBase{parent: parent}}
|
||||||
|
}
|
||||||
|
|
||||||
|
func (p *dockPanel) Append(d Dock, children ...Control) error {
|
||||||
|
for _, child := range children {
|
||||||
|
p.ContainerBase.Append(child)
|
||||||
|
p.docks = append(p.docks, d)
|
||||||
|
}
|
||||||
|
return nil
|
||||||
|
}
|
||||||
|
|
||||||
|
func (p *dockPanel) AppendCreate(ctx Context, d Dock, children ...Control) error {
|
||||||
|
for _, child := range children {
|
||||||
|
err := p.ContainerBase.AppendCreate(ctx, child)
|
||||||
|
if nil != err {
|
||||||
|
return err
|
||||||
|
}
|
||||||
|
p.docks = append(p.docks, d)
|
||||||
|
}
|
||||||
|
return nil
|
||||||
|
}
|
||||||
|
|
||||||
|
func (p *dockPanel) DesiredSize(ctx Context) geom.PointF {
|
||||||
|
var width, height float64 = 0, 0
|
||||||
|
for i, child := range p.children {
|
||||||
|
var d = p.docks[i]
|
||||||
|
var desired = child.DesiredSize(ctx)
|
||||||
|
switch {
|
||||||
|
case d == DockLeft || d == DockRight:
|
||||||
|
if !math.IsNaN(width) {
|
||||||
|
if math.IsNaN(desired.X) {
|
||||||
|
width = desired.X
|
||||||
|
} else {
|
||||||
|
width += desired.X
|
||||||
|
}
|
||||||
|
}
|
||||||
|
if !math.IsNaN(desired.Y) {
|
||||||
|
height = math.Max(height, desired.Y)
|
||||||
|
}
|
||||||
|
case d == DockTop || d == DockBottom:
|
||||||
|
if !math.IsNaN(height) {
|
||||||
|
if math.IsNaN(desired.Y) {
|
||||||
|
height = desired.Y
|
||||||
|
} else {
|
||||||
|
height += desired.Y
|
||||||
|
}
|
||||||
|
}
|
||||||
|
if !math.IsNaN(desired.X) {
|
||||||
|
width = math.Max(width, desired.X)
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
return geom.PtF(width, height)
|
||||||
|
}
|
||||||
|
|
||||||
|
func (p *dockPanel) arrangeChildren(ctx Context) []geom.RectangleF {
|
||||||
|
var n = len(p.children)
|
||||||
|
var rects = make([]geom.RectangleF, n)
|
||||||
|
|
||||||
|
var rem = p.Bounds
|
||||||
|
var last = n - 1
|
||||||
|
for i, child := range p.children {
|
||||||
|
if last == i {
|
||||||
|
rects[i] = rem
|
||||||
|
} else {
|
||||||
|
var d = p.docks[i]
|
||||||
|
var desired = child.DesiredSize(ctx)
|
||||||
|
var width, height, top, left float64
|
||||||
|
switch {
|
||||||
|
case d == DockLeft || d == DockRight:
|
||||||
|
width = rem.Dx()
|
||||||
|
if !math.IsNaN(desired.X) {
|
||||||
|
width = math.Min(desired.X, width)
|
||||||
|
}
|
||||||
|
if d == DockLeft {
|
||||||
|
left = rem.Min.X
|
||||||
|
} else {
|
||||||
|
left = rem.Max.X - width
|
||||||
|
}
|
||||||
|
top = rem.Min.Y
|
||||||
|
height = rem.Dy()
|
||||||
|
case d == DockTop || d == DockBottom:
|
||||||
|
height = rem.Dy()
|
||||||
|
if !math.IsNaN(desired.Y) {
|
||||||
|
height = math.Min(desired.Y, height)
|
||||||
|
}
|
||||||
|
if d == DockTop {
|
||||||
|
top = rem.Min.Y
|
||||||
|
} else {
|
||||||
|
top = rem.Max.Y - height
|
||||||
|
}
|
||||||
|
left = rem.Min.X
|
||||||
|
width = rem.Dx()
|
||||||
|
}
|
||||||
|
rects[i] = geom.RectF(left, top, left+width, top+height)
|
||||||
|
switch d {
|
||||||
|
case DockLeft:
|
||||||
|
rem = geom.RectF(rem.Min.X+width, rem.Min.Y, rem.Max.X, rem.Max.Y)
|
||||||
|
case DockTop:
|
||||||
|
rem = geom.RectF(rem.Min.X, rem.Min.Y+height, rem.Max.X, rem.Max.Y)
|
||||||
|
case DockRight:
|
||||||
|
rem = geom.RectF(rem.Min.X, rem.Min.Y, rem.Max.X-width, rem.Max.Y)
|
||||||
|
case DockBottom:
|
||||||
|
rem = geom.RectF(rem.Min.X, rem.Min.Y, rem.Max.X, rem.Max.Y-height)
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
return rects
|
||||||
|
}
|
||||||
|
|
||||||
|
func (p *dockPanel) Arrange(ctx Context, rect geom.RectangleF) {
|
||||||
|
p.ContainerBase.SetRect(rect)
|
||||||
|
var rects = p.arrangeChildren(ctx)
|
||||||
|
for i, child := range p.children {
|
||||||
|
Arrange(ctx, child, rects[i])
|
||||||
|
}
|
||||||
|
}
|
||||||
65
ui/fonts.go
Normal file
65
ui/fonts.go
Normal file
@ -0,0 +1,65 @@
|
|||||||
|
package ui
|
||||||
|
|
||||||
|
import (
|
||||||
|
"github.com/spf13/afero"
|
||||||
|
"opslag.de/schobers/fs/vfs"
|
||||||
|
"opslag.de/schobers/galleg/allegro5"
|
||||||
|
)
|
||||||
|
|
||||||
|
type Fonts interface {
|
||||||
|
Register(name, path string, size int) error
|
||||||
|
Get(name string) *allegro5.Font
|
||||||
|
Destroy()
|
||||||
|
}
|
||||||
|
|
||||||
|
type fonts struct {
|
||||||
|
fts map[string]*allegro5.Font
|
||||||
|
dir vfs.CopyDir
|
||||||
|
}
|
||||||
|
|
||||||
|
func newFonts(dir vfs.CopyDir) *fonts {
|
||||||
|
return &fonts{make(map[string]*allegro5.Font), dir}
|
||||||
|
}
|
||||||
|
|
||||||
|
func NewFonts(fs afero.Fs) (Fonts, error) {
|
||||||
|
var dir, err = vfs.NewCopyDir(fs)
|
||||||
|
if nil != err {
|
||||||
|
return nil, err
|
||||||
|
}
|
||||||
|
return newFonts(dir), nil
|
||||||
|
}
|
||||||
|
|
||||||
|
func (fts *fonts) load(name, path string, size int) error {
|
||||||
|
f, err := allegro5.LoadTTFFont(path, size)
|
||||||
|
if nil != err {
|
||||||
|
return err
|
||||||
|
}
|
||||||
|
fts.fts[name] = f
|
||||||
|
return nil
|
||||||
|
}
|
||||||
|
|
||||||
|
func (fts *fonts) loadFromBox(name, path string, size int) error {
|
||||||
|
path, err := fts.dir.Retrieve(path)
|
||||||
|
if nil != err {
|
||||||
|
return err
|
||||||
|
}
|
||||||
|
return fts.load(name, path, size)
|
||||||
|
}
|
||||||
|
|
||||||
|
func (fts *fonts) Register(name, path string, size int) error {
|
||||||
|
if nil != fts.dir {
|
||||||
|
return fts.loadFromBox(name, path, size)
|
||||||
|
}
|
||||||
|
return fts.load(name, path, size)
|
||||||
|
}
|
||||||
|
|
||||||
|
func (fts *fonts) Get(name string) *allegro5.Font {
|
||||||
|
return fts.fts[name]
|
||||||
|
}
|
||||||
|
|
||||||
|
func (fts *fonts) Destroy() {
|
||||||
|
for _, f := range fts.fts {
|
||||||
|
f.Destroy()
|
||||||
|
}
|
||||||
|
fts.dir.Destroy()
|
||||||
|
}
|
||||||
19
ui/label.go
Normal file
19
ui/label.go
Normal file
@ -0,0 +1,19 @@
|
|||||||
|
package ui
|
||||||
|
|
||||||
|
import "opslag.de/schobers/galleg/allegro5"
|
||||||
|
|
||||||
|
type Label struct {
|
||||||
|
ControlBase
|
||||||
|
Text string
|
||||||
|
}
|
||||||
|
|
||||||
|
func (l *Label) Render(ctx Context) {
|
||||||
|
var fonts = ctx.Fonts()
|
||||||
|
|
||||||
|
var min = l.Bounds.Min.To32()
|
||||||
|
|
||||||
|
var fnt = fonts.Get("default")
|
||||||
|
fnt.Draw(min.X+leftMargin, min.Y+topMargin, ctx.Palette().Black(), allegro5.AlignLeft, l.Text)
|
||||||
|
|
||||||
|
l.ControlBase.Render(ctx)
|
||||||
|
}
|
||||||
121
ui/loop.go
Normal file
121
ui/loop.go
Normal file
@ -0,0 +1,121 @@
|
|||||||
|
package ui
|
||||||
|
|
||||||
|
import (
|
||||||
|
"time"
|
||||||
|
|
||||||
|
"opslag.de/schobers/galleg/allegro5"
|
||||||
|
)
|
||||||
|
|
||||||
|
func shouldClose(ev allegro5.Event) bool {
|
||||||
|
switch e := ev.(type) {
|
||||||
|
case *allegro5.KeyCharEvent:
|
||||||
|
switch e.KeyCode {
|
||||||
|
case allegro5.KeyEscape:
|
||||||
|
return true
|
||||||
|
case allegro5.KeyF4:
|
||||||
|
if e.Modifiers&allegro5.KeyModAlt == allegro5.KeyModAlt {
|
||||||
|
return true
|
||||||
|
}
|
||||||
|
}
|
||||||
|
case *allegro5.DisplayCloseEvent:
|
||||||
|
return true
|
||||||
|
}
|
||||||
|
return false
|
||||||
|
}
|
||||||
|
|
||||||
|
func shouldToggleDebug(ev allegro5.Event) bool {
|
||||||
|
switch e := ev.(type) {
|
||||||
|
case *allegro5.KeyCharEvent:
|
||||||
|
switch e.KeyCode {
|
||||||
|
case allegro5.KeyD:
|
||||||
|
return e.Modifiers&allegro5.KeyModAlt == allegro5.KeyModAlt
|
||||||
|
}
|
||||||
|
}
|
||||||
|
return false
|
||||||
|
}
|
||||||
|
|
||||||
|
func switchState(ctx Context, curr State, s State) error {
|
||||||
|
var err error
|
||||||
|
err = curr.Leave(ctx)
|
||||||
|
if nil != err {
|
||||||
|
return err
|
||||||
|
}
|
||||||
|
return s.Enter(ctx)
|
||||||
|
}
|
||||||
|
|
||||||
|
func Init() error {
|
||||||
|
return allegro5.Init(allegro5.InitAll)
|
||||||
|
}
|
||||||
|
|
||||||
|
func Run(w, h int, title string, s State, f Fonts, opts *allegro5.NewDisplayOptions) error {
|
||||||
|
if nil == opts {
|
||||||
|
opts = &allegro5.NewDisplayOptions{}
|
||||||
|
}
|
||||||
|
disp, err := allegro5.NewDisplay(w, h, *opts)
|
||||||
|
if nil != err {
|
||||||
|
return err
|
||||||
|
}
|
||||||
|
disp.SetWindowTitle(title)
|
||||||
|
defer disp.Destroy()
|
||||||
|
|
||||||
|
evq, err := allegro5.NewEventQueue()
|
||||||
|
if nil != err {
|
||||||
|
return err
|
||||||
|
}
|
||||||
|
evq.RegisterDisplay(disp)
|
||||||
|
evq.RegisterKeyboard()
|
||||||
|
evq.RegisterMouse()
|
||||||
|
defer evq.Destroy()
|
||||||
|
|
||||||
|
ctx := newContext(disp, f)
|
||||||
|
|
||||||
|
var state = s
|
||||||
|
err = state.Enter(ctx)
|
||||||
|
if nil != err {
|
||||||
|
return err
|
||||||
|
}
|
||||||
|
|
||||||
|
var t = time.Now()
|
||||||
|
main:
|
||||||
|
for nil != state {
|
||||||
|
for ev := evq.Get(); ev != nil; ev = evq.Get() {
|
||||||
|
if shouldClose(ev) {
|
||||||
|
break main
|
||||||
|
}
|
||||||
|
if shouldToggleDebug(ev) {
|
||||||
|
ctx.dbg.enbl = !ctx.dbg.enbl
|
||||||
|
}
|
||||||
|
err := state.Handle(ctx, ev)
|
||||||
|
if nil != err {
|
||||||
|
return err
|
||||||
|
}
|
||||||
|
}
|
||||||
|
var now = time.Now()
|
||||||
|
var dt = now.Sub(t)
|
||||||
|
var s, err = state.Update(ctx, dt)
|
||||||
|
if nil != err {
|
||||||
|
return err
|
||||||
|
}
|
||||||
|
t = now
|
||||||
|
if s != nil {
|
||||||
|
err = switchState(ctx, state, s)
|
||||||
|
if nil != err {
|
||||||
|
return err
|
||||||
|
}
|
||||||
|
state = s
|
||||||
|
}
|
||||||
|
ctx.dbg.resetRainbow()
|
||||||
|
err = state.Render(ctx)
|
||||||
|
if nil != err {
|
||||||
|
return err
|
||||||
|
}
|
||||||
|
disp.Flip()
|
||||||
|
time.Sleep(10 * time.Millisecond)
|
||||||
|
}
|
||||||
|
err = state.Leave(ctx)
|
||||||
|
if nil != err {
|
||||||
|
return err
|
||||||
|
}
|
||||||
|
|
||||||
|
return nil
|
||||||
|
}
|
||||||
19
ui/orientation.go
Normal file
19
ui/orientation.go
Normal file
@ -0,0 +1,19 @@
|
|||||||
|
package ui
|
||||||
|
|
||||||
|
type Orientation int
|
||||||
|
|
||||||
|
const (
|
||||||
|
OrientationVertical Orientation = iota
|
||||||
|
OrientationHorizontal
|
||||||
|
)
|
||||||
|
|
||||||
|
func (o Orientation) String() string {
|
||||||
|
switch o {
|
||||||
|
case OrientationVertical:
|
||||||
|
return "vertical"
|
||||||
|
case OrientationHorizontal:
|
||||||
|
return "horizontal"
|
||||||
|
default:
|
||||||
|
return "unknown"
|
||||||
|
}
|
||||||
|
}
|
||||||
51
ui/palette.go
Normal file
51
ui/palette.go
Normal file
@ -0,0 +1,51 @@
|
|||||||
|
package ui
|
||||||
|
|
||||||
|
import (
|
||||||
|
"image/color"
|
||||||
|
|
||||||
|
"opslag.de/schobers/galleg/allegro5"
|
||||||
|
)
|
||||||
|
|
||||||
|
type Palette interface {
|
||||||
|
Primary() allegro5.Color
|
||||||
|
White() allegro5.Color
|
||||||
|
Black() allegro5.Color
|
||||||
|
Disabled() allegro5.Color
|
||||||
|
}
|
||||||
|
|
||||||
|
type palette struct {
|
||||||
|
primary allegro5.Color
|
||||||
|
white allegro5.Color
|
||||||
|
black allegro5.Color
|
||||||
|
disabled allegro5.Color
|
||||||
|
}
|
||||||
|
|
||||||
|
func (p *palette) Primary() allegro5.Color {
|
||||||
|
return p.primary
|
||||||
|
}
|
||||||
|
func (p *palette) White() allegro5.Color {
|
||||||
|
return p.white
|
||||||
|
}
|
||||||
|
func (p *palette) Black() allegro5.Color {
|
||||||
|
return p.black
|
||||||
|
}
|
||||||
|
func (p *palette) Disabled() allegro5.Color {
|
||||||
|
return p.disabled
|
||||||
|
}
|
||||||
|
|
||||||
|
func NewColor(c *color.RGBA) allegro5.Color {
|
||||||
|
return allegro5.NewColorAlpha(c.R, c.G, c.B, c.A)
|
||||||
|
}
|
||||||
|
|
||||||
|
func NewColorAlpha(c *color.RGBA, a uint8) allegro5.Color {
|
||||||
|
return allegro5.NewColorAlpha(c.R, c.G, c.B, a)
|
||||||
|
}
|
||||||
|
|
||||||
|
func DefaultPalette() Palette {
|
||||||
|
return &palette{
|
||||||
|
primary: NewColor(Blue500),
|
||||||
|
white: allegro5.NewColor(0xff, 0xff, 0xff),
|
||||||
|
black: allegro5.NewColor(0, 0, 0),
|
||||||
|
disabled: allegro5.NewColorAlpha(0x1f, 0x1f, 0x1f, 0x1f),
|
||||||
|
}
|
||||||
|
}
|
||||||
26
ui/queue.go
Normal file
26
ui/queue.go
Normal file
@ -0,0 +1,26 @@
|
|||||||
|
package ui
|
||||||
|
|
||||||
|
type Queue struct {
|
||||||
|
q chan func(Context)
|
||||||
|
}
|
||||||
|
|
||||||
|
func NewQueue() *Queue {
|
||||||
|
return &Queue{make(chan func(Context), 4)}
|
||||||
|
}
|
||||||
|
|
||||||
|
func (q *Queue) Do(act func(Context)) {
|
||||||
|
go func() { // Non-blocking queue
|
||||||
|
q.q <- act
|
||||||
|
}()
|
||||||
|
}
|
||||||
|
|
||||||
|
func (q *Queue) Process(ctx Context) {
|
||||||
|
for {
|
||||||
|
select {
|
||||||
|
case act := <-q.q:
|
||||||
|
act(ctx)
|
||||||
|
default:
|
||||||
|
return
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
213
ui/scrollbar.go
Normal file
213
ui/scrollbar.go
Normal file
@ -0,0 +1,213 @@
|
|||||||
|
package ui
|
||||||
|
|
||||||
|
import (
|
||||||
|
"math"
|
||||||
|
|
||||||
|
"opslag.de/schobers/galleg/allegro5"
|
||||||
|
"opslag.de/schobers/geom"
|
||||||
|
)
|
||||||
|
|
||||||
|
var _ Control = &Scrollbar{}
|
||||||
|
|
||||||
|
const ScrollbarWidth = 26
|
||||||
|
const ScrollbarHandleThickness = 4
|
||||||
|
const ScrollbarHandlePadding = 1
|
||||||
|
|
||||||
|
type ScrollbarValueChangedFn func(int)
|
||||||
|
|
||||||
|
type Scrollbar struct {
|
||||||
|
ControlBase
|
||||||
|
Minimum int
|
||||||
|
Maximum int
|
||||||
|
Value int
|
||||||
|
Orientation Orientation
|
||||||
|
OnChanged ScrollbarValueChangedFn
|
||||||
|
handle *ControlBase
|
||||||
|
handles []*allegro5.Bitmap
|
||||||
|
}
|
||||||
|
|
||||||
|
func (s *Scrollbar) Created(ctx Context, p Container) error {
|
||||||
|
s.ControlBase.Created(ctx, p)
|
||||||
|
s.handles = []*allegro5.Bitmap{
|
||||||
|
createCirle((ScrollbarWidth/2)-ScrollbarHandleThickness-2*ScrollbarHandlePadding, ScrollbarHandleThickness, 0, math.Pi*2, Blue500),
|
||||||
|
createCirle((ScrollbarWidth/2)-ScrollbarHandleThickness-2*ScrollbarHandlePadding, ScrollbarHandleThickness, 0, math.Pi*2, Blue300),
|
||||||
|
createCirle((ScrollbarWidth/2)-ScrollbarHandleThickness-2*ScrollbarHandlePadding, ScrollbarHandleThickness, 0, math.Pi*2, Blue700),
|
||||||
|
}
|
||||||
|
s.handle = &ControlBase{}
|
||||||
|
s.handle.Created(ctx, nil)
|
||||||
|
return nil
|
||||||
|
}
|
||||||
|
|
||||||
|
func (s *Scrollbar) Destroyed(ctx Context) {
|
||||||
|
if nil != s.handles {
|
||||||
|
for _, h := range s.handles {
|
||||||
|
h.Destroy()
|
||||||
|
}
|
||||||
|
}
|
||||||
|
s.handle.Destroyed(ctx)
|
||||||
|
}
|
||||||
|
|
||||||
|
func (s *Scrollbar) barViewRange() (float64, float64) {
|
||||||
|
var small bool
|
||||||
|
var min, max float64
|
||||||
|
switch s.Orientation {
|
||||||
|
case OrientationHorizontal:
|
||||||
|
min = s.Bounds.Min.X + ScrollbarWidth*.5
|
||||||
|
max = s.Bounds.Max.X - ScrollbarWidth*.5
|
||||||
|
small = min > max
|
||||||
|
default:
|
||||||
|
min = s.Bounds.Max.Y - ScrollbarWidth*.5
|
||||||
|
max = s.Bounds.Min.Y + ScrollbarWidth*.5
|
||||||
|
small = max > min
|
||||||
|
}
|
||||||
|
if small {
|
||||||
|
var center = (min + max) * .5
|
||||||
|
min, max = center, center
|
||||||
|
}
|
||||||
|
return min, max
|
||||||
|
}
|
||||||
|
|
||||||
|
func (s *Scrollbar) barViewCenter() float64 {
|
||||||
|
switch s.Orientation {
|
||||||
|
case OrientationHorizontal:
|
||||||
|
return (s.Bounds.Min.Y + s.Bounds.Max.Y) * .5
|
||||||
|
default:
|
||||||
|
return (s.Bounds.Min.X + s.Bounds.Max.X) * .5
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
func (s *Scrollbar) toValue(x, y float64) int {
|
||||||
|
var n = y
|
||||||
|
if OrientationHorizontal == s.Orientation {
|
||||||
|
n = x
|
||||||
|
}
|
||||||
|
var min, max = s.barViewRange()
|
||||||
|
if min == max {
|
||||||
|
return s.Minimum
|
||||||
|
}
|
||||||
|
var off = (n - min) / (max - min)
|
||||||
|
var v = s.Minimum + int(off*float64(s.Maximum-s.Minimum)+.5)
|
||||||
|
if v < s.Minimum {
|
||||||
|
v = s.Minimum
|
||||||
|
} else if v > s.Maximum {
|
||||||
|
v = s.Maximum
|
||||||
|
}
|
||||||
|
return v
|
||||||
|
}
|
||||||
|
|
||||||
|
func (s *Scrollbar) change(v int) {
|
||||||
|
if v != s.Value {
|
||||||
|
s.Value = v
|
||||||
|
var onChanged = s.OnChanged
|
||||||
|
if nil != onChanged {
|
||||||
|
onChanged(v)
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
func (s *Scrollbar) snapTo(x, y int) {
|
||||||
|
var val = s.toValue(float64(x), float64(y))
|
||||||
|
s.change(val)
|
||||||
|
}
|
||||||
|
|
||||||
|
func (s *Scrollbar) increment(d int) {
|
||||||
|
var val = s.Value + d
|
||||||
|
if val < s.Minimum {
|
||||||
|
val = s.Minimum
|
||||||
|
} else if val > s.Maximum {
|
||||||
|
val = s.Maximum
|
||||||
|
}
|
||||||
|
s.change(val)
|
||||||
|
}
|
||||||
|
|
||||||
|
func (s *Scrollbar) Handle(ctx Context, ev allegro5.Event) {
|
||||||
|
s.ControlBase.Handle(ctx, ev)
|
||||||
|
s.handle.Handle(ctx, ev)
|
||||||
|
switch e := ev.(type) {
|
||||||
|
case *allegro5.MouseMoveEvent:
|
||||||
|
if s.handle.IsPressed {
|
||||||
|
s.snapTo(e.X, e.Y)
|
||||||
|
}
|
||||||
|
if 0 != e.DeltaZ && s.IsOver {
|
||||||
|
var d = e.DeltaZ
|
||||||
|
if allegro5.IsAnyKeyDown(allegro5.KeyLShift, allegro5.KeyRShift) {
|
||||||
|
d *= 10
|
||||||
|
}
|
||||||
|
s.increment(d)
|
||||||
|
}
|
||||||
|
case *allegro5.MouseButtonDownEvent:
|
||||||
|
if !s.handle.IsPressed && s.IsOver {
|
||||||
|
s.snapTo(e.X, e.Y)
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
func (s *Scrollbar) DesiredSize(Context) geom.PointF {
|
||||||
|
switch s.Orientation {
|
||||||
|
case OrientationHorizontal:
|
||||||
|
return geom.PtF(math.NaN(), ScrollbarWidth)
|
||||||
|
}
|
||||||
|
return geom.PtF(ScrollbarWidth, math.NaN())
|
||||||
|
}
|
||||||
|
|
||||||
|
func (s *Scrollbar) SetRect(rect geom.RectangleF) {
|
||||||
|
switch s.Orientation {
|
||||||
|
case OrientationHorizontal:
|
||||||
|
if rect.Dy() > ScrollbarWidth {
|
||||||
|
rect.Min.Y = rect.Max.Y - ScrollbarWidth
|
||||||
|
}
|
||||||
|
default:
|
||||||
|
if rect.Dx() > ScrollbarWidth {
|
||||||
|
rect.Min.X = rect.Max.X - ScrollbarWidth
|
||||||
|
}
|
||||||
|
}
|
||||||
|
s.ControlBase.SetRect(rect)
|
||||||
|
|
||||||
|
var min, max = s.barViewRange()
|
||||||
|
var off = float64(s.Value-s.Minimum) / float64(s.Maximum-s.Minimum)
|
||||||
|
var centerH = min + (max-min)*off
|
||||||
|
var r = 0.5 * float64(s.handles[0].Width())
|
||||||
|
|
||||||
|
var center = s.barViewCenter()
|
||||||
|
switch s.Orientation {
|
||||||
|
case OrientationHorizontal:
|
||||||
|
s.handle.SetRect(geom.RectF(centerH-r, center-r, centerH+r, center+r))
|
||||||
|
default:
|
||||||
|
s.handle.SetRect(geom.RectF(center-r, centerH-r, center+r, centerH+r))
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
func (s *Scrollbar) Render(ctx Context) {
|
||||||
|
var center = float32(s.barViewCenter())
|
||||||
|
var min64, max64 = s.barViewRange()
|
||||||
|
var min, max = float32(min64), float32(max64)
|
||||||
|
|
||||||
|
var minH = s.handle.Bounds.Min.To32()
|
||||||
|
var stateH = 0
|
||||||
|
if s.handle.IsOver {
|
||||||
|
stateH = 1
|
||||||
|
if s.handle.IsPressed {
|
||||||
|
stateH = 2
|
||||||
|
}
|
||||||
|
}
|
||||||
|
s.handles[stateH].Draw(minH.X, minH.Y)
|
||||||
|
var maxH = s.handle.Bounds.Max.To32()
|
||||||
|
|
||||||
|
switch s.Orientation {
|
||||||
|
case OrientationHorizontal:
|
||||||
|
if min < minH.X-1 { // Top line
|
||||||
|
allegro5.DrawLine(min, center, minH.X-1, center, ctx.Palette().Black(), 1)
|
||||||
|
}
|
||||||
|
if max > maxH.X+1 { // Bottom line
|
||||||
|
allegro5.DrawLine(maxH.X+1, center, max, center, ctx.Palette().Black(), 1)
|
||||||
|
}
|
||||||
|
default:
|
||||||
|
if max < minH.Y-1 { // Top line
|
||||||
|
allegro5.DrawLine(center, max, center, minH.Y-1, ctx.Palette().Black(), 1)
|
||||||
|
}
|
||||||
|
if min > maxH.Y+1 { // Bottom line
|
||||||
|
allegro5.DrawLine(center, maxH.Y+1, center, min, ctx.Palette().Black(), 1)
|
||||||
|
}
|
||||||
|
}
|
||||||
|
s.ControlBase.Render(ctx)
|
||||||
|
}
|
||||||
29
ui/shadow.go
Normal file
29
ui/shadow.go
Normal file
@ -0,0 +1,29 @@
|
|||||||
|
package ui
|
||||||
|
|
||||||
|
import (
|
||||||
|
"opslag.de/schobers/galleg/allegro5"
|
||||||
|
)
|
||||||
|
|
||||||
|
var dropShadowPalette []allegro5.Color
|
||||||
|
|
||||||
|
func initDropShadowPalette() {
|
||||||
|
if nil != dropShadowPalette {
|
||||||
|
return
|
||||||
|
}
|
||||||
|
dropShadowPalette = []allegro5.Color{
|
||||||
|
allegro5.NewColorAlpha(0, 0, 0, 0x0f),
|
||||||
|
allegro5.NewColorAlpha(0, 0, 0, 0x07),
|
||||||
|
allegro5.NewColorAlpha(0, 0, 0, 0x03),
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
func DropShadow(x1, y1, x2, y2 float32) {
|
||||||
|
initDropShadowPalette()
|
||||||
|
|
||||||
|
allegro5.DrawLine(x1, y2+1, x2+1, y2+1, dropShadowPalette[0], 1)
|
||||||
|
allegro5.DrawLine(x2+1, y1, x2+1, y2, dropShadowPalette[0], 1)
|
||||||
|
allegro5.DrawLine(x1, y2+2, x2+2, y2+2, dropShadowPalette[1], 1)
|
||||||
|
allegro5.DrawLine(x2+2, y1, x2+2, y2+1, dropShadowPalette[1], 1)
|
||||||
|
allegro5.DrawLine(x1+1, y2+3, x2+2, y2+3, dropShadowPalette[2], 1)
|
||||||
|
allegro5.DrawLine(x2+3, y1+1, x2+3, y2+2, dropShadowPalette[2], 1)
|
||||||
|
}
|
||||||
97
ui/spinner.go
Normal file
97
ui/spinner.go
Normal file
@ -0,0 +1,97 @@
|
|||||||
|
package ui
|
||||||
|
|
||||||
|
import (
|
||||||
|
"image"
|
||||||
|
"image/color"
|
||||||
|
"math"
|
||||||
|
"time"
|
||||||
|
|
||||||
|
"github.com/llgcode/draw2d/draw2dimg"
|
||||||
|
"opslag.de/schobers/galleg/allegro5"
|
||||||
|
)
|
||||||
|
|
||||||
|
var _ Control = &Spinner{}
|
||||||
|
|
||||||
|
type Spinner struct {
|
||||||
|
ControlBase
|
||||||
|
Text string
|
||||||
|
spin float32
|
||||||
|
circs []*allegro5.Bitmap
|
||||||
|
}
|
||||||
|
|
||||||
|
func createCirle(r, w int, startAngle, a float64, c color.Color) *allegro5.Bitmap {
|
||||||
|
var width = 2*r + w
|
||||||
|
dest := image.NewRGBA(image.Rect(0, 0, width, width))
|
||||||
|
|
||||||
|
gc := draw2dimg.NewGraphicContext(dest)
|
||||||
|
gc.SetFillColor(color.Transparent)
|
||||||
|
gc.Clear()
|
||||||
|
gc.SetFillColor(c)
|
||||||
|
gc.SetStrokeColor(c)
|
||||||
|
gc.SetLineWidth(float64(w))
|
||||||
|
var rad = float64(r)
|
||||||
|
var cnt = float64(width) * .5
|
||||||
|
var dx1, dy1 = cnt + math.Cos(startAngle)*rad, cnt + math.Sin(startAngle)*rad
|
||||||
|
gc.MoveTo(dx1, dy1)
|
||||||
|
gc.ArcTo(cnt, cnt, rad, rad, startAngle, a)
|
||||||
|
gc.Stroke()
|
||||||
|
|
||||||
|
bmp, err := allegro5.NewBitmapFromImage(dest, false)
|
||||||
|
if nil != err {
|
||||||
|
return nil
|
||||||
|
}
|
||||||
|
return bmp
|
||||||
|
}
|
||||||
|
|
||||||
|
func (s *Spinner) Created(ctx Context, p Container) error {
|
||||||
|
s.ControlBase.Created(ctx, p)
|
||||||
|
const numCircs = 32
|
||||||
|
s.circs = make([]*allegro5.Bitmap, numCircs)
|
||||||
|
var am = math.Pi * 2 / float64(numCircs)
|
||||||
|
for i := range s.circs {
|
||||||
|
s.circs[i] = createCirle(8, 3, float64(i)*am, math.Pi, Blue500)
|
||||||
|
}
|
||||||
|
return nil
|
||||||
|
}
|
||||||
|
|
||||||
|
func (s *Spinner) Destroyed(ctx Context) {
|
||||||
|
for _, circ := range s.circs {
|
||||||
|
circ.Destroy()
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
func (s *Spinner) Update(ctx Context, dt time.Duration) {
|
||||||
|
var spin = float64(s.spin)
|
||||||
|
spin += dt.Seconds()
|
||||||
|
for spin > 1. {
|
||||||
|
spin -= 1.
|
||||||
|
}
|
||||||
|
s.spin = float32(spin)
|
||||||
|
}
|
||||||
|
|
||||||
|
func (s *Spinner) Render(ctx Context) {
|
||||||
|
var disp = ctx.Display()
|
||||||
|
var fonts = ctx.Fonts()
|
||||||
|
|
||||||
|
var width = float32(disp.Width())
|
||||||
|
var height = float32(disp.Height())
|
||||||
|
|
||||||
|
var fnt = fonts.Get("default")
|
||||||
|
var textW = fnt.TextWidth(s.Text)
|
||||||
|
|
||||||
|
allegro5.DrawFilledRectangle(0, 0, width, height, ctx.Palette().Disabled())
|
||||||
|
|
||||||
|
const marginH, marginV float32 = 64, 16
|
||||||
|
const textH float32 = 12
|
||||||
|
var rectW, rectH float32 = textW + 2*marginH, 3*marginV + textH + 32
|
||||||
|
var rectX, rectY = (width - rectW) * .5, (height - rectH) * .5
|
||||||
|
allegro5.DrawFilledRectangle(rectX, rectY, rectX+rectW, rectY+rectH, ctx.Palette().White())
|
||||||
|
DropShadow(rectX, rectY, rectX+rectW, rectY+rectH)
|
||||||
|
fnt.Draw(rectX+marginH, rectY+marginV, ctx.Palette().Black(), allegro5.AlignLeft, s.Text)
|
||||||
|
|
||||||
|
const numCircs = 32
|
||||||
|
var i = int(math.Floor(float64(s.spin) * numCircs))
|
||||||
|
s.circs[i].DrawOptions(width*.5, rectY+2*marginV+2*textH, allegro5.DrawOptions{Center: true})
|
||||||
|
|
||||||
|
s.ControlBase.Render(ctx)
|
||||||
|
}
|
||||||
70
ui/state.go
Normal file
70
ui/state.go
Normal file
@ -0,0 +1,70 @@
|
|||||||
|
package ui
|
||||||
|
|
||||||
|
import (
|
||||||
|
"log"
|
||||||
|
"time"
|
||||||
|
|
||||||
|
"opslag.de/schobers/galleg/allegro5"
|
||||||
|
"opslag.de/schobers/geom"
|
||||||
|
)
|
||||||
|
|
||||||
|
type State interface {
|
||||||
|
Enter(Context) error
|
||||||
|
Leave(Context) error
|
||||||
|
Update(Context, time.Duration) (State, error)
|
||||||
|
Handle(Context, allegro5.Event) error
|
||||||
|
Render(Context) error
|
||||||
|
}
|
||||||
|
|
||||||
|
type StateBase struct {
|
||||||
|
Control Control
|
||||||
|
}
|
||||||
|
|
||||||
|
func (s *StateBase) Enter(ctx Context) error {
|
||||||
|
if nil != s.Control {
|
||||||
|
err := s.Control.Created(ctx, nil)
|
||||||
|
if nil != err {
|
||||||
|
log.Println("error creating control")
|
||||||
|
s.Control = nil
|
||||||
|
}
|
||||||
|
}
|
||||||
|
return nil
|
||||||
|
}
|
||||||
|
|
||||||
|
func (s *StateBase) Leave(ctx Context) error {
|
||||||
|
if nil != s.Control {
|
||||||
|
s.Control.Destroyed(ctx)
|
||||||
|
}
|
||||||
|
return nil
|
||||||
|
}
|
||||||
|
|
||||||
|
func (s *StateBase) Update(ctx Context, dt time.Duration) (State, error) {
|
||||||
|
if nil != s.Control {
|
||||||
|
s.Control.Update(ctx, dt)
|
||||||
|
}
|
||||||
|
return nil, nil
|
||||||
|
}
|
||||||
|
|
||||||
|
func (s *StateBase) Handle(ctx Context, ev allegro5.Event) error {
|
||||||
|
if nil != s.Control {
|
||||||
|
s.Control.Handle(ctx, ev)
|
||||||
|
}
|
||||||
|
return nil
|
||||||
|
}
|
||||||
|
|
||||||
|
func Arrange(ctx Context, c Control, rect geom.RectangleF) {
|
||||||
|
if cont, ok := c.(Container); ok {
|
||||||
|
cont.Arrange(ctx, rect)
|
||||||
|
} else {
|
||||||
|
c.SetRect(rect)
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
func (s *StateBase) Render(ctx Context) error {
|
||||||
|
if nil != s.Control {
|
||||||
|
var disp = ctx.Display()
|
||||||
|
Arrange(ctx, s.Control, geom.RectF(0, 0, float64(disp.Width()), float64(disp.Height())))
|
||||||
|
s.Control.Render(ctx)
|
||||||
|
}
|
||||||
|
return nil
|
||||||
|
}
|
||||||
36
ui/statusbar.go
Normal file
36
ui/statusbar.go
Normal file
@ -0,0 +1,36 @@
|
|||||||
|
package ui
|
||||||
|
|
||||||
|
import (
|
||||||
|
"math"
|
||||||
|
|
||||||
|
"opslag.de/schobers/galleg/allegro5"
|
||||||
|
"opslag.de/schobers/geom"
|
||||||
|
)
|
||||||
|
|
||||||
|
var _ Control = &StatusBar{}
|
||||||
|
|
||||||
|
const statusBarHeight = 24
|
||||||
|
|
||||||
|
type StatusBar struct {
|
||||||
|
ControlBase
|
||||||
|
Text string
|
||||||
|
RightText string
|
||||||
|
}
|
||||||
|
|
||||||
|
func (b *StatusBar) DesiredSize(Context) geom.PointF {
|
||||||
|
return geom.PtF(math.NaN(), statusBarHeight)
|
||||||
|
}
|
||||||
|
|
||||||
|
func (b *StatusBar) Render(ctx Context) {
|
||||||
|
var fonts = ctx.Fonts()
|
||||||
|
|
||||||
|
var min = b.Bounds.Min.To32()
|
||||||
|
var max = b.Bounds.Max.To32()
|
||||||
|
allegro5.DrawFilledRectangle(min.X, min.Y, max.X, max.Y, ctx.Palette().Primary())
|
||||||
|
|
||||||
|
var fnt = fonts.Get("default")
|
||||||
|
fnt.Draw(min.X+leftMargin, min.Y+topMargin, ctx.Palette().White(), allegro5.AlignLeft, b.Text)
|
||||||
|
fnt.Draw(max.X-leftMargin, min.Y+topMargin, ctx.Palette().White(), allegro5.AlignRight, b.RightText)
|
||||||
|
|
||||||
|
b.ControlBase.Render(ctx)
|
||||||
|
}
|
||||||
Loading…
Reference in New Issue
Block a user