ccgui
Version:
853 lines (737 loc) • 30.1 kB
JavaScript
/****************************************************************************
Copyright (c) 2010-2013 cocos2d-x.org
Copyright (c) 2010 Sangwoo Im
http://www.cocos2d-x.org
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.
****************************************************************************/
cc.SCROLLVIEW_DIRECTION_NONE = -1;
cc.SCROLLVIEW_DIRECTION_HORIZONTAL = 0;
cc.SCROLLVIEW_DIRECTION_VERTICAL = 1;
cc.SCROLLVIEW_DIRECTION_BOTH = 2;
var SCROLL_DEACCEL_RATE = 0.95;
var SCROLL_DEACCEL_DIST = 1.0;
var BOUNCE_DURATION = 0.15;
var INSET_RATIO = 0.2;
var MOVE_INCH = 7.0/160.0;
cc.convertDistanceFromPointToInch = function(pointDis){
var eglViewer = cc.EGLView.getInstance();
var factor = (eglViewer.getScaleX() + eglViewer.getScaleY())/2;
return (pointDis * factor) / 160; // CCDevice::getDPI() default value
};
cc.ScrollViewDelegate = cc.Class.extend({
scrollViewDidScroll:function (view) {
},
scrollViewDidZoom:function (view) {
}
});
/**
* ScrollView support for cocos2d -x.
* It provides scroll view functionalities to cocos2d projects natively.
*/
cc.ScrollView = cc.Layer.extend({
_zoomScale:0,
_minZoomScale:0,
_maxZoomScale:0,
_delegate:null,
_direction:cc.SCROLLVIEW_DIRECTION_BOTH,
_dragging:false,
_contentOffset:null,
_container:null,
_touchMoved:false,
_maxInset:null,
_minInset:null,
_bounceable:false,
_clippingToBounds:false,
_scrollDistance:null,
_touchPoint:null,
_touchLength:0,
_touches:null,
_viewSize:null,
_minScale:0,
_maxScale:0,
//scissor rect for parent, just for restoring GL_SCISSOR_BOX
_parentScissorRect:null,
_scissorRestored:false,
// cache object
_tmpViewRect:null,
ctor:function () {
cc.Layer.prototype.ctor.call(this);
this._contentOffset = new cc.Point(0,0);
this._maxInset = new cc.Point(0, 0);
this._minInset = new cc.Point(0, 0);
this._scrollDistance = new cc.Point(0, 0);
this._touchPoint = new cc.Point(0, 0);
this._touches = [];
this._viewSize = new cc.Size(0, 0);
this._parentScissorRect = new cc.Rect(0,0,0,0);
this._tmpViewRect = new cc.Rect(0,0,0,0);
},
init:function () {
return this.initWithViewSize(cc.size(200, 200), null);
},
registerWithTouchDispatcher:function () {
cc.registerTargetedDelegate(this.getTouchPriority(), false, this);
},
/**
* initialized whether success or fail
* @param {cc.Size} size
* @param {cc.Node} container
* @return {Boolean}
*/
initWithViewSize:function (size, container) {
var pZero = cc.p(0,0);
if (cc.Layer.prototype.init.call(this)) {
this._container = container;
if (!this._container) {
this._container = cc.Layer.create();
this._container.ignoreAnchorPointForPosition(false);
this._container.setAnchorPoint(pZero);
}
this.setViewSize(size);
this.setTouchEnabled(true);
this._touches.length = 0;
this._delegate = null;
this._bounceable = true;
this._clippingToBounds = true;
//this._container.setContentSize(CCSizeZero);
this._direction = cc.SCROLLVIEW_DIRECTION_BOTH;
this._container.setPosition(pZero);
this._touchLength = 0.0;
this.addChild(this._container);
this._minScale = this._maxScale = 1.0;
return true;
}
return false;
},
/**
* Sets a new content offset. It ignores max/min offset. It just sets what's given. (just like UIKit's UIScrollView)
*
* @param {cc.Point} offset new offset
* @param {Number} [animated=] If true, the view will scroll to the new offset
*/
setContentOffset: function (offset, animated) {
if (animated) { //animate scrolling
this.setContentOffsetInDuration(offset, BOUNCE_DURATION);
return;
}
if (!this._bounceable) {
var minOffset = this.minContainerOffset();
var maxOffset = this.maxContainerOffset();
offset.x = Math.max(minOffset.x, Math.min(maxOffset.x, offset.x));
offset.y = Math.max(minOffset.y, Math.min(maxOffset.y, offset.y));
}
this._container.setPosition(offset);
var locDelegate = this._delegate;
if (locDelegate != null && locDelegate.scrollViewDidScroll) {
locDelegate.scrollViewDidScroll(this);
}
},
getContentOffset:function () {
var locPos = this._container.getPosition();
return cc.p(locPos.x, locPos.y);
},
/**
* <p>Sets a new content offset. It ignores max/min offset. It just sets what's given. (just like UIKit's UIScrollView) <br/>
* You can override the animation duration with this method.
* </p>
* @param {cc.Point} offset new offset
* @param {Number} dt animation duration
*/
setContentOffsetInDuration:function (offset, dt) {
var scroll = cc.MoveTo.create(dt, offset);
var expire = cc.CallFunc.create(this._stoppedAnimatedScroll, this);
this._container.runAction(cc.Sequence.create(scroll, expire));
this.schedule(this._performedAnimatedScroll);
},
/**
* Sets a new scale and does that for a predefined duration.
*
* @param {Number} scale a new scale vale
* @param {Boolean} [animated=null] if YES, scaling is animated
*/
setZoomScale: function (scale, animated) {
if (animated) {
this.setZoomScaleInDuration(scale, BOUNCE_DURATION);
return;
}
var locContainer = this._container;
if (locContainer.getScale() != scale) {
var oldCenter, newCenter;
var center;
if (this._touchLength == 0.0) {
var locViewSize = this._viewSize;
center = cc.p(locViewSize.width * 0.5, locViewSize.height * 0.5);
center = this.convertToWorldSpace(center);
} else
center = this._touchPoint;
oldCenter = locContainer.convertToNodeSpace(center);
locContainer.setScale(Math.max(this._minScale, Math.min(this._maxScale, scale)));
newCenter = locContainer.convertToWorldSpace(oldCenter);
var offset = cc.pSub(center, newCenter);
if (this._delegate && this._delegate.scrollViewDidZoom)
this._delegate.scrollViewDidZoom(this);
this.setContentOffset(cc.pAdd(locContainer.getPosition(), offset));
}
},
getZoomScale:function () {
return this._container.getScale();
},
/**
* Sets a new scale for container in a given duration.
*
* @param {Number} s a new scale value
* @param {Number} dt animation duration
*/
setZoomScaleInDuration:function (s, dt) {
if (dt > 0) {
var locScale = this._container.getScale();
if (locScale != s) {
var scaleAction = cc.ActionTween.create(dt, "zoomScale", locScale, s);
this.runAction(scaleAction);
}
} else {
this.setZoomScale(s);
}
},
/**
* Returns the current container's minimum offset. You may want this while you animate scrolling by yourself
* @return {cc.Point} Returns the current container's minimum offset.
*/
minContainerOffset:function () {
var locContainer = this._container;
var locContentSize = locContainer.getContentSize(), locViewSize = this._viewSize;
return cc.p(locViewSize.width - locContentSize.width * locContainer.getScaleX(),
locViewSize.height - locContentSize.height * locContainer.getScaleY());
},
/**
* Returns the current container's maximum offset. You may want this while you animate scrolling by yourself
* @return {cc.Point} Returns the current container's maximum offset.
*/
maxContainerOffset:function () {
return cc.p(0.0, 0.0);
},
/**
* Determines if a given node's bounding box is in visible bounds
* @param {cc.Node} node
* @return {Boolean} YES if it is in visible bounds
*/
isNodeVisible:function (node) {
var offset = this.getContentOffset();
var size = this.getViewSize();
var scale = this.getZoomScale();
var viewRect = cc.rect(-offset.x / scale, -offset.y / scale, size.width / scale, size.height / scale);
return cc.rectIntersectsRect(viewRect, node.getBoundingBox());
},
/**
* Provided to make scroll view compatible with SWLayer's pause method
*/
pause:function (sender) {
this._container.pauseSchedulerAndActions();
var selChildren = this._container.getChildren();
for (var i = 0; i < selChildren.length; i++) {
selChildren[i].pauseSchedulerAndActions();
}
},
/**
* Provided to make scroll view compatible with SWLayer's resume method
*/
resume:function (sender) {
var selChildren = this._container.getChildren();
for (var i = 0, len = selChildren.length; i < len; i++) {
selChildren[i].resumeSchedulerAndActions();
}
this._container.resumeSchedulerAndActions();
},
isDragging:function () {
return this._dragging;
},
isTouchMoved:function () {
return this._touchMoved;
},
isBounceable:function () {
return this._bounceable;
},
setBounceable:function (bounceable) {
this._bounceable = bounceable;
},
/**
* <p>
* size to clip. CCNode boundingBox uses contentSize directly. <br/>
* It's semantically different what it actually means to common scroll views. <br/>
* Hence, this scroll view will use a separate size property.
* </p>
*/
getViewSize:function () {
return this._viewSize;
},
setViewSize:function (size) {
this._viewSize = size;
cc.Node.prototype.setContentSize.call(this,size);
},
getContainer:function () {
return this._container;
},
setContainer:function (container) {
// Make sure that 'm_pContainer' has a non-NULL value since there are
// lots of logic that use 'm_pContainer'.
if (!container)
return;
this.removeAllChildren(true);
this._container = container;
container.ignoreAnchorPointForPosition(false);
container.setAnchorPoint(0, 0);
this.addChild(container);
this.setViewSize(this._viewSize);
},
/**
* direction allowed to scroll. CCScrollViewDirectionBoth by default.
*/
getDirection:function () {
return this._direction;
},
setDirection:function (direction) {
this._direction = direction;
},
getDelegate:function () {
return this._delegate;
},
setDelegate:function (delegate) {
this._delegate = delegate;
},
/** override functions */
// optional
onTouchBegan:function (touch, event) {
if (!this.isVisible())
return false;
//var frameOriginal = this.getParent().convertToWorldSpace(this.getPosition());
//var frame = cc.rect(frameOriginal.x, frameOriginal.y, this._viewSize.width, this._viewSize.height);
var frame = this._getViewRect();
//dispatcher does not know about clipping. reject touches outside visible bounds.
var locContainer = this._container;
var locPoint = locContainer.convertToWorldSpace(locContainer.convertTouchToNodeSpace(touch));
var locTouches = this._touches;
if (locTouches.length > 2 || this._touchMoved || !cc.rectContainsPoint(frame, locPoint))
return false;
//if (!cc.ArrayContainsObject(this._touches, touch)) {
locTouches.push(touch);
//}
if (locTouches.length === 1) { // scrolling
this._touchPoint = this.convertTouchToNodeSpace(touch);
this._touchMoved = false;
this._dragging = true; //dragging started
this._scrollDistance.x = 0;
this._scrollDistance.y = 0;
this._touchLength = 0.0;
} else if (locTouches.length == 2) {
this._touchPoint = cc.pMidpoint(this.convertTouchToNodeSpace(locTouches[0]),
this.convertTouchToNodeSpace(locTouches[1]));
this._touchLength = cc.pDistance(locContainer.convertTouchToNodeSpace(locTouches[0]),
locContainer.convertTouchToNodeSpace(locTouches[1]));
this._dragging = false;
}
return true;
},
onTouchMoved:function (touch, event) {
if (!this.isVisible())
return;
//if (cc.ArrayContainsObject(this._touches, touch)) {
if (this._touches.length === 1 && this._dragging) { // scrolling
this._touchMoved = true;
//var frameOriginal = this.getParent().convertToWorldSpace(this.getPosition());
//var frame = cc.rect(frameOriginal.x, frameOriginal.y, this._viewSize.width, this._viewSize.height);
var frame = this._getViewRect();
//var newPoint = this.convertTouchToNodeSpace(this._touches[0]);
var newPoint = this.convertTouchToNodeSpace(touch);
var moveDistance = cc.pSub(newPoint, this._touchPoint);
var dis = 0.0, locDirection = this._direction;
if (locDirection === cc.SCROLLVIEW_DIRECTION_VERTICAL)
dis = moveDistance.y;
else if (locDirection === cc.SCROLLVIEW_DIRECTION_HORIZONTAL)
dis = moveDistance.x;
else
dis = Math.sqrt(moveDistance.x * moveDistance.x + moveDistance.y * moveDistance.y);
if (!this._touchMoved && Math.abs(cc.convertDistanceFromPointToInch(dis)) < MOVE_INCH ){
//CCLOG("Invalid movement, distance = [%f, %f], disInch = %f", moveDistance.x, moveDistance.y);
return;
}
if (!this._touchMoved){
moveDistance.x = 0;
moveDistance.y = 0;
}
this._touchPoint = newPoint;
this._touchMoved = true;
if (cc.rectContainsPoint(frame, this.convertToWorldSpace(newPoint))) {
switch (locDirection) {
case cc.SCROLLVIEW_DIRECTION_VERTICAL:
moveDistance.x = 0.0;
break;
case cc.SCROLLVIEW_DIRECTION_HORIZONTAL:
moveDistance.y = 0.0;
break;
default:
break;
}
var locPosition = this._container.getPosition();
var newX = locPosition.x + moveDistance.x;
var newY = locPosition.y + moveDistance.y;
this._scrollDistance = moveDistance;
this.setContentOffset(cc.p(newX, newY));
}
} else if (this._touches.length === 2 && !this._dragging) {
var len = cc.pDistance(this._container.convertTouchToNodeSpace(this._touches[0]),
this._container.convertTouchToNodeSpace(this._touches[1]));
this.setZoomScale(this.getZoomScale() * len / this._touchLength);
}
},
onTouchEnded:function (touch, event) {
if (!this.isVisible())
return;
if (this._touches.length == 1 && this._touchMoved)
this.schedule(this._deaccelerateScrolling);
this._touches.length = 0;
this._dragging = false;
this._touchMoved = false;
},
onTouchCancelled:function (touch, event) {
if (!this.isVisible())
return;
this._touches.length = 0;
this._dragging = false;
this._touchMoved = false;
},
setContentSize: function (size, height) {
if (this.getContainer() != null) {
if(arguments.length === 2)
this.getContainer().setContentSize(size, height);
else
this.getContainer().setContentSize(size);
this.updateInset();
}
},
getContentSize:function () {
return this._container.getContentSize();
},
updateInset:function () {
if (this.getContainer() != null) {
var locViewSize = this._viewSize;
var tempOffset = this.maxContainerOffset();
this._maxInset.x = tempOffset.x + locViewSize.width * INSET_RATIO;
this._maxInset.y = tempOffset.y + locViewSize.height * INSET_RATIO;
tempOffset = this.minContainerOffset();
this._minInset.x = tempOffset.x - locViewSize.width * INSET_RATIO;
this._minInset.y = tempOffset.y - locViewSize.height * INSET_RATIO;
}
},
/**
* Determines whether it clips its children or not.
*/
isClippingToBounds:function () {
return this._clippingToBounds;
},
setClippingToBounds:function (clippingToBounds) {
this._clippingToBounds = clippingToBounds;
},
visit:function (ctx) {
// quick return if not visible
if (!this.isVisible())
return;
var context = ctx || cc.renderContext;
var i, locChildren = this._children, selChild, childrenLen;
if (cc.renderContextType === cc.CANVAS) {
context.save();
this.transform(context);
this._beforeDraw(context);
if (locChildren && locChildren.length > 0) {
childrenLen = locChildren.length;
this.sortAllChildren();
// draw children zOrder < 0
for (i = 0; i < childrenLen; i++) {
selChild = locChildren[i];
if (selChild && selChild._zOrder < 0)
selChild.visit(context);
else
break;
}
this.draw(context); // self draw
// draw children zOrder >= 0
for (; i < childrenLen; i++)
locChildren[i].visit(context);
} else{
this.draw(context); // self draw
}
this._afterDraw();
context.restore();
} else {
cc.kmGLPushMatrix();
var locGrid = this._grid;
if (locGrid && locGrid.isActive()) {
locGrid.beforeDraw();
this.transformAncestors();
}
this.transform(context);
this._beforeDraw(context);
if (locChildren && locChildren.length > 0) {
childrenLen = locChildren.length;
// draw children zOrder < 0
for (i = 0; i < childrenLen; i++) {
selChild = locChildren[i];
if (selChild && selChild._zOrder < 0)
selChild.visit();
else
break;
}
// this draw
this.draw(context);
// draw children zOrder >= 0
for (; i < childrenLen; i++)
locChildren[i].visit();
} else{
this.draw(context);
}
this._afterDraw(context);
if (locGrid && locGrid.isActive())
locGrid.afterDraw(this);
cc.kmGLPopMatrix();
}
},
addChild:function (child, zOrder, tag) {
if (!child)
throw new Error("child must not nil!");
zOrder = zOrder || child.getZOrder();
tag = tag || child.getTag();
child.ignoreAnchorPointForPosition(false);
child.setAnchorPoint(0, 0);
if (this._container != child) {
this._container.addChild(child, zOrder, tag);
} else {
cc.Layer.prototype.addChild.call(this, child, zOrder, tag);
}
},
setTouchEnabled:function (e) {
cc.Layer.prototype.setTouchEnabled.call(this, e);
if (!e) {
this._dragging = false;
this._touchMoved = false;
this._touches.length = 0;
}
},
/**
* Init this object with a given size to clip its content.
*
* @param size view size
* @return initialized scroll view object
*/
_initWithViewSize:function (size) {
return null;
},
/**
* Relocates the container at the proper offset, in bounds of max/min offsets.
*
* @param animated If YES, relocation is animated
*/
_relocateContainer:function (animated) {
var min = this.minContainerOffset();
var max = this.maxContainerOffset();
var locDirection = this._direction;
var oldPoint = this._container.getPosition();
var newX = oldPoint.x;
var newY = oldPoint.y;
if (locDirection === cc.SCROLLVIEW_DIRECTION_BOTH || locDirection === cc.SCROLLVIEW_DIRECTION_HORIZONTAL) {
newX = Math.max(newX, min.x);
newX = Math.min(newX, max.x);
}
if (locDirection == cc.SCROLLVIEW_DIRECTION_BOTH || locDirection == cc.SCROLLVIEW_DIRECTION_VERTICAL) {
newY = Math.min(newY, max.y);
newY = Math.max(newY, min.y);
}
if (newY != oldPoint.y || newX != oldPoint.x) {
this.setContentOffset(cc.p(newX, newY), animated);
}
},
/**
* implements auto-scrolling behavior. change SCROLL_DEACCEL_RATE as needed to choose <br/>
* deacceleration speed. it must be less than 1.0.
*
* @param {Number} dt delta
*/
_deaccelerateScrolling:function (dt) {
if (this._dragging) {
this.unschedule(this._deaccelerateScrolling);
return;
}
var maxInset, minInset;
var oldPosition = this._container.getPosition();
var locScrollDistance = this._scrollDistance;
this._container.setPosition(oldPosition.x + locScrollDistance.x , oldPosition.y + locScrollDistance.y);
if (this._bounceable) {
maxInset = this._maxInset;
minInset = this._minInset;
} else {
maxInset = this.maxContainerOffset();
minInset = this.minContainerOffset();
}
//check to see if offset lies within the inset bounds
/*var newX = Math.min(this._container.getPosition().x, maxInset.x);
newX = Math.max(newX, minInset.x);
var newY = Math.min(this._container.getPosition().y, maxInset.y);
newY = Math.max(newY, minInset.y);*/
var newX = this._container.getPositionX();
var newY = this._container.getPositionY();
//this._scrollDistance = cc.pSub(this._scrollDistance, cc.p(newX - this._container.getPosition().x, newY - this._container.getPosition().y));
//= this._scrollDistance = cc.pSub(this._scrollDistance, cc.p(0, 0)); = do nothing
//this._scrollDistance = cc.pMult(this._scrollDistance, SCROLL_DEACCEL_RATE);
locScrollDistance.x = locScrollDistance.x * SCROLL_DEACCEL_RATE;
locScrollDistance.y = locScrollDistance.y * SCROLL_DEACCEL_RATE;
this.setContentOffset(cc.p(newX, newY));
if ((Math.abs(locScrollDistance.x) <= SCROLL_DEACCEL_DIST &&
Math.abs(locScrollDistance.y) <= SCROLL_DEACCEL_DIST) ||
newY > maxInset.y || newY < minInset.y ||
newX > maxInset.x || newX < minInset.x ||
newX == maxInset.x || newX == minInset.x ||
newY == maxInset.y || newY == minInset.y) {
this.unschedule(this._deaccelerateScrolling);
this._relocateContainer(true);
}
},
/**
* This method makes sure auto scrolling causes delegate to invoke its method
*/
_performedAnimatedScroll:function (dt) {
if (this._dragging) {
this.unschedule(this._performedAnimatedScroll);
return;
}
if (this._delegate && this._delegate.scrollViewDidScroll)
this._delegate.scrollViewDidScroll(this);
},
/**
* Expire animated scroll delegate calls
*/
_stoppedAnimatedScroll:function (node) {
this.unschedule(this._performedAnimatedScroll);
// After the animation stopped, "scrollViewDidScroll" should be invoked, this could fix the bug of lack of tableview cells.
if (this._delegate && this._delegate.scrollViewDidScroll) {
this._delegate.scrollViewDidScroll(this);
}
},
/**
* clip this view so that outside of the visible bounds can be hidden.
*/
_beforeDraw:function (context) {
if (this._clippingToBounds) {
this._scissorRestored = false;
var frame = this._getViewRect(), locEGLViewer = cc.EGLView.getInstance();
var scaleX = this.getScaleX();
var scaleY = this.getScaleY();
var ctx = context || cc.renderContext;
if (cc.renderContextType === cc.CANVAS) {
var getWidth = (this._viewSize.width * scaleX) * locEGLViewer.getScaleX();
var getHeight = (this._viewSize.height * scaleY) * locEGLViewer.getScaleY();
var startX = 0;
var startY = 0;
ctx.beginPath();
ctx.rect(startX, startY, getWidth, -getHeight);
ctx.clip();
ctx.closePath();
} else {
var EGLViewer = cc.EGLView.getInstance();
if(EGLViewer.isScissorEnabled()){
this._scissorRestored = true;
this._parentScissorRect = EGLViewer.getScissorRect();
//set the intersection of m_tParentScissorRect and frame as the new scissor rect
if (cc.rectIntersection(frame, this._parentScissorRect)) {
var locPSRect = this._parentScissorRect;
var x = Math.max(frame.x, locPSRect.x);
var y = Math.max(frame.y, locPSRect.y);
var xx = Math.min(frame.x + frame.width, locPSRect.x + locPSRect.width);
var yy = Math.min(frame.y + frame.height, locPSRect.y + locPSRect.height);
EGLViewer.setScissorInPoints(x, y, xx - x, yy - y);
}
}else{
ctx.enable(ctx.SCISSOR_TEST);
//clip
EGLViewer.setScissorInPoints(frame.x, frame.y, frame.width, frame.height);
}
}
}
},
/**
* retract what's done in beforeDraw so that there's no side effect to
* other nodes.
*/
_afterDraw:function (context) {
if (this._clippingToBounds && cc.renderContextType === cc.WEBGL) {
if (this._scissorRestored) { //restore the parent's scissor rect
var rect = this._parentScissorRect;
cc.EGLView.getInstance().setScissorInPoints(rect.x, rect.y, rect.width, rect.height)
}else{
var ctx = context || cc.renderContext;
ctx.disable(ctx.SCISSOR_TEST);
}
}
},
/**
* Zoom handling
*/
_handleZoom:function () {
},
_getViewRect:function(){
var screenPos = this.convertToWorldSpace(cc.PointZero());
var locViewSize = this._viewSize;
var scaleX = this.getScaleX();
var scaleY = this.getScaleY();
for (var p = this._parent; p != null; p = p.getParent()) {
scaleX *= p.getScaleX();
scaleY *= p.getScaleY();
}
// Support negative scaling. Not doing so causes intersectsRect calls
// (eg: to check if the touch was within the bounds) to return false.
// Note, CCNode::getScale will assert if X and Y scales are different.
if (scaleX < 0) {
screenPos.x += locViewSize.width * scaleX;
scaleX = -scaleX;
}
if (scaleY < 0) {
screenPos.y += locViewSize.height * scaleY;
scaleY = -scaleY;
}
var locViewRect = this._tmpViewRect;
locViewRect.x = screenPos.x;
locViewRect.y = screenPos.y;
locViewRect.width = locViewSize.width * scaleX;
locViewRect.height = locViewSize.height * scaleY;
return locViewRect;
}
});
/**
* Returns an autoreleased scroll view object.
*
* @param {cc.Size} size view size
* @param {cc.Node} container parent object
* @return {cc.ScrollView} scroll view object
*/
cc.ScrollView.create = function (size, container) {
var pRet = new cc.ScrollView();
if (arguments.length == 2) {
if (pRet && pRet.initWithViewSize(size, container))
return pRet;
} else {
if (pRet && pRet.init())
return pRet;
}
return null;
};