mirror of
https://codeberg.org/1414codeforge/yui.git
synced 2024-12-12 11:26:03 +01:00
Lorenzo Cogotti
958206f1f7
This commit allows more flexible and consistent theme overriding rules for each Widget. There are 3 levels of customization. 1. Global theme (yui.theme) this is the default theme for every Ui 2. Ui theme, this overrides the global theme and provides a default for every Widget of the Ui 3. Widget theme, this overrides the Ui theme for a single widget This commit also allows themes to specify a font field. This replaces the sparse color, font and cornerRadius field often provided by each Widget. Widgets and Uis may also partially override a theme by specifying only a few fields.
83 lines
2.4 KiB
Lua
83 lines
2.4 KiB
Lua
--- Implements a clickable button widget
|
|
--
|
|
-- @classmod yui.Button
|
|
-- @copyright 2022, The DoubleFourteen Code Forge
|
|
-- @author Lorenzo Cogotti, Andrea Pasquini
|
|
--
|
|
--
|
|
-- Button widget receives the following callbacks: @{yui.Widget.WidgetCallbacks|onEnter}(), @{yui.Widget.WidgetCallbacks|onHit}(), @{yui.Widget.WidgetCallbacks|onLeave}().
|
|
|
|
|
|
local BASE = (...):gsub('button$', '')
|
|
|
|
local Widget = require(BASE..'widget')
|
|
local core = require(BASE..'core')
|
|
|
|
local shadowtext = require 'lib.gear.shadowtext'
|
|
local T = require('lib.moonspeak').translate
|
|
|
|
local Button = setmetatable({
|
|
__call = function(cls, args) return cls:new(args) end
|
|
}, Widget)
|
|
Button.__index = Button
|
|
|
|
--- Attributes accepted by the @{Button} widget beyond the standard @{yui.Widget.WidgetAttributes|attributes}
|
|
-- and @{yui.Widget.WidgetCallbacks|callbacks}.
|
|
--
|
|
-- and @{yui.Widget.WidgetCallbacks|callbacks}.
|
|
-- @field text (string) text displayed inside the button
|
|
-- @field[opt='center'] valign (string) vertical alignment 'top', 'bottom', 'center'
|
|
-- @field[opt='center'] align (string) horizontal alignment, 'left', 'center', 'right'
|
|
-- @field cornerRadius (number) radius for rounded corners
|
|
-- @field notranslate (boolean) don't translate text
|
|
-- @table ButtonAttributes
|
|
|
|
|
|
--- Button constructor
|
|
-- @param args (@{ButtonAttributes}) widget attributes
|
|
function Button:new(args)
|
|
self = setmetatable(args, self)
|
|
|
|
self.text = self.text or ""
|
|
self.align = self.align or 'center'
|
|
self.valign = self.valign or 'center'
|
|
self.active = false
|
|
if not self.notranslate then
|
|
self.text = T(self.text)
|
|
end
|
|
return self
|
|
end
|
|
|
|
local function hit(button)
|
|
if not button.active then
|
|
button.active = true
|
|
button:onHit()
|
|
|
|
button.ui.timer:after(0.15, function() button.active = false end)
|
|
end
|
|
end
|
|
|
|
function Button:onPointerInput(_,_, clicked)
|
|
self:grabFocus()
|
|
if clicked then hit(self) end
|
|
end
|
|
|
|
function Button:onActionInput(action)
|
|
if action.confirm then hit(self) end
|
|
end
|
|
|
|
function Button:draw()
|
|
local x,y,w,h = self.x,self.y,self.w,self.h
|
|
local color, font, cornerRadius = core.themeForWidget(self)
|
|
local c = core.colorForWidgetState(self, color)
|
|
|
|
core.drawBox(x,y,w,h, c, cornerRadius)
|
|
love.graphics.setColor(c.fg)
|
|
love.graphics.setFont(font)
|
|
|
|
y = y + core.verticalOffsetForAlign(self.valign, font, h)
|
|
shadowtext.printf(self.text, x+2, y, w-4, self.align)
|
|
end
|
|
|
|
return Button
|