mirror of https://github.com/koreader/koreader
[UX] Add CheckMark and use in TouchMenu checkable indicator
Uses `✓` overlaid on `▢` to create the checkbox.pull/3098/head
parent
7376c57ceb
commit
cda148e4b7
@ -0,0 +1,50 @@
|
||||
--[[--
|
||||
Widget that shows a checkmark (`✓`), an empty box (`□`)
|
||||
or nothing of the same size.
|
||||
|
||||
Example:
|
||||
|
||||
local CheckMark = require("ui/widget/CheckMark")
|
||||
local parent_widget = FrameContainer:new{}
|
||||
table.insert(parent_widget, CheckMark:new{
|
||||
checkable = false, -- shows nothing when false, defaults to true
|
||||
checked = function() end, -- whether the box has a checkmark in it
|
||||
})
|
||||
UIManager:show(parent_widget)
|
||||
|
||||
]]
|
||||
|
||||
local Font = require("ui/font")
|
||||
local InputContainer = require("ui/widget/container/inputcontainer")
|
||||
local OverlapGroup = require("ui/widget/overlapgroup")
|
||||
local TextWidget = require("ui/widget/textwidget")
|
||||
|
||||
local CheckMark = InputContainer:new{
|
||||
checkable = true,
|
||||
checked = false,
|
||||
face = Font:getFace("smallinfofont"),
|
||||
width = 0,
|
||||
height = 0,
|
||||
}
|
||||
|
||||
function CheckMark:init()
|
||||
local checked_widget = TextWidget:new{
|
||||
text = " ✓",
|
||||
face = self.face,
|
||||
}
|
||||
local unchecked_widget = TextWidget:new{
|
||||
text = "▢ ",
|
||||
face = self.face,
|
||||
}
|
||||
local empty_widget = TextWidget:new{
|
||||
text = "",
|
||||
face = self.face,
|
||||
}
|
||||
self[1] = self.checkable and OverlapGroup:new{
|
||||
(self.checked and checked_widget or empty_widget),
|
||||
unchecked_widget
|
||||
}
|
||||
or empty_widget
|
||||
end
|
||||
|
||||
return CheckMark
|
Loading…
Reference in New Issue