mirror of
https://github.com/koreader/koreader
synced 2024-11-18 03:25:46 +00:00
978aa2006a
Focusing (highlighting/inverting) widgets should not happen on touch devices withoud DPad.
229 lines
7.3 KiB
Lua
229 lines
7.3 KiB
Lua
local Device = require("device")
|
|
local Event = require("ui/event")
|
|
local InputContainer = require("ui/widget/container/inputcontainer")
|
|
local logger = require("logger")
|
|
local UIManager = require("ui/uimanager")
|
|
--[[
|
|
Wrapper Widget that manages focus for a whole dialog
|
|
|
|
supports a 2D model of active elements
|
|
|
|
e.g.:
|
|
layout = {
|
|
{ textinput, textinput, item },
|
|
{ okbutton, cancelbutton, item },
|
|
{ nil, item, nil },
|
|
{ nil, item, nil },
|
|
{ nil, item, nil },
|
|
}
|
|
Navigate the layout by trying to avoid not set or nil value.
|
|
Provide a simple wrap around in the vertical direction.
|
|
The first element of the first table must be valid to ensure
|
|
to not get stuck in an invalid position.
|
|
|
|
but notice that this does _not_ do the layout for you,
|
|
it rather defines an abstract layout.
|
|
]]
|
|
local FocusManager = InputContainer:new{
|
|
selected = nil, -- defaults to x=1, y=1
|
|
layout = nil, -- mandatory
|
|
movement_allowed = { x = true, y = true },
|
|
}
|
|
|
|
function FocusManager:init()
|
|
if not self.selected then
|
|
self.selected = { x = 1, y = 1 }
|
|
end
|
|
|
|
if Device:hasDPad() then
|
|
self.key_events = {
|
|
-- these will all generate the same event, just with different arguments
|
|
FocusUp = { {"Up"}, doc = "move focus up", event = "FocusMove", args = {0, -1} },
|
|
FocusDown = { {"Down"}, doc = "move focus down", event = "FocusMove", args = {0, 1} },
|
|
FocusLeft = { {"Left"}, doc = "move focus left", event = "FocusMove", args = {-1, 0} },
|
|
FocusRight = { {"Right"}, doc = "move focus right", event = "FocusMove", args = {1, 0} },
|
|
}
|
|
if Device:hasFewKeys() then
|
|
self.key_events.FocusLeft = nil
|
|
end
|
|
end
|
|
end
|
|
|
|
function FocusManager:onFocusMove(args)
|
|
if not self.layout then -- allow parent focus manger to handle the event
|
|
return false
|
|
end
|
|
local dx, dy = unpack(args)
|
|
|
|
if (dx ~= 0 and not self.movement_allowed.x)
|
|
or (dy ~= 0 and not self.movement_allowed.y) then
|
|
return true
|
|
end
|
|
|
|
if not self.layout[self.selected.y] or not self.layout[self.selected.y][self.selected.x] then
|
|
return true
|
|
end
|
|
local current_item = self.layout[self.selected.y][self.selected.x]
|
|
while true do
|
|
if not self.layout[self.selected.y + dy] then
|
|
--horizontal border, try to wraparound
|
|
if not self:_wrapAroundY(dy) then
|
|
break
|
|
end
|
|
elseif not self.layout[self.selected.y + dy][self.selected.x] then
|
|
--inner horizontal border, trying to be clever and step down
|
|
if not self:_verticalStep(dy) then
|
|
break
|
|
end
|
|
elseif not self.layout[self.selected.y + dy][self.selected.x + dx] then
|
|
--vertical border, try to wraparound
|
|
if not self:_wrapAroundX(dx) then
|
|
break
|
|
end
|
|
else
|
|
self.selected.y = self.selected.y + dy
|
|
self.selected.x = self.selected.x + dx
|
|
end
|
|
logger.dbg("Cursor position : ".. self.selected.y .." : "..self.selected.x)
|
|
|
|
if self.layout[self.selected.y][self.selected.x] ~= current_item
|
|
or not self.layout[self.selected.y][self.selected.x].is_inactive then
|
|
-- we found a different object to focus
|
|
current_item:handleEvent(Event:new("Unfocus"))
|
|
self.layout[self.selected.y][self.selected.x]:handleEvent(Event:new("Focus"))
|
|
-- Trigger a fast repaint, this does not count toward a flashing eink refresh
|
|
-- NOTE: Ideally, we'd only have to repaint the specific subwidget we're highlighting,
|
|
-- but we may not know its exact coordinates, so, redraw the parent widget instead.
|
|
UIManager:setDirty(self.show_parent or self, "fast")
|
|
break
|
|
end
|
|
end
|
|
return true
|
|
end
|
|
|
|
--- Go to the last valid item directly left or right of the current item.
|
|
-- @return false if none could be found
|
|
function FocusManager:_wrapAroundX(dx)
|
|
local x = self.selected.x
|
|
while self.layout[x - dx] do
|
|
x = x - dx
|
|
end
|
|
if x ~= self.selected.x then
|
|
self.selected.x = x
|
|
if not self.layout[self.selected.y][self.selected.x] then
|
|
--call verticalStep on the current line to perform the search
|
|
return self:_verticalStep(0)
|
|
end
|
|
return true
|
|
else
|
|
return false
|
|
end
|
|
end
|
|
|
|
--- Go to the last valid item directly above or below the current item.
|
|
-- @return false if none could be found
|
|
function FocusManager:_wrapAroundY(dy)
|
|
local y = self.selected.y
|
|
while self.layout[y - dy] do
|
|
y = y - dy
|
|
end
|
|
if y ~= self.selected.y then
|
|
self.selected.y = y
|
|
if not self.layout[self.selected.y][self.selected.x] then
|
|
--call verticalStep on the current line to perform the search
|
|
return self:_verticalStep(0)
|
|
end
|
|
return true
|
|
else
|
|
return false
|
|
end
|
|
end
|
|
|
|
function FocusManager:_verticalStep(dy)
|
|
local x = self.selected.x
|
|
if type(self.layout[self.selected.y + dy]) ~= "table" or self.layout[self.selected.y + dy] == {} then
|
|
logger.err("[FocusManager] : Malformed layout")
|
|
return false
|
|
end
|
|
--looking for the item on the line below, the closest on the left side
|
|
while not self.layout[self.selected.y + dy][x] do
|
|
x = x - 1
|
|
if x == 0 then
|
|
--if he is not on the left, must be on the right
|
|
x = self.selected.x
|
|
while not self.layout[self.selected.y + dy][x] do
|
|
x = x + 1
|
|
end
|
|
end
|
|
end
|
|
self.selected.x = x
|
|
self.selected.y = self.selected.y + dy
|
|
return true
|
|
end
|
|
|
|
function FocusManager:getFocusItem()
|
|
if not self.layout then
|
|
return nil
|
|
end
|
|
return self.layout[self.selected.y][self.selected.x]
|
|
end
|
|
|
|
function FocusManager:sendTapEventToFocusedWidget()
|
|
local focused_widget = self:getFocusItem()
|
|
if focused_widget then
|
|
-- center of widget position
|
|
local point = focused_widget.dimen:copy()
|
|
point.x = point.x + point.w / 2
|
|
point.y = point.y + point.h / 2
|
|
point.w = 0
|
|
point.h = 0
|
|
UIManager:sendEvent(Event:new("Gesture", {
|
|
ges = "tap",
|
|
pos = point,
|
|
}))
|
|
return true
|
|
end
|
|
return false
|
|
end
|
|
|
|
function FocusManager:mergeLayoutInVertical(child)
|
|
if not child.layout then
|
|
return
|
|
end
|
|
for _, row in ipairs(child.layout) do
|
|
table.insert(self.layout, row)
|
|
end
|
|
child:disableFocusManagement()
|
|
end
|
|
|
|
function FocusManager:mergeLayoutInHorizontal(child)
|
|
if not child.layout then
|
|
return
|
|
end
|
|
for i, row in ipairs(child.layout) do
|
|
local prow = self.layout[i]
|
|
if not prow then
|
|
prow = {}
|
|
self.layout[i] = prow
|
|
end
|
|
for _, widget in ipairs(row) do
|
|
table.insert(prow, widget)
|
|
end
|
|
end
|
|
child:disableFocusManagement()
|
|
end
|
|
|
|
function FocusManager:disableFocusManagement()
|
|
self.layout = nil -- turn off focus feature
|
|
end
|
|
|
|
--- Container call this method after init to let first widget render in focus style
|
|
function FocusManager:focusTopLeftWidget()
|
|
if Device:hasDPad() then
|
|
-- trigger selected widget in focused style
|
|
self:onFocusMove({0, 0})
|
|
end
|
|
end
|
|
|
|
return FocusManager
|