在开发过程中需要做一个动画,使用的是一个宽高比为1:2的长方形图片,形态是一个框子;想使它按照1:1宽高比从指定大小放大到一定倍数。
最开始使用的方法:
local frm = display.newSprite('#frm.png') --宽高比为1:2的长方形框子 local frmSize = frm:getContentSize() local iconw, iconh = 100, 100 local scale = 2.5 --预期放大倍数 local time = 0.2 --动画执行时间 frm:setScale(iconw / frmSize.width, iconh / frmSize.height) frm:setContentSize(iconw, iconh) transition.execute(frm, cc.ScaleTo:create(time, scale))
但是发现放大后并没有保持1:1宽高比,因为已经使用setScale和setContentSize将它变成正方形了啊。
为什么?原因只能是放大过程中,setContentSize函数失效了。想起来CCNode:setScale()函数的注释:setScale并不会改变一个node的contentSize。所以setContentSize是无效的,放大不会依据它的contentSize来计算。
改为如下就好了:
local frm = display.newSprite('#frm.png') --宽高比为1:2的长方形框子 local frmSize = frm:getContentSize() local iconw, iconh = 100, 100 local scale = 2.5 --预期放大倍数 local time = 0.2 --动画执行时间 transition.execute(frm, cc.ScaleTo:create(time, scale * iconw / frmSize.width, scale * iconh / frmSize.height))