280 lines
7.3 KiB
Go
280 lines
7.3 KiB
Go
package elements
|
|
|
|
import "image"
|
|
import "git.tebibyte.media/sashakoshka/tomo"
|
|
import "git.tebibyte.media/sashakoshka/tomo/input"
|
|
import "git.tebibyte.media/sashakoshka/tomo/canvas"
|
|
import "git.tebibyte.media/sashakoshka/tomo/default/theme"
|
|
import "git.tebibyte.media/sashakoshka/tomo/default/config"
|
|
import "git.tebibyte.media/sashakoshka/tomo/textdraw"
|
|
|
|
// ToggleButton is a togglable button.
|
|
type ToggleButton struct {
|
|
entity tomo.FocusableEntity
|
|
drawer textdraw.Drawer
|
|
|
|
enabled bool
|
|
pressed bool
|
|
on bool
|
|
text string
|
|
|
|
config config.Wrapped
|
|
theme theme.Wrapped
|
|
|
|
showText bool
|
|
hasIcon bool
|
|
iconId tomo.Icon
|
|
|
|
onToggle func ()
|
|
}
|
|
|
|
// NewToggleButton creates a new toggle button with the specified label text.
|
|
func NewToggleButton (text string, on bool) (element *ToggleButton) {
|
|
element = &ToggleButton {
|
|
showText: true,
|
|
enabled: true,
|
|
on: on,
|
|
}
|
|
element.entity = tomo.NewEntity(element).(tomo.FocusableEntity)
|
|
element.theme.Case = tomo.C("tomo", "toggleButton")
|
|
element.drawer.SetFace (element.theme.FontFace (
|
|
tomo.FontStyleRegular,
|
|
tomo.FontSizeNormal))
|
|
element.SetText(text)
|
|
return
|
|
}
|
|
|
|
// Entity returns this element's entity.
|
|
func (element *ToggleButton) Entity () tomo.Entity {
|
|
return element.entity
|
|
}
|
|
|
|
// Draw causes the element to draw to the specified destination canvas.
|
|
func (element *ToggleButton) Draw (destination canvas.Canvas) {
|
|
state := element.state()
|
|
bounds := element.entity.Bounds()
|
|
pattern := element.theme.Pattern(tomo.PatternButton, state)
|
|
|
|
lampPattern := element.theme.Pattern(tomo.PatternLamp, state)
|
|
lampPadding := element.theme.Padding(tomo.PatternLamp).Horizontal()
|
|
lampBounds := bounds
|
|
lampBounds.Max.X = lampBounds.Min.X + lampPadding
|
|
bounds.Min.X += lampPadding
|
|
|
|
pattern.Draw(destination, bounds)
|
|
lampPattern.Draw(destination, lampBounds)
|
|
|
|
foreground := element.theme.Color(tomo.ColorForeground, state)
|
|
sink := element.theme.Sink(tomo.PatternButton)
|
|
margin := element.theme.Margin(tomo.PatternButton)
|
|
|
|
offset := image.Pt (
|
|
bounds.Dx() / 2,
|
|
bounds.Dy() / 2).Add(bounds.Min)
|
|
|
|
if element.showText {
|
|
textBounds := element.drawer.LayoutBounds()
|
|
offset.X -= textBounds.Dx() / 2
|
|
offset.Y -= textBounds.Dy() / 2
|
|
offset.Y -= textBounds.Min.Y
|
|
offset.X -= textBounds.Min.X
|
|
}
|
|
|
|
if element.hasIcon {
|
|
icon := element.theme.Icon(element.iconId, tomo.IconSizeSmall)
|
|
if icon != nil {
|
|
iconBounds := icon.Bounds()
|
|
addedWidth := iconBounds.Dx()
|
|
iconOffset := offset
|
|
|
|
if element.showText {
|
|
addedWidth += margin.X
|
|
}
|
|
|
|
iconOffset.X -= addedWidth / 2
|
|
iconOffset.Y =
|
|
bounds.Min.Y +
|
|
(bounds.Dy() -
|
|
iconBounds.Dy()) / 2
|
|
if element.pressed {
|
|
iconOffset = iconOffset.Add(sink)
|
|
}
|
|
offset.X += addedWidth / 2
|
|
|
|
icon.Draw(destination, foreground, iconOffset)
|
|
}
|
|
}
|
|
|
|
if element.showText {
|
|
if element.pressed {
|
|
offset = offset.Add(sink)
|
|
}
|
|
element.drawer.Draw(destination, foreground, offset)
|
|
}
|
|
}
|
|
|
|
// OnToggle sets the function to be called when the button is toggled.
|
|
func (element *ToggleButton) OnToggle (callback func ()) {
|
|
element.onToggle = callback
|
|
}
|
|
|
|
// Value reports whether or not the button is currently on.
|
|
func (element *ToggleButton) Value () (on bool) {
|
|
return element.on
|
|
}
|
|
|
|
// Focus gives this element input focus.
|
|
func (element *ToggleButton) Focus () {
|
|
if !element.entity.Focused() { element.entity.Focus() }
|
|
}
|
|
|
|
// Enabled returns whether this button is enabled or not.
|
|
func (element *ToggleButton) Enabled () bool {
|
|
return element.enabled
|
|
}
|
|
|
|
// SetEnabled sets whether this button can be toggled or not.
|
|
func (element *ToggleButton) SetEnabled (enabled bool) {
|
|
if element.enabled == enabled { return }
|
|
element.enabled = enabled
|
|
element.entity.Invalidate()
|
|
}
|
|
|
|
// SetText sets the button's label text.
|
|
func (element *ToggleButton) SetText (text string) {
|
|
if element.text == text { return }
|
|
element.text = text
|
|
element.drawer.SetText([]rune(text))
|
|
element.updateMinimumSize()
|
|
element.entity.Invalidate()
|
|
}
|
|
|
|
// SetIcon sets the icon of the button. Passing theme.IconNone removes the
|
|
// current icon if it exists.
|
|
func (element *ToggleButton) SetIcon (id tomo.Icon) {
|
|
if id == tomo.IconNone {
|
|
element.hasIcon = false
|
|
} else {
|
|
if element.hasIcon && element.iconId == id { return }
|
|
element.hasIcon = true
|
|
element.iconId = id
|
|
}
|
|
element.updateMinimumSize()
|
|
element.entity.Invalidate()
|
|
}
|
|
|
|
// ShowText sets whether or not the button's text will be displayed.
|
|
func (element *ToggleButton) ShowText (showText bool) {
|
|
if element.showText == showText { return }
|
|
element.showText = showText
|
|
element.updateMinimumSize()
|
|
element.entity.Invalidate()
|
|
}
|
|
|
|
// SetTheme sets the element's theme.
|
|
func (element *ToggleButton) SetTheme (new tomo.Theme) {
|
|
if new == element.theme.Theme { return }
|
|
element.theme.Theme = new
|
|
element.drawer.SetFace (element.theme.FontFace (
|
|
tomo.FontStyleRegular,
|
|
tomo.FontSizeNormal))
|
|
element.updateMinimumSize()
|
|
element.entity.Invalidate()
|
|
}
|
|
|
|
// SetConfig sets the element's configuration.
|
|
func (element *ToggleButton) SetConfig (new tomo.Config) {
|
|
if new == element.config.Config { return }
|
|
element.config.Config = new
|
|
element.updateMinimumSize()
|
|
element.entity.Invalidate()
|
|
}
|
|
|
|
func (element *ToggleButton) HandleFocusChange () {
|
|
element.entity.Invalidate()
|
|
}
|
|
|
|
func (element *ToggleButton) HandleMouseDown (
|
|
position image.Point,
|
|
button input.Button,
|
|
modifiers input.Modifiers,
|
|
) {
|
|
if !element.Enabled() { return }
|
|
element.Focus()
|
|
if button != input.ButtonLeft { return }
|
|
element.pressed = true
|
|
element.entity.Invalidate()
|
|
}
|
|
|
|
func (element *ToggleButton) HandleMouseUp (
|
|
position image.Point,
|
|
button input.Button,
|
|
modifiers input.Modifiers,
|
|
) {
|
|
if button != input.ButtonLeft { return }
|
|
element.pressed = false
|
|
within := position.In(element.entity.Bounds())
|
|
if element.Enabled() && within {
|
|
element.on = !element.on
|
|
if element.onToggle != nil {
|
|
element.onToggle()
|
|
}
|
|
}
|
|
element.entity.Invalidate()
|
|
}
|
|
|
|
func (element *ToggleButton) HandleKeyDown (key input.Key, modifiers input.Modifiers) {
|
|
if !element.Enabled() { return }
|
|
if key == input.KeyEnter {
|
|
element.pressed = true
|
|
element.entity.Invalidate()
|
|
}
|
|
}
|
|
|
|
func (element *ToggleButton) HandleKeyUp(key input.Key, modifiers input.Modifiers) {
|
|
if key == input.KeyEnter && element.pressed {
|
|
element.pressed = false
|
|
element.entity.Invalidate()
|
|
if !element.Enabled() { return }
|
|
element.on = !element.on
|
|
if element.onToggle != nil {
|
|
element.onToggle()
|
|
}
|
|
}
|
|
}
|
|
|
|
func (element *ToggleButton) updateMinimumSize () {
|
|
padding := element.theme.Padding(tomo.PatternButton)
|
|
margin := element.theme.Margin(tomo.PatternButton)
|
|
lampPadding := element.theme.Padding(tomo.PatternLamp)
|
|
|
|
textBounds := element.drawer.LayoutBounds()
|
|
minimumSize := textBounds.Sub(textBounds.Min)
|
|
|
|
if element.hasIcon {
|
|
icon := element.theme.Icon(element.iconId, tomo.IconSizeSmall)
|
|
if icon != nil {
|
|
bounds := icon.Bounds()
|
|
if element.showText {
|
|
minimumSize.Max.X += bounds.Dx()
|
|
minimumSize.Max.X += margin.X
|
|
} else {
|
|
minimumSize.Max.X = bounds.Dx()
|
|
}
|
|
}
|
|
}
|
|
|
|
minimumSize.Max.X += lampPadding.Horizontal()
|
|
minimumSize = padding.Inverse().Apply(minimumSize)
|
|
element.entity.SetMinimumSize(minimumSize.Dx(), minimumSize.Dy())
|
|
}
|
|
|
|
func (element *ToggleButton) state () tomo.State {
|
|
return tomo.State {
|
|
Disabled: !element.Enabled(),
|
|
Focused: element.entity.Focused(),
|
|
Pressed: element.pressed,
|
|
On: element.on,
|
|
}
|
|
}
|