Actionscript 3 在Actionscript 3中创建圆角矩形

Actionscript 3 在Actionscript 3中创建圆角矩形,actionscript-3,height,rounded-corners,tween,drawrectangle,Actionscript 3,Height,Rounded Corners,Tween,Drawrectangle,我想介于短圆形和高圆形之间。(我只想处理高度-没有其他参数)。我正在用ActionScript3编程。我的TweenLite发动机是TweenLite 我一直在给一个包含圆形矩形的雪碧做粗花呢。粗花呢精灵产生扭曲。我想我一直在缩放原始图像,而不是圆角矩形的高度 下面是我的代码的一个简单示例: - 绘制圆角矩形: roundRect=新精灵() roundRect.graphics.beginll(0x000000) graphics.drawRoundRect(0,0,50,15,4,4)//原

我想介于短圆形和高圆形之间。(我只想处理高度-没有其他参数)。我正在用ActionScript3编程。我的TweenLite发动机是TweenLite

我一直在给一个包含圆形矩形的雪碧做粗花呢。粗花呢精灵产生扭曲。我想我一直在缩放原始图像,而不是圆角矩形的高度

下面是我的代码的一个简单示例:

-

绘制圆角矩形:

roundRect=新精灵()
roundRect.graphics.beginll(0x000000)
graphics.drawRoundRect(0,0,50,15,4,4)//原始高度:15
roundRect.graphics.endFill()
addChild(roundRect)

然后我在圆角矩形上侦听鼠标单击事件

鼠标事件触发具有以下代码的函数:

TweenLite.to(this.roundRect,1,{height:120})//最终高度:120

-

我想知道圆角矩形本身的高度。我希望这不会产生不必要的失真。有没有办法做到这一点

谢谢。

这可以通过“9片缩放”实现

下面是两个教程,介绍如何设置Movieclip以使用9片辅助线,一个是通过IDE(使用指导线)完成的,另一个是通过代码完成的(通过定义称为grid的矩形并将其指定给Movieclip的scale9Grid属性)

一旦正确指定了scale9Grid属性,您就可以按预期缩放(和在二者之间缩放)movieclip,而不会产生任何失真

它也可能值得一读:它描述了scale9grid工作和不工作时的各种场景。(主要用于在网格中嵌套子对象和非矢量图形)


希望这能有所帮助。

作为替代方案,由于它只是一个圆角矩形,您也可以这样做:

var rectHeight = 15;
var roundRect = new Sprite();
addChild(roundRect);
updateRect();

function updateRect() {
    roundRect.graphics.clear();
    roundRect.graphics.beginFill(0x000000);
    roundRect.graphics.drawRoundRect(0,0,50,rectHeight,4,4);
    roundRect.graphics.endFill();
}

roundRect.addEventListener("click", click);
function click(e) {
    TweenLite.to(this, 1, {rectHeight:120, onUpdate:updateRect});
}