2023-02-01 23:48:16 -07:00
|
|
|
package basicElements
|
2023-01-08 23:03:19 -07:00
|
|
|
|
|
|
|
import "image"
|
2023-02-08 23:30:14 -07:00
|
|
|
// import "runtime/debug"
|
2023-02-01 23:48:16 -07:00
|
|
|
import "git.tebibyte.media/sashakoshka/tomo/input"
|
2023-01-08 23:03:19 -07:00
|
|
|
import "git.tebibyte.media/sashakoshka/tomo/theme"
|
2023-02-07 22:22:40 -07:00
|
|
|
import "git.tebibyte.media/sashakoshka/tomo/config"
|
2023-01-08 23:03:19 -07:00
|
|
|
import "git.tebibyte.media/sashakoshka/tomo/artist"
|
2023-02-15 16:45:58 -07:00
|
|
|
import "git.tebibyte.media/sashakoshka/tomo/textdraw"
|
2023-01-09 19:25:11 -07:00
|
|
|
import "git.tebibyte.media/sashakoshka/tomo/elements/core"
|
2023-01-08 23:03:19 -07:00
|
|
|
|
2023-01-13 11:51:22 -07:00
|
|
|
// Button is a clickable button.
|
2023-01-08 23:03:19 -07:00
|
|
|
type Button struct {
|
2023-01-09 19:25:11 -07:00
|
|
|
*core.Core
|
2023-01-30 15:01:47 -07:00
|
|
|
*core.FocusableCore
|
2023-01-09 19:25:11 -07:00
|
|
|
core core.CoreControl
|
2023-01-30 15:01:47 -07:00
|
|
|
focusableControl core.FocusableCoreControl
|
2023-02-15 16:45:58 -07:00
|
|
|
drawer textdraw.Drawer
|
2023-01-27 15:55:49 -07:00
|
|
|
|
|
|
|
pressed bool
|
|
|
|
text string
|
2023-01-19 14:49:34 -07:00
|
|
|
|
2023-02-08 12:36:14 -07:00
|
|
|
config config.Wrapped
|
|
|
|
theme theme.Wrapped
|
2023-02-07 22:22:40 -07:00
|
|
|
|
2023-01-19 14:49:34 -07:00
|
|
|
onClick func ()
|
2023-01-08 23:03:19 -07:00
|
|
|
}
|
|
|
|
|
2023-01-13 11:51:22 -07:00
|
|
|
// NewButton creates a new button with the specified label text.
|
2023-01-08 23:03:19 -07:00
|
|
|
func NewButton (text string) (element *Button) {
|
2023-02-08 12:36:14 -07:00
|
|
|
element = &Button { }
|
|
|
|
element.theme.Case = theme.C("basic", "button")
|
2023-02-16 20:41:07 -07:00
|
|
|
element.Core, element.core = core.NewCore(element.drawAll)
|
2023-01-30 15:01:47 -07:00
|
|
|
element.FocusableCore,
|
2023-02-16 20:41:07 -07:00
|
|
|
element.focusableControl = core.NewFocusableCore (func () {
|
|
|
|
element.drawAndPush(true)
|
|
|
|
})
|
2023-01-08 23:03:19 -07:00
|
|
|
element.SetText(text)
|
|
|
|
return
|
|
|
|
}
|
|
|
|
|
2023-02-01 23:48:16 -07:00
|
|
|
func (element *Button) HandleMouseDown (x, y int, button input.Button) {
|
2023-02-08 23:30:14 -07:00
|
|
|
if !element.Enabled() { return }
|
2023-01-30 15:01:47 -07:00
|
|
|
if !element.Focused() { element.Focus() }
|
2023-02-01 23:48:16 -07:00
|
|
|
if button != input.ButtonLeft { return }
|
2023-01-15 22:31:04 -07:00
|
|
|
element.pressed = true
|
2023-02-16 20:41:07 -07:00
|
|
|
element.drawAndPush(true)
|
2023-01-15 22:31:04 -07:00
|
|
|
}
|
|
|
|
|
2023-02-01 23:48:16 -07:00
|
|
|
func (element *Button) HandleMouseUp (x, y int, button input.Button) {
|
|
|
|
if button != input.ButtonLeft { return }
|
2023-01-15 22:31:04 -07:00
|
|
|
element.pressed = false
|
|
|
|
within := image.Point { x, y }.
|
|
|
|
In(element.Bounds())
|
2023-02-08 23:30:14 -07:00
|
|
|
if element.Enabled() && within && element.onClick != nil {
|
2023-01-15 22:31:04 -07:00
|
|
|
element.onClick()
|
|
|
|
}
|
2023-02-16 20:41:07 -07:00
|
|
|
element.drawAndPush(true)
|
2023-01-15 22:31:04 -07:00
|
|
|
}
|
|
|
|
|
|
|
|
func (element *Button) HandleMouseMove (x, y int) { }
|
2023-01-19 14:49:34 -07:00
|
|
|
func (element *Button) HandleMouseScroll (x, y int, deltaX, deltaY float64) { }
|
2023-01-15 22:31:04 -07:00
|
|
|
|
2023-02-01 23:48:16 -07:00
|
|
|
func (element *Button) HandleKeyDown (key input.Key, modifiers input.Modifiers) {
|
2023-01-27 15:55:49 -07:00
|
|
|
if !element.Enabled() { return }
|
2023-02-01 23:48:16 -07:00
|
|
|
if key == input.KeyEnter {
|
2023-01-08 23:03:19 -07:00
|
|
|
element.pressed = true
|
2023-02-16 20:41:07 -07:00
|
|
|
element.drawAndPush(true)
|
2023-01-15 22:31:04 -07:00
|
|
|
}
|
|
|
|
}
|
2023-01-08 23:03:19 -07:00
|
|
|
|
2023-02-01 23:48:16 -07:00
|
|
|
func (element *Button) HandleKeyUp(key input.Key, modifiers input.Modifiers) {
|
|
|
|
if key == input.KeyEnter && element.pressed {
|
2023-01-08 23:03:19 -07:00
|
|
|
element.pressed = false
|
2023-02-16 20:41:07 -07:00
|
|
|
element.drawAndPush(true)
|
2023-01-27 15:55:49 -07:00
|
|
|
if !element.Enabled() { return }
|
2023-01-15 22:31:04 -07:00
|
|
|
if element.onClick != nil {
|
2023-01-08 23:03:19 -07:00
|
|
|
element.onClick()
|
|
|
|
}
|
2023-01-15 22:31:04 -07:00
|
|
|
}
|
|
|
|
}
|
2023-01-09 13:14:36 -07:00
|
|
|
|
2023-01-13 11:51:22 -07:00
|
|
|
// OnClick sets the function to be called when the button is clicked.
|
2023-01-09 13:14:36 -07:00
|
|
|
func (element *Button) OnClick (callback func ()) {
|
|
|
|
element.onClick = callback
|
|
|
|
}
|
|
|
|
|
2023-01-13 11:51:22 -07:00
|
|
|
// SetEnabled sets whether this button can be clicked or not.
|
2023-01-08 23:03:19 -07:00
|
|
|
func (element *Button) SetEnabled (enabled bool) {
|
2023-01-30 15:01:47 -07:00
|
|
|
element.focusableControl.SetEnabled(enabled)
|
2023-01-08 23:03:19 -07:00
|
|
|
}
|
|
|
|
|
2023-01-13 11:51:22 -07:00
|
|
|
// SetText sets the button's label text.
|
2023-01-08 23:03:19 -07:00
|
|
|
func (element *Button) SetText (text string) {
|
|
|
|
if element.text == text { return }
|
|
|
|
|
|
|
|
element.text = text
|
2023-01-17 22:42:04 -07:00
|
|
|
element.drawer.SetText([]rune(text))
|
2023-02-07 22:22:40 -07:00
|
|
|
element.updateMinimumSize()
|
2023-02-16 20:41:07 -07:00
|
|
|
element.drawAndPush(false)
|
2023-02-07 22:22:40 -07:00
|
|
|
}
|
|
|
|
|
|
|
|
// SetTheme sets the element's theme.
|
|
|
|
func (element *Button) SetTheme (new theme.Theme) {
|
2023-02-08 12:36:14 -07:00
|
|
|
if new == element.theme.Theme { return }
|
|
|
|
element.theme.Theme = new
|
2023-02-07 22:22:40 -07:00
|
|
|
element.drawer.SetFace (element.theme.FontFace (
|
|
|
|
theme.FontStyleRegular,
|
2023-02-08 12:36:14 -07:00
|
|
|
theme.FontSizeNormal))
|
2023-02-07 22:22:40 -07:00
|
|
|
element.updateMinimumSize()
|
2023-02-16 20:41:07 -07:00
|
|
|
element.drawAndPush(false)
|
2023-02-07 22:22:40 -07:00
|
|
|
}
|
|
|
|
|
|
|
|
// SetConfig sets the element's configuration.
|
|
|
|
func (element *Button) SetConfig (new config.Config) {
|
2023-02-08 12:36:14 -07:00
|
|
|
if new == element.config.Config { return }
|
|
|
|
element.config.Config = new
|
2023-02-07 22:22:40 -07:00
|
|
|
element.updateMinimumSize()
|
2023-02-16 20:41:07 -07:00
|
|
|
element.drawAndPush(false)
|
2023-02-07 22:22:40 -07:00
|
|
|
}
|
|
|
|
|
|
|
|
func (element *Button) updateMinimumSize () {
|
2023-01-08 23:03:19 -07:00
|
|
|
textBounds := element.drawer.LayoutBounds()
|
2023-02-07 22:22:40 -07:00
|
|
|
minimumSize := textBounds.Inset(-element.config.Padding())
|
2023-01-28 23:49:01 -07:00
|
|
|
element.core.SetMinimumSize(minimumSize.Dx(), minimumSize.Dy())
|
2023-02-07 22:22:40 -07:00
|
|
|
}
|
|
|
|
|
2023-02-16 20:41:07 -07:00
|
|
|
func (element *Button) drawAndPush (partial bool) {
|
2023-02-07 22:22:40 -07:00
|
|
|
if element.core.HasImage () {
|
2023-02-16 20:41:07 -07:00
|
|
|
if partial {
|
|
|
|
element.core.DamageRegion (append (
|
|
|
|
element.drawBackground(true),
|
|
|
|
element.drawText(true))...)
|
|
|
|
} else {
|
|
|
|
element.drawAll()
|
|
|
|
element.core.DamageAll()
|
|
|
|
}
|
2023-02-07 22:22:40 -07:00
|
|
|
}
|
2023-01-08 23:03:19 -07:00
|
|
|
}
|
|
|
|
|
2023-02-16 20:41:07 -07:00
|
|
|
func (element *Button) state () theme.PatternState {
|
|
|
|
return theme.PatternState {
|
2023-01-28 23:49:01 -07:00
|
|
|
Disabled: !element.Enabled(),
|
2023-02-07 09:27:59 -07:00
|
|
|
Focused: element.Focused(),
|
2023-01-28 23:49:01 -07:00
|
|
|
Pressed: element.pressed,
|
2023-02-07 09:27:59 -07:00
|
|
|
}
|
2023-02-16 20:41:07 -07:00
|
|
|
}
|
2023-02-07 09:27:59 -07:00
|
|
|
|
2023-02-16 20:41:07 -07:00
|
|
|
func (element *Button) drawBackground (partial bool) []image.Rectangle {
|
|
|
|
state := element.state()
|
|
|
|
bounds := element.Bounds()
|
2023-02-08 12:36:14 -07:00
|
|
|
pattern := element.theme.Pattern(theme.PatternButton, state)
|
2023-02-16 20:41:07 -07:00
|
|
|
static := element.theme.Hints(theme.PatternButton).StaticInset
|
|
|
|
|
|
|
|
if partial && static != (theme.Inset { }) {
|
|
|
|
return artist.FillRectangleShatter (
|
|
|
|
element.core, pattern, bounds, static.Apply(bounds))
|
|
|
|
} else {
|
|
|
|
return []image.Rectangle {
|
|
|
|
artist.FillRectangle(element.core, pattern, bounds),
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
2023-01-28 23:49:01 -07:00
|
|
|
|
2023-02-16 20:41:07 -07:00
|
|
|
func (element *Button) drawText (partial bool) image.Rectangle {
|
|
|
|
state := element.state()
|
|
|
|
bounds := element.Bounds()
|
|
|
|
foreground := element.theme.Pattern(theme.PatternForeground, state)
|
|
|
|
sink := element.theme.Sink(theme.PatternButton)
|
2023-01-08 23:03:19 -07:00
|
|
|
|
|
|
|
textBounds := element.drawer.LayoutBounds()
|
|
|
|
offset := image.Point {
|
2023-02-07 09:27:59 -07:00
|
|
|
X: bounds.Min.X + (bounds.Dx() - textBounds.Dx()) / 2,
|
|
|
|
Y: bounds.Min.Y + (bounds.Dy() - textBounds.Dy()) / 2,
|
2023-01-08 23:03:19 -07:00
|
|
|
}
|
|
|
|
offset.Y -= textBounds.Min.Y
|
|
|
|
offset.X -= textBounds.Min.X
|
2023-02-16 20:41:07 -07:00
|
|
|
region := textBounds.Union(textBounds.Add(sink)).Add(offset)
|
|
|
|
|
2023-02-08 12:36:14 -07:00
|
|
|
if element.pressed {
|
2023-02-16 20:41:07 -07:00
|
|
|
offset = offset.Add(sink)
|
2023-02-08 12:36:14 -07:00
|
|
|
}
|
|
|
|
|
2023-02-16 20:41:07 -07:00
|
|
|
if partial {
|
|
|
|
pattern := element.theme.Pattern(theme.PatternButton, state)
|
|
|
|
artist.FillRectangleClip (
|
|
|
|
element.core, pattern, bounds, region)
|
|
|
|
}
|
|
|
|
|
2023-02-12 23:49:33 -07:00
|
|
|
element.drawer.Draw(element.core, foreground, offset)
|
2023-02-16 20:41:07 -07:00
|
|
|
return region
|
|
|
|
}
|
|
|
|
|
|
|
|
func (element *Button) drawAll () {
|
|
|
|
element.drawBackground(false)
|
|
|
|
element.drawText(false)
|
2023-01-08 23:03:19 -07:00
|
|
|
}
|