mirror of https://github.com/koreader/koreader
Huang Xin
11 years ago
commit
2927d728d7
@ -0,0 +1,55 @@
|
||||
require "ui/widget/container"
|
||||
require "ui/widget/image"
|
||||
|
||||
|
||||
--[[
|
||||
Button with a big icon image! Designed for touch device
|
||||
--]]
|
||||
IconButton = InputContainer:new{
|
||||
icon_file = "resources/info-confirm.png",
|
||||
dimen = nil,
|
||||
-- show_parent is used for UIManager:setDirty, so we can trigger repaint
|
||||
show_parent = nil,
|
||||
callback = function() end,
|
||||
}
|
||||
|
||||
function IconButton:init()
|
||||
self.image = ImageWidget:new{
|
||||
file = self.icon_file
|
||||
}
|
||||
|
||||
self.show_parent = self.show_parent or self
|
||||
self.dimen = self.image:getSize()
|
||||
|
||||
self:initGesListener()
|
||||
|
||||
self[1] = self.image
|
||||
end
|
||||
|
||||
function IconButton:initGesListener()
|
||||
self.ges_events = {
|
||||
TapClickButton = {
|
||||
GestureRange:new{
|
||||
ges = "tap",
|
||||
range = self.dimen,
|
||||
}
|
||||
},
|
||||
}
|
||||
end
|
||||
|
||||
function IconButton:onTapClickButton()
|
||||
self.image.invert = true
|
||||
UIManager:setDirty(self.show_parent, "partial")
|
||||
-- make sure button reacts before doing callback
|
||||
UIManager:scheduleIn(0.1, function()
|
||||
self.callback()
|
||||
self.image.invert = false
|
||||
UIManager:setDirty(self.show_parent, "partial")
|
||||
end)
|
||||
return true
|
||||
end
|
||||
|
||||
function IconButton:onSetDimensions(new_dimen)
|
||||
self.dimen = new_dimen
|
||||
end
|
||||
|
||||
@ -0,0 +1,31 @@
|
||||
require "ui/widget/base"
|
||||
|
||||
LineWidget = Widget:new{
|
||||
style = "solid",
|
||||
background = 15,
|
||||
dimen = nil,
|
||||
--@TODO replay dirty hack here 13.03 2013 (houqp)
|
||||
empty_segments = nil,
|
||||
}
|
||||
|
||||
function LineWidget:paintTo(bb, x, y)
|
||||
if self.style == "dashed" then
|
||||
for i = 0, self.dimen.w - 20, 20 do
|
||||
bb:paintRect(x + i, y,
|
||||
16, self.dimen.h, self.background)
|
||||
end
|
||||
else
|
||||
if self.empty_segments then
|
||||
bb:paintRect(x, y,
|
||||
self.empty_segments[1].s,
|
||||
self.dimen.h,
|
||||
self.background)
|
||||
bb:paintRect(x + self.empty_segments[1].e, y,
|
||||
self.dimen.w - x - self.empty_segments[1].e,
|
||||
self.dimen.h,
|
||||
self.background)
|
||||
else
|
||||
bb:paintRect(x, y, self.dimen.w, self.dimen.h, self.background)
|
||||
end
|
||||
end
|
||||
end
|
||||
@ -0,0 +1,350 @@
|
||||
require "ui/widget/container"
|
||||
require "ui/widget/group"
|
||||
require "ui/widget/line"
|
||||
require "ui/widget/iconbutton"
|
||||
|
||||
|
||||
--[[
|
||||
TouchMenuItem widget
|
||||
--]]
|
||||
TouchMenuItem = InputContainer:new{
|
||||
menu = nil,
|
||||
vertical_align = "center",
|
||||
item = nil,
|
||||
dimen = nil,
|
||||
face = Font:getFace("cfont", 22),
|
||||
show_parent = nil,
|
||||
}
|
||||
|
||||
function TouchMenuItem:init()
|
||||
self.ges_events = {
|
||||
TapSelect = {
|
||||
GestureRange:new{
|
||||
ges = "tap",
|
||||
range = self.dimen,
|
||||
},
|
||||
doc = "Select Menu Item",
|
||||
},
|
||||
}
|
||||
|
||||
self.item_frame = FrameContainer:new{
|
||||
width = self.dimen.w,
|
||||
bordersize = 0,
|
||||
color = 15,
|
||||
HorizontalGroup:new {
|
||||
align = "center",
|
||||
HorizontalSpan:new{ width = 10 },
|
||||
TextWidget:new{
|
||||
text = self.item.text,
|
||||
face = self.face,
|
||||
},
|
||||
},
|
||||
}
|
||||
self[1] = self.item_frame
|
||||
end
|
||||
|
||||
function TouchMenuItem:onTapSelect(arg, ges)
|
||||
self.item_frame.invert = true
|
||||
UIManager:setDirty(self.show_parent, "partial")
|
||||
UIManager:scheduleIn(0.5, function()
|
||||
self.item_frame.invert = false
|
||||
UIManager:setDirty(self.show_parent, "partial")
|
||||
end)
|
||||
self.menu:onMenuSelect(self.item)
|
||||
return true
|
||||
end
|
||||
|
||||
|
||||
--[[
|
||||
TouchMenuBar widget
|
||||
--]]
|
||||
TouchMenuBar = InputContainer:new{
|
||||
height = 70 * Screen:getDPI()/167,
|
||||
width = Screen:getWidth(),
|
||||
icons = {},
|
||||
-- touch menu that holds the bar, used for trigger repaint on icons
|
||||
show_parent = nil,
|
||||
menu = nil,
|
||||
}
|
||||
|
||||
function TouchMenuBar:init()
|
||||
self.show_parent = self.show_parent or self
|
||||
|
||||
self.dimen = Geom:new{
|
||||
w = self.width,
|
||||
h = self.height,
|
||||
}
|
||||
|
||||
self.bar_icon_group = HorizontalGroup:new{}
|
||||
|
||||
local icon_sep = LineWidget:new{
|
||||
dimen = Geom:new{
|
||||
w = 2,
|
||||
h = self.height,
|
||||
}
|
||||
}
|
||||
|
||||
local icon_span = HorizontalSpan:new{ width = 20 }
|
||||
|
||||
-- build up image widget for menu icon bar
|
||||
self.icon_widgets = {}
|
||||
-- the start_seg for first icon_widget should be 0
|
||||
-- we asign negative here to offset it in the loop
|
||||
start_seg = -icon_sep:getSize().w
|
||||
end_seg = start_seg
|
||||
for k, v in ipairs(self.icons) do
|
||||
local ib = IconButton:new{
|
||||
show_parent = self.show_parent,
|
||||
icon_file = v,
|
||||
callback = nil,
|
||||
}
|
||||
|
||||
table.insert(self.icon_widgets, HorizontalGroup:new{
|
||||
icon_span,
|
||||
ib,
|
||||
icon_span,
|
||||
})
|
||||
|
||||
-- we have to use local variable here for closure callback
|
||||
local _start_seg = end_seg + icon_sep:getSize().w
|
||||
local _end_seg = _start_seg + self.icon_widgets[k]:getSize().w
|
||||
|
||||
if k == 1 then
|
||||
self.bar_sep = LineWidget:new{
|
||||
dimen = Geom:new{
|
||||
w = self.width,
|
||||
h = 2,
|
||||
},
|
||||
empty_segments = {
|
||||
{
|
||||
s = _start_seg, e = _end_seg
|
||||
}
|
||||
},
|
||||
}
|
||||
end
|
||||
|
||||
ib.callback = function()
|
||||
self.bar_sep.empty_segments = {
|
||||
{
|
||||
s = _start_seg, e = _end_seg
|
||||
}
|
||||
}
|
||||
self.menu:switchMenuTab(k)
|
||||
end
|
||||
|
||||
table.insert(self.bar_icon_group, self.icon_widgets[k])
|
||||
table.insert(self.bar_icon_group, icon_sep)
|
||||
|
||||
start_seg = _start_seg
|
||||
end_seg = _end_seg
|
||||
end
|
||||
|
||||
self[1] = FrameContainer:new{
|
||||
bordersize = 0,
|
||||
padding = 0,
|
||||
VerticalGroup:new{
|
||||
align = "left",
|
||||
-- bar icons
|
||||
self.bar_icon_group,
|
||||
-- separate line
|
||||
self.bar_sep
|
||||
},
|
||||
}
|
||||
end
|
||||
|
||||
|
||||
--[[
|
||||
TouchMenu widget
|
||||
--]]
|
||||
TouchMenu = InputContainer:new{
|
||||
tab_item_table = {},
|
||||
-- for returnning in multi-level menus
|
||||
item_table_stack = {},
|
||||
item_table = nil,
|
||||
--@TODO replace getDPI call (houqp)
|
||||
item_height = 50 * Screen:getDPI()/167,
|
||||
bordersize = 2 * Screen:getDPI()/167,
|
||||
padding = 5 * Screen:getDPI()/167,
|
||||
width = Screen:getWidth(),
|
||||
height = nil,
|
||||
page = 1,
|
||||
max_per_page = 10,
|
||||
-- for UIManager:setDirty
|
||||
show_parent = nil,
|
||||
cur_tab = -1,
|
||||
close_callback = nil,
|
||||
}
|
||||
|
||||
function TouchMenu:init()
|
||||
self.show_parent = self.show_parent or self
|
||||
if not self.close_callback then
|
||||
self.close_callback = function()
|
||||
UIManager:close(self.show_parent)
|
||||
end
|
||||
end
|
||||
|
||||
self.ges_events.TapCloseAllMenus = {
|
||||
GestureRange:new{
|
||||
ges = "tap",
|
||||
range = Geom:new{
|
||||
x = 0, y = 0,
|
||||
w = Screen:getWidth(),
|
||||
h = Screen:getHeight(),
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
local icons = {}
|
||||
for _,v in ipairs(self.tab_item_table) do
|
||||
table.insert(icons, v.icon)
|
||||
end
|
||||
self.bar = TouchMenuBar:new{
|
||||
width = self.width - self.padding * 2 - self.bordersize * 2,
|
||||
icons = icons,
|
||||
show_parent = self.show_parent,
|
||||
menu = self,
|
||||
}
|
||||
|
||||
self.item_group = VerticalGroup:new{
|
||||
align = "left",
|
||||
}
|
||||
|
||||
self.footer = HorizontalGroup:new{
|
||||
IconButton:new{
|
||||
invert = true,
|
||||
icon_file = "resources/icons/appbar.chevron.left.png",
|
||||
show_parent = self.show_parent,
|
||||
callback = function()
|
||||
self:backToUpperMenu()
|
||||
end,
|
||||
}
|
||||
}
|
||||
|
||||
self[1] = FrameContainer:new{
|
||||
padding = self.padding,
|
||||
bordersize = self.bordersize,
|
||||
background = 0,
|
||||
-- menubar and footer will be inserted in
|
||||
-- item_group in updateItems
|
||||
self.item_group,
|
||||
}
|
||||
|
||||
self:switchMenuTab(1)
|
||||
self:updateItems()
|
||||
end
|
||||
|
||||
function TouchMenu:_recalculateDimen()
|
||||
self.dimen.w = self.width
|
||||
-- if height not given, dynamically calculate it
|
||||
if not self.height then
|
||||
self.dimen.h = (#self.item_table + 2) * self.item_height
|
||||
+ self.bar:getSize().h
|
||||
else
|
||||
self.dimen.h = self.height
|
||||
end
|
||||
if self.dimen.h > Screen:getHeight() then
|
||||
self.dimen.h = Screen:getHeight()
|
||||
end
|
||||
self.perpage = math.floor(self.dimen.h / self.item_height) - 2
|
||||
if self.perpage > self.max_per_page then
|
||||
self.perpage = self.max_per_page
|
||||
end
|
||||
self.page_num = math.ceil(#self.item_table / self.perpage)
|
||||
end
|
||||
|
||||
function TouchMenu:updateItems()
|
||||
self:_recalculateDimen()
|
||||
self.item_group:clear()
|
||||
table.insert(self.item_group, self.bar)
|
||||
|
||||
local item_width = self.dimen.w - self.padding*2 - self.bordersize*2
|
||||
|
||||
for c = 1, self.perpage do
|
||||
-- calculate index in item_table
|
||||
local i = (self.page - 1) * self.perpage + c
|
||||
if i <= #self.item_table then
|
||||
local item_tmp = TouchMenuItem:new{
|
||||
item = self.item_table[i],
|
||||
menu = self,
|
||||
dimen = Geom:new{
|
||||
w = item_width,
|
||||
h = self.item_height,
|
||||
},
|
||||
show_parent = self.show_parent,
|
||||
}
|
||||
table.insert(self.item_group, item_tmp)
|
||||
-- insert split line
|
||||
if c ~= self.perpage then
|
||||
table.insert(self.item_group, HorizontalGroup:new{
|
||||
-- pad with spacing
|
||||
HorizontalSpan:new{width = 10},
|
||||
LineWidget:new{
|
||||
style = "dashed",
|
||||
dimen = Geom:new{
|
||||
w = item_width - 20,
|
||||
h = 1,
|
||||
}
|
||||
}
|
||||
})
|
||||
end
|
||||
else
|
||||
-- item not enough to fill the whole page, break out of loop
|
||||
--table.insert(self.item_group,
|
||||
--VerticalSpan:new{
|
||||
--width = self.item_height
|
||||
--})
|
||||
--break
|
||||
end -- if i <= self.items
|
||||
end -- for c=1, self.perpage
|
||||
|
||||
table.insert(self.item_group, VerticalSpan:new{width = 2})
|
||||
table.insert(self.item_group, self.footer)
|
||||
-- FIXME: this is a dirty hack to clear previous menus
|
||||
-- refert to issue #664
|
||||
UIManager.repaint_all = true
|
||||
end
|
||||
|
||||
function TouchMenu:switchMenuTab(tab_num)
|
||||
if self.cur_tab ~= tab_num then
|
||||
self.cur_tab = tab_num
|
||||
self.item_table = self.tab_item_table[tab_num]
|
||||
self:updateItems()
|
||||
end
|
||||
end
|
||||
|
||||
function TouchMenu:backToUpperMenu()
|
||||
if #self.item_table_stack ~= 0 then
|
||||
self.item_table = table.remove(self.item_table_stack)
|
||||
self:updateItems()
|
||||
end
|
||||
end
|
||||
|
||||
function TouchMenu:closeMenu()
|
||||
self.close_callback()
|
||||
end
|
||||
|
||||
function TouchMenu:onMenuSelect(item)
|
||||
if item.sub_item_table == nil then
|
||||
if item.callback then
|
||||
-- put stuff in scheduler so we can See
|
||||
-- the effect of inverted menu item
|
||||
UIManager:scheduleIn(0.1, function()
|
||||
self:closeMenu()
|
||||
item.callback()
|
||||
end)
|
||||
end
|
||||
else
|
||||
table.insert(self.item_table_stack, self.item_table)
|
||||
self.item_table = item.sub_item_table
|
||||
self:updateItems()
|
||||
end
|
||||
return true
|
||||
end
|
||||
|
||||
function TouchMenu:onTapCloseAllMenus(arg, ges_ev)
|
||||
if ges_ev.pos:notIntersectWith(self.dimen) then
|
||||
self:closeMenu()
|
||||
return true
|
||||
end
|
||||
end
|
||||
|
||||
Binary file not shown.
|
Before Width: | Height: | Size: 422 B After Width: | Height: | Size: 750 B |
Binary file not shown.
|
After Width: | Height: | Size: 649 B |
Binary file not shown.
|
After Width: | Height: | Size: 1.6 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 3.9 KiB |
Loading…
Reference in New Issue