动态扩展形状

Question

我在as3中制作了一个圆角矩形，并希望通过点击进行扩展。这是我使用的代码：

var lesBg:Sprite = new Sprite(); 
with (lesBg.graphics) { 
    lineStyle(3, 0x61b157); 
    beginFill(0xececec); 
    drawRoundRect(0,0,190,52*les.duur, 10,10); 
    endFill(); 
} 
currentPanel.addChild(lesBg); 

当我点击它，我想它扩大到两倍的大小。我正在用TweenLite做这件事，但是当我展开它时，我会看到丑陋的像素化图像，并且边框也会展开。

Tweenlite.to(lesBg, 1,{width: 380}); 

是否可以扩大图像，使其保持干净，边框保持完好？

Answer 1

你需要一个9片选项为你的movieclip。

你可以找到更多关于它在这里：http://www.sephiroth.it/tutorials/flashPHP/scale9/

Answer 2

，或者你可以重新绘制您的矩形，同时补间虚拟对象是这样的。

var obj:Object = {width: 100}; 
TweenLite.to(obj, 1, {width: 380, onUpdate:update}); 

function update():void { 
    var g:Graphics = lesBg.graphics; 
    g.drawRoundRect(0, 0, obj.width, 52*les.duur, 10, 10); 
}