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切片选项。

您可以在此处找到更多相关信息：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 );
}

动态扩展形状

2 个答案: