Add more events on button (long_tap, repeated_tap, double_tap)

This commit is contained in:
Insality 2020-02-24 23:36:44 +03:00
parent b1fbb7c5bf
commit 162bbd0ed9
6 changed files with 122 additions and 10 deletions

View File

@ -47,14 +47,67 @@ local function on_button_hover(self, hover_state)
end end
local function on_button_click(self)
if self.style.on_click then
self.style.on_click(self, self.anim_node)
end
self.click_in_row = 1
self.on_click:trigger(self:get_context(), self.params, self)
end
local function on_button_repeated_click(self)
if self.style.on_click then
self.style.on_click(self, self.anim_node)
end
self.click_in_row = self.click_in_row + 1
self.on_repeated_click:trigger(self:get_context(), self.params, self)
end
local function on_button_long_click(self)
if self.style.on_click then
self.style.on_click(self, self.anim_node)
end
self.click_in_row = 1
self.on_long_click:trigger(self:get_context(), self.params, self)
end
local function on_button_double_click(self)
if self.style.on_click then
self.style.on_click(self, self.anim_node)
end
self.click_in_row = self.click_in_row + 1
self.on_double_click:trigger(self:get_context(), self.params, self)
end
local function on_button_release(self) local function on_button_release(self)
if self.is_repeated_started then
return false
end
if not self.disabled then if not self.disabled then
if not self.stub and self.can_action then if self.can_action then
self.can_action = false self.can_action = false
if self.style.on_click then
self.style.on_click(self, self.anim_node) local time = socket.gettime()
local is_long_click = (time - self.last_pressed_time) > self.style.LONGTAP_TIME
is_long_click = is_long_click and self.on_long_click:is_exist()
local is_double_click = (time - self.last_released_time) < self.style.DOUBLETAP_TIME
is_double_click = is_double_click and self.on_double_click:is_exist()
if is_long_click then
on_button_long_click(self)
elseif is_double_click then
on_button_double_click(self)
else
on_button_click(self)
end end
self.on_click:trigger(self:get_context(), self.params, self)
self.last_released_time = time
end end
return true return true
else else
@ -86,6 +139,10 @@ function M.init(self, node, callback, params, anim_node, event)
self.hover_anim = self.style.IS_HOVER self.hover_anim = self.style.IS_HOVER
self.hover = self.druid:new_hover(node, on_button_hover) self.hover = self.druid:new_hover(node, on_button_hover)
self.click_zone = nil self.click_zone = nil
self.is_repeated_started = false
self.last_pressed_time = 0
self.last_released_time = 0
self.click_in_row = 0
-- Event stubs -- Event stubs
self.on_click = Event(callback) self.on_click = Event(callback)
@ -118,10 +175,20 @@ function M.on_input(self, action_id, action)
if action.pressed then if action.pressed then
-- Can interact if start touch on the button -- Can interact if start touch on the button
self.can_action = true self.can_action = true
self.repeated_counter = 0 self.is_repeated_started = false
self.last_pressed_time = socket.gettime()
return true return true
end end
-- While hold button, repeat rate pick from input.repeat_interval
if action.repeated then
if not self.disabled and self.on_repeated_click:is_exist() and self.can_action then
self.is_repeated_started = true
on_button_repeated_click(self)
return true
end
end
if action.released then if action.released then
return on_button_release(self) return on_button_release(self)
end end
@ -166,7 +233,6 @@ function M.set_click_zone(self, zone)
end end
-- TODO: implement them all!
--- Set key-code to trigger this button --- Set key-code to trigger this button
function M.set_key_trigger(self, key) function M.set_key_trigger(self, key)

View File

@ -43,6 +43,21 @@ function M.unsubscribe(self, callback)
end end
--- Return true, if event have at lease one handler
-- @function event:is_exist
-- @treturn boolean True if event have handlers
function M.is_exist(self)
return #self._callbacks > 0
end
--- Clear the all event handlers
-- @function event:clear
function M.clear(self)
self._callbacks = {}
end
--- Trigger the event and call all subscribed callbacks --- Trigger the event and call all subscribed callbacks
-- @function event:trigger -- @function event:trigger
-- @param ... All event params -- @param ... All event params

View File

@ -12,6 +12,8 @@ M["button"] = {
BTN_SOUND_DISABLED = "click", BTN_SOUND_DISABLED = "click",
DISABLED_COLOR = vmath.vector4(0, 0, 0, 1), DISABLED_COLOR = vmath.vector4(0, 0, 0, 1),
ENABLED_COLOR = vmath.vector4(1), ENABLED_COLOR = vmath.vector4(1),
LONGTAP_TIME = 0.4,
DOUBLETAP_TIME = 0.4,
IS_HOVER = true, IS_HOVER = true,
on_hover = function(self, node, state) on_hover = function(self, node, state)

View File

@ -6,6 +6,8 @@ M["button"] = {
BTN_SOUND_DISABLED = "click", BTN_SOUND_DISABLED = "click",
DISABLED_COLOR = vmath.vector4(0, 0, 0, 1), DISABLED_COLOR = vmath.vector4(0, 0, 0, 1),
ENABLED_COLOR = vmath.vector4(1), ENABLED_COLOR = vmath.vector4(1),
LONGTAP_TIME = 0.4,
DOUBLETAP_TIME = 0.4,
IS_HOVER = false, IS_HOVER = false,
} }

View File

@ -42,11 +42,14 @@ function init(self)
self.druid = druid.new(self) self.druid = druid.new(self)
init_top_panel(self) init_top_panel(self)
self.page = 1 self.page = 3
main_page.setup_page(self) main_page.setup_page(self)
text_page.setup_page(self) text_page.setup_page(self)
button_page.setup_page(self) button_page.setup_page(self)
scroll_page.setup_page(self) scroll_page.setup_page(self)
-- Refresh state
on_control_button(self, 0)
end end

View File

@ -3,15 +3,39 @@ local sprite_change_style = {}
local M = {} local M = {}
local function usual_callback()
print("Usual callback")
end
local function long_tap_callback()
print("Long tap callback")
end
local function repeated_callback(self, params, button)
print("Repeated callback", button.click_in_row)
end
local function double_tap_callback(self, params, button)
print("Double tap callback", button.click_in_row)
end
local function setup_buttons(self) local function setup_buttons(self)
self.druid:new_button("button_usual/button") self.druid:new_button("button_usual/button", usual_callback)
local custom_style = self.druid:new_button("button_custom_style/button") local custom_style = self.druid:new_button("button_custom_style/button", usual_callback)
custom_style:set_style(sprite_change_style) custom_style:set_style(sprite_change_style)
-- HOVER_IMAGE and DEFAULT_IMAGE - from our custom style params -- HOVER_IMAGE and DEFAULT_IMAGE - from our custom style params
custom_style.HOVER_IMAGE = "button_yellow" custom_style.HOVER_IMAGE = "button_yellow"
custom_style.DEFAULT_IMAGE = "button_blue" custom_style.DEFAULT_IMAGE = "button_blue"
self.druid:new_button("button_long_tap/button", usual_callback)
.on_long_click:subscribe(long_tap_callback)
self.druid:new_button("button_repeated_tap/button", usual_callback)
.on_repeated_click:subscribe(repeated_callback)
self.druid:new_button("button_double_tap/button", usual_callback)
.on_double_click:subscribe(double_tap_callback)
end end