2023-08-10 15:52:01 -06:00
|
|
|
package objects
|
|
|
|
|
2023-08-11 23:02:48 -06:00
|
|
|
import "image"
|
2023-08-10 15:52:01 -06:00
|
|
|
import "git.tebibyte.media/tomo/tomo"
|
2023-08-11 23:02:48 -06:00
|
|
|
import "git.tebibyte.media/tomo/tomo/input"
|
|
|
|
import "git.tebibyte.media/tomo/tomo/event"
|
2023-08-10 15:52:01 -06:00
|
|
|
|
2023-09-14 15:03:19 -06:00
|
|
|
// Slider is a control that selects a numeric value between 0 and 1.
|
2023-08-10 15:52:01 -06:00
|
|
|
type Slider struct {
|
|
|
|
tomo.ContainerBox
|
2023-08-11 23:02:48 -06:00
|
|
|
handle *SliderHandle
|
|
|
|
layout sliderLayout
|
|
|
|
dragging bool
|
|
|
|
dragOffset image.Point
|
2024-05-16 23:22:47 -06:00
|
|
|
step float64
|
2023-08-24 22:09:34 -06:00
|
|
|
|
2023-08-11 23:02:48 -06:00
|
|
|
on struct {
|
2024-05-07 16:24:44 -06:00
|
|
|
slide event.FuncBroadcaster
|
2023-08-11 23:02:48 -06:00
|
|
|
}
|
2023-08-10 15:52:01 -06:00
|
|
|
}
|
|
|
|
|
2023-09-14 15:03:19 -06:00
|
|
|
// SliderHandle is a simple object that serves as a handle for sliders and
|
|
|
|
// scrollbars. It is completely inert.
|
2023-08-10 15:52:01 -06:00
|
|
|
type SliderHandle struct {
|
|
|
|
tomo.Box
|
|
|
|
}
|
|
|
|
|
2023-08-11 23:02:48 -06:00
|
|
|
func newSlider (orient string, value float64) *Slider {
|
2023-08-10 15:52:01 -06:00
|
|
|
this := &Slider {
|
|
|
|
ContainerBox: tomo.NewContainerBox(),
|
|
|
|
handle: &SliderHandle {
|
|
|
|
Box: tomo.NewBox(),
|
|
|
|
},
|
2023-08-11 23:02:48 -06:00
|
|
|
layout: sliderLayout {
|
|
|
|
vertical: orient == "vertical",
|
|
|
|
},
|
2024-05-16 23:22:47 -06:00
|
|
|
step: 0.05,
|
2023-08-10 15:52:01 -06:00
|
|
|
}
|
2023-08-24 22:09:34 -06:00
|
|
|
|
2023-08-10 15:52:01 -06:00
|
|
|
this.Add(this.handle)
|
2023-08-11 23:02:48 -06:00
|
|
|
this.SetFocusable(true)
|
2023-09-14 15:03:19 -06:00
|
|
|
|
2023-09-14 12:48:08 -06:00
|
|
|
this.CaptureDND(true)
|
|
|
|
this.CaptureMouse(true)
|
|
|
|
this.CaptureScroll(true)
|
|
|
|
this.CaptureKeyboard(true)
|
2023-09-14 15:03:19 -06:00
|
|
|
|
2023-08-11 23:02:48 -06:00
|
|
|
this.SetValue(value)
|
|
|
|
this.OnKeyDown(this.handleKeyDown)
|
|
|
|
this.OnMouseDown(this.handleMouseDown)
|
|
|
|
this.OnMouseUp(this.handleMouseUp)
|
|
|
|
this.OnMouseMove(this.handleMouseMove)
|
2024-05-16 23:22:47 -06:00
|
|
|
this.OnScroll(this.handleScroll)
|
2024-06-03 19:13:18 -06:00
|
|
|
|
|
|
|
this.handle.SetRole(tomo.R("objects", "SliderHandle", orient))
|
|
|
|
this.SetRole(tomo.R("objects", "Slider", orient))
|
2023-08-10 15:52:01 -06:00
|
|
|
return this
|
|
|
|
}
|
|
|
|
|
2023-09-14 15:03:19 -06:00
|
|
|
// NewVerticalSlider creates a new vertical slider with the specified value.
|
2023-08-11 23:02:48 -06:00
|
|
|
func NewVerticalSlider (value float64) *Slider {
|
|
|
|
return newSlider("vertical", value)
|
|
|
|
}
|
|
|
|
|
2023-09-14 15:03:19 -06:00
|
|
|
// NewHorizontalSlider creates a new horizontal slider with the specified value.
|
2023-08-11 23:02:48 -06:00
|
|
|
func NewHorizontalSlider (value float64) *Slider {
|
|
|
|
return newSlider("horizontal", value)
|
|
|
|
}
|
|
|
|
|
2023-09-14 15:03:19 -06:00
|
|
|
// SetValue sets the value of the slider between 0 and 1.
|
2023-08-11 23:02:48 -06:00
|
|
|
func (this *Slider) SetValue (value float64) {
|
|
|
|
if value < 0 { value = 0 }
|
|
|
|
if value > 1 { value = 1 }
|
|
|
|
if value == this.layout.value { return }
|
|
|
|
this.layout.value = value
|
|
|
|
this.SetLayout(this.layout)
|
|
|
|
}
|
|
|
|
|
2023-09-14 15:03:19 -06:00
|
|
|
// Value returns the value of the slider between 0 and 1.
|
2023-08-11 23:02:48 -06:00
|
|
|
func (this *Slider) Value () float64 {
|
|
|
|
return this.layout.value
|
2023-08-10 15:52:01 -06:00
|
|
|
}
|
|
|
|
|
2024-05-07 16:24:44 -06:00
|
|
|
// OnValueChange specifies a function to be called when the user moves the
|
|
|
|
// slider.
|
|
|
|
func (this *Slider) OnSlide (callback func ()) event.Cookie {
|
|
|
|
return this.on.slide.Connect(callback)
|
2023-08-11 23:02:48 -06:00
|
|
|
}
|
|
|
|
|
|
|
|
func (this *Slider) handleKeyDown (key input.Key, numpad bool) {
|
2023-08-24 22:09:34 -06:00
|
|
|
var increment float64; if this.layout.vertical {
|
|
|
|
increment = -0.05
|
|
|
|
} else {
|
|
|
|
increment = 0.05
|
|
|
|
}
|
|
|
|
|
2023-08-11 23:02:48 -06:00
|
|
|
switch key {
|
|
|
|
case input.KeyUp, input.KeyLeft:
|
|
|
|
if this.Modifiers().Alt {
|
|
|
|
this.SetValue(0)
|
|
|
|
} else {
|
2023-08-24 22:09:34 -06:00
|
|
|
this.SetValue(this.Value() - increment)
|
2023-08-11 23:02:48 -06:00
|
|
|
}
|
2024-05-16 23:09:59 -06:00
|
|
|
this.on.slide.Broadcast()
|
2023-08-11 23:02:48 -06:00
|
|
|
case input.KeyDown, input.KeyRight:
|
|
|
|
if this.Modifiers().Alt {
|
|
|
|
this.SetValue(1)
|
|
|
|
} else {
|
2023-08-24 22:09:34 -06:00
|
|
|
this.SetValue(this.Value() + increment)
|
2023-08-11 23:02:48 -06:00
|
|
|
}
|
2024-05-16 23:09:59 -06:00
|
|
|
this.on.slide.Broadcast()
|
2023-08-11 23:02:48 -06:00
|
|
|
case input.KeyHome:
|
|
|
|
this.SetValue(0)
|
2024-05-16 23:09:59 -06:00
|
|
|
this.on.slide.Broadcast()
|
2023-08-11 23:02:48 -06:00
|
|
|
case input.KeyEnd:
|
|
|
|
this.SetValue(1)
|
2024-05-16 23:09:59 -06:00
|
|
|
this.on.slide.Broadcast()
|
2023-08-11 23:02:48 -06:00
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
func (this *Slider) handleMouseDown (button input.Button) {
|
|
|
|
pointer := this.MousePosition()
|
|
|
|
handle := this.handle.Bounds()
|
2023-09-14 19:40:06 -06:00
|
|
|
|
|
|
|
within := pointer.In(handle)
|
|
|
|
var above bool; if this.layout.vertical {
|
|
|
|
above = pointer.Y < handle.Min.Y + handle.Dy() / 2
|
2023-08-11 23:02:48 -06:00
|
|
|
} else {
|
2023-09-14 19:40:06 -06:00
|
|
|
above = pointer.X < handle.Min.X + handle.Dx() / 2
|
2023-08-11 23:02:48 -06:00
|
|
|
}
|
2023-08-24 22:09:34 -06:00
|
|
|
|
2023-08-11 23:02:48 -06:00
|
|
|
switch button {
|
|
|
|
case input.ButtonLeft:
|
|
|
|
if within {
|
|
|
|
this.dragging = true
|
|
|
|
this.dragOffset =
|
|
|
|
pointer.Sub(this.handle.Bounds().Min).
|
|
|
|
Add(this.InnerBounds().Min)
|
|
|
|
this.drag()
|
|
|
|
} else {
|
|
|
|
this.dragOffset = this.fallbackDragOffset()
|
|
|
|
this.dragging = true
|
|
|
|
this.drag()
|
|
|
|
}
|
|
|
|
case input.ButtonMiddle:
|
|
|
|
if above {
|
|
|
|
this.SetValue(0)
|
2024-05-07 16:24:44 -06:00
|
|
|
this.on.slide.Broadcast()
|
2023-08-11 23:02:48 -06:00
|
|
|
} else {
|
|
|
|
this.SetValue(1)
|
2024-05-07 16:24:44 -06:00
|
|
|
this.on.slide.Broadcast()
|
2023-08-11 23:02:48 -06:00
|
|
|
}
|
|
|
|
case input.ButtonRight:
|
|
|
|
if above {
|
2024-05-16 23:22:47 -06:00
|
|
|
this.SetValue(this.Value() - this.step)
|
2024-05-07 16:24:44 -06:00
|
|
|
this.on.slide.Broadcast()
|
2023-08-11 23:02:48 -06:00
|
|
|
} else {
|
2024-05-16 23:22:47 -06:00
|
|
|
this.SetValue(this.Value() + this.step)
|
2024-05-07 16:24:44 -06:00
|
|
|
this.on.slide.Broadcast()
|
2023-08-11 23:02:48 -06:00
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
func (this *Slider) handleMouseUp (button input.Button) {
|
|
|
|
if button != input.ButtonLeft || !this.dragging { return }
|
|
|
|
this.dragging = false
|
|
|
|
}
|
|
|
|
|
|
|
|
func (this *Slider) handleMouseMove () {
|
|
|
|
if !this.dragging { return }
|
|
|
|
this.drag()
|
|
|
|
}
|
|
|
|
|
2024-05-16 23:22:47 -06:00
|
|
|
func (this *Slider) handleScroll (x, y float64) {
|
|
|
|
delta := (x + y) * 0.005
|
|
|
|
this.SetValue(this.Value() + delta)
|
|
|
|
this.on.slide.Broadcast()
|
|
|
|
}
|
|
|
|
|
2023-08-11 23:02:48 -06:00
|
|
|
func (this *Slider) drag () {
|
|
|
|
pointer := this.MousePosition().Sub(this.dragOffset)
|
|
|
|
gutter := this.InnerBounds()
|
|
|
|
handle := this.handle.Bounds()
|
|
|
|
|
|
|
|
if this.layout.vertical {
|
|
|
|
this.SetValue (
|
2023-08-24 22:09:34 -06:00
|
|
|
1 -
|
2023-08-11 23:02:48 -06:00
|
|
|
float64(pointer.Y) /
|
|
|
|
float64(gutter.Dy() - handle.Dy()))
|
|
|
|
} else {
|
|
|
|
this.SetValue (
|
|
|
|
float64(pointer.X) /
|
|
|
|
float64(gutter.Dx() - handle.Dx()))
|
|
|
|
}
|
2024-05-07 16:24:44 -06:00
|
|
|
this.on.slide.Broadcast()
|
2023-08-11 23:02:48 -06:00
|
|
|
}
|
|
|
|
|
|
|
|
func (this *Slider) fallbackDragOffset () image.Point {
|
|
|
|
if this.layout.vertical {
|
|
|
|
return this.InnerBounds().Min.
|
|
|
|
Add(image.Pt(0, this.handle.Bounds().Dy() / 2))
|
|
|
|
} else {
|
|
|
|
return this.InnerBounds().Min.
|
|
|
|
Add(image.Pt(this.handle.Bounds().Dx() / 2, 0))
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
type sliderLayout struct {
|
|
|
|
vertical bool
|
|
|
|
value float64
|
|
|
|
}
|
|
|
|
|
|
|
|
func (sliderLayout) MinimumSize (hints tomo.LayoutHints, boxes []tomo.Box) image.Point {
|
|
|
|
if len(boxes) != 1 { return image.Pt(0, 0) }
|
|
|
|
return boxes[0].MinimumSize()
|
|
|
|
}
|
|
|
|
|
|
|
|
func (this sliderLayout) Arrange (hints tomo.LayoutHints, boxes []tomo.Box) {
|
|
|
|
if len(boxes) != 1 { return }
|
|
|
|
handle := image.Rectangle { Max: boxes[0].MinimumSize() }
|
|
|
|
gutter := hints.Bounds
|
2023-08-24 22:09:34 -06:00
|
|
|
|
2023-08-11 23:02:48 -06:00
|
|
|
if this.vertical {
|
|
|
|
height := gutter.Dy() - handle.Dy()
|
2023-08-24 22:09:34 -06:00
|
|
|
offset := int(float64(height) * (1 - this.value))
|
2023-08-20 15:41:14 -06:00
|
|
|
handle.Max.X = gutter.Dx()
|
2023-08-11 23:02:48 -06:00
|
|
|
boxes[0].SetBounds (
|
|
|
|
handle.
|
|
|
|
Add(image.Pt(0, offset)).
|
|
|
|
Add(gutter.Min))
|
|
|
|
} else {
|
|
|
|
width := gutter.Dx() - handle.Dx()
|
|
|
|
offset := int(float64(width) * this.value)
|
2023-08-20 15:41:14 -06:00
|
|
|
handle.Max.Y = gutter.Dy()
|
2023-08-11 23:02:48 -06:00
|
|
|
boxes[0].SetBounds (
|
|
|
|
handle.
|
|
|
|
Add(image.Pt(offset, 0)).
|
|
|
|
Add(gutter.Min))
|
|
|
|
}
|
2023-08-10 15:52:01 -06:00
|
|
|
}
|
2024-06-11 15:17:11 -06:00
|
|
|
|
|
|
|
func (this sliderLayout) RecommendedHeight (tomo.LayoutHints, []tomo.Box, int) int {
|
|
|
|
return 0
|
|
|
|
}
|
|
|
|
|
|
|
|
func (this sliderLayout) RecommendedWidth (tomo.LayoutHints, []tomo.Box, int) int {
|
|
|
|
return 0
|
|
|
|
}
|