動態擴展形狀

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); 
}