opus/sys/modules/opus/ui/components/Slider.lua

85 lines
2.1 KiB
Lua

local class = require('opus.class')
local UI = require('opus.ui')
local Util = require('opus.util')
local colors = _G.colors
UI.Slider = class(UI.Window)
UI.Slider.defaults = {
UIElement = 'Slider',
height = 1,
barChar = UI.extChars and '\140' or '-',
barColor = colors.gray,
sliderChar = UI.extChars and '\143' or '\124',
sliderColor = colors.blue,
sliderFocusColor = colors.lightBlue,
leftBorder = UI.extChars and '\141' or '\124',
rightBorder = UI.extChars and '\142' or '\124',
value = 0,
min = 0,
max = 100,
event = 'slider_update',
accelerators = {
right = 'slide_right',
left = 'slide_left',
}
}
function UI.Slider:setValue(value)
self.value = tonumber(value) or self.min
end
function UI.Slider:reset() -- form support
self.value = self.min
self:draw()
end
function UI.Slider:focus()
self:draw()
end
function UI.Slider:draw()
local range = self.max - self.min
local perc = (self.value - self.min) / range
local progress = Util.clamp(1 + self.width * perc, 1, self.width)
local bar = { }
for i = 1, self.width do
local filler =
i == 1 and self.leftBorder or
i == self.width and self.rightBorder or
self.barChar
table.insert(bar, filler)
end
self:write(1, 1, table.concat(bar), nil, self.barColor)
self:write(progress, 1, self.sliderChar, nil, self.focused and self.sliderFocusColor or self.sliderColor)
end
function UI.Slider:eventHandler(event)
if event.type == "mouse_down" or event.type == "mouse_drag" then
local range = self.max - self.min
local i = (event.x - 1) / (self.width - 1)
self.value = self.min + (i * range)
self:emit({ type = self.event, value = self.value, element = self })
self:draw()
elseif event.type == 'slide_left' or event.type == 'slide_right' then
local range = self.max - self.min
local step = range / self.width
if event.type == 'slide_left' then
self.value = Util.clamp(self.value - step, self.min, self.max)
else
self.value = Util.clamp(self.value + step, self.min, self.max)
end
self:emit({ type = self.event, value = self.value, element = self })
self:draw()
end
end
function UI.Slider.example()
return UI.Slider {
y = 2, x = 2, ex = -2,
min = 0, max = 1,
}
end