207 lines
7.9 KiB
Lua
207 lines
7.9 KiB
Lua
-- scrollView.lua
|
|
--
|
|
-- Version 1.0
|
|
--
|
|
-- Copyright (C) 2010 ANSCA Inc. All Rights Reserved.
|
|
--
|
|
-- Permission is hereby granted, free of charge, to any person obtaining a copy of
|
|
-- this software and associated documentation files (the "Software"), to deal in the
|
|
-- Software without restriction, including without limitation the rights to use, copy,
|
|
-- modify, merge, publish, distribute, sublicense, and/or sell copies of the Software,
|
|
-- and to permit persons to whom the Software is furnished to do so, subject to the
|
|
-- following conditions:
|
|
--
|
|
-- The above copyright notice and this permission notice shall be included in all copies
|
|
-- or substantial portions of the Software.
|
|
--
|
|
-- THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED,
|
|
-- INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR
|
|
-- PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE
|
|
-- FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR
|
|
-- OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER
|
|
-- DEALINGS IN THE SOFTWARE.
|
|
|
|
module(..., package.seeall)
|
|
|
|
-- set some global values for width and height of the screen
|
|
local screenW, screenH = display.contentWidth, display.contentHeight
|
|
local viewableScreenW, viewableScreenH = display.viewableContentWidth, display.viewableContentHeight
|
|
local screenOffsetW, screenOffsetH = display.contentWidth - display.viewableContentWidth, display.contentHeight - display.viewableContentHeight
|
|
|
|
local prevTime = 0
|
|
|
|
function new(params)
|
|
-- setup a group to be the scrolling screen
|
|
local scrollView = display.newGroup()
|
|
|
|
scrollView.top = params.top or 0
|
|
scrollView.bottom = params.bottom or 0
|
|
|
|
function scrollView:touch(event)
|
|
local phase = event.phase
|
|
print(phase)
|
|
|
|
if( phase == "began" ) then
|
|
print(scrollView.y)
|
|
self.startPos = event.y
|
|
self.prevPos = event.y
|
|
self.delta, self.velocity = 0, 0
|
|
if self.tween then transition.cancel(self.tween) end
|
|
|
|
Runtime:removeEventListener("enterFrame", scrollView )
|
|
|
|
self.prevTime = 0
|
|
self.prevY = 0
|
|
|
|
transition.to(self.scrollBar, { time=200, alpha=1 } )
|
|
|
|
-- Start tracking velocity
|
|
Runtime:addEventListener("enterFrame", trackVelocity)
|
|
|
|
-- Subsequent touch events will target button even if they are outside the contentBounds of button
|
|
display.getCurrentStage():setFocus( self )
|
|
self.isFocus = true
|
|
|
|
elseif( self.isFocus ) then
|
|
|
|
if( phase == "moved" ) then
|
|
local bottomLimit = screenH - self.height - self.bottom
|
|
|
|
self.delta = event.y - self.prevPos
|
|
self.prevPos = event.y
|
|
if ( self.y > self.top or self.y < bottomLimit ) then
|
|
self.y = self.y + self.delta/2
|
|
else
|
|
self.y = self.y + self.delta
|
|
end
|
|
|
|
scrollView:moveScrollBar()
|
|
|
|
elseif( phase == "ended" or phase == "cancelled" ) then
|
|
local dragDistance = event.y - self.startPos
|
|
self.lastTime = event.time
|
|
|
|
Runtime:addEventListener("enterFrame", scrollView )
|
|
Runtime:removeEventListener("enterFrame", trackVelocity)
|
|
|
|
-- Allow touch events to be sent normally to the objects they "hit"
|
|
display.getCurrentStage():setFocus( nil )
|
|
self.isFocus = false
|
|
end
|
|
end
|
|
|
|
return true
|
|
end
|
|
|
|
function scrollView:enterFrame(event)
|
|
local friction = 0.9
|
|
local timePassed = event.time - self.lastTime
|
|
self.lastTime = self.lastTime + timePassed
|
|
|
|
--turn off scrolling if velocity is near zero
|
|
if math.abs(self.velocity) < .01 then
|
|
self.velocity = 0
|
|
Runtime:removeEventListener("enterFrame", scrollView )
|
|
transition.to(self.scrollBar, { time=400, alpha=0 } )
|
|
end
|
|
|
|
self.velocity = self.velocity*friction
|
|
|
|
self.y = math.floor(self.y + self.velocity*timePassed)
|
|
|
|
local upperLimit = self.top
|
|
local bottomLimit = screenH - self.height - self.bottom
|
|
|
|
if ( self.y > upperLimit ) then
|
|
self.velocity = 0
|
|
Runtime:removeEventListener("enterFrame", scrollView )
|
|
self.tween = transition.to(self, { time=400, y=upperLimit, transition=easing.outQuad})
|
|
transition.to(self.scrollBar, { time=400, alpha=0 } )
|
|
elseif ( self.y < bottomLimit and bottomLimit < 0 ) then
|
|
self.velocity = 0
|
|
Runtime:removeEventListener("enterFrame", scrollView )
|
|
self.tween = transition.to(self, { time=400, y=bottomLimit, transition=easing.outQuad})
|
|
transition.to(self.scrollBar, { time=400, alpha=0 } )
|
|
elseif ( self.y < bottomLimit ) then
|
|
self.velocity = 0
|
|
Runtime:removeEventListener("enterFrame", scrollView )
|
|
self.tween = transition.to(self, { time=400, y=upperLimit, transition=easing.outQuad})
|
|
transition.to(self.scrollBar, { time=400, alpha=0 } )
|
|
end
|
|
|
|
scrollView:moveScrollBar()
|
|
|
|
return true
|
|
end
|
|
|
|
function scrollView:moveScrollBar()
|
|
if self.scrollBar then
|
|
local scrollBar = self.scrollBar
|
|
|
|
scrollBar.y = -self.y*self.yRatio + scrollBar.height*0.5 + self.top
|
|
|
|
if scrollBar.y < 5 + self.top + scrollBar.height*0.5 then
|
|
scrollBar.y = 5 + self.top + scrollBar.height*0.5
|
|
end
|
|
if scrollBar.y > screenH - self.bottom - 5 - scrollBar.height*0.5 then
|
|
scrollBar.y = screenH - self.bottom - 5 - scrollBar.height*0.5
|
|
end
|
|
|
|
end
|
|
end
|
|
|
|
function trackVelocity(event)
|
|
local timePassed = event.time - scrollView.prevTime
|
|
scrollView.prevTime = scrollView.prevTime + timePassed
|
|
|
|
if scrollView.prevY then
|
|
scrollView.velocity = (scrollView.y - scrollView.prevY)/timePassed
|
|
end
|
|
scrollView.prevY = scrollView.y
|
|
end
|
|
|
|
scrollView.y = scrollView.top
|
|
|
|
-- setup the touch listener
|
|
scrollView:addEventListener( "touch", scrollView )
|
|
|
|
function scrollView:addScrollBar(r,g,b,a)
|
|
if self.scrollBar then self.scrollBar:removeSelf() end
|
|
|
|
local scrollColorR = r or 0
|
|
local scrollColorG = g or 0
|
|
local scrollColorB = b or 0
|
|
local scrollColorA = a or 120
|
|
|
|
local viewPortH = screenH - self.top - self.bottom
|
|
local scrollH = viewPortH*self.height/(self.height*2 - viewPortH)
|
|
local scrollBar = display.newRoundedRect(viewableScreenW-8,0,5,scrollH,2)
|
|
scrollBar:setFillColor(scrollColorR, scrollColorG, scrollColorB, scrollColorA)
|
|
|
|
local yRatio = scrollH/self.height
|
|
self.yRatio = yRatio
|
|
|
|
scrollBar.y = scrollBar.height*0.5 + self.top
|
|
|
|
self.scrollBar = scrollBar
|
|
|
|
transition.to(scrollBar, { time=400, alpha=0 } )
|
|
end
|
|
|
|
function scrollView:removeScrollBar()
|
|
if self.scrollBar then
|
|
self.scrollBar:removeSelf()
|
|
self.scrollBar = nil
|
|
end
|
|
end
|
|
|
|
function scrollView:cleanUp()
|
|
Runtime:removeEventListener("enterFrame", trackVelocity)
|
|
Runtime:removeEventListener( "touch", scrollView )
|
|
Runtime:removeEventListener("enterFrame", scrollView )
|
|
scrollView:removeScrollBar()
|
|
end
|
|
|
|
return scrollView
|
|
end
|