Tweening a Rounded Rectangle in Actionscript 3

I would like to tween between a short rounded rectangle and a tall rounded rectangle. (I only want deal with the height - no other parameters). I am programming with ActionScript 3. My tweening engine is TweenLite.
I have been tweening a sprite that contains a rounded rectangle. The tweened sprite produces distortion. I suppose that I have been scaling the original image, rather than the height of the rounded rectangle?
Here is a simple example of my code:
Draw the rounded rectangle:
roundRect = new Sprite();
roundRect.graphics.beginFill(0x000000);
roundRect.graphics.drawRoundRect(0,0,50,15,4,4); //Original Height: 15
roundRect.graphics.endFill();
addChild(roundRect);
Then I listen for a mouse click event on the rounded rectangle.
The mouse event triggers a function with the following code:
TweenLite.to(this.roundRect, 1, {height:120}); //Final Height: 120
I would like to tween the height of the rounded rectangle itself. I would hope that this would not produce the unwanted distortion. Is there any way to achieve this?
Thank you.

Ned,
Thank you for your response.  I apologize for the delay in my own response.
I was seeing distortion in x direction as well.
I was able to solve my problem using 9-slice scaling.  I used the scale9Grid property.

Similar Messages

  • Round rectangle edges are blurred...

    I have seen people complain about this, but no work arounds. The blurry eddges I see on the rounded portion of round rectangles is awful. IS there a workaround?
    Graham

    It is currently a shape. The line I'm referring to is created dynamically using actionscript.
    [CODE]
    //----BLACK ROUND RECT BOX----//
    var square:Sprite = new Sprite();
    addChild(square);
    square.graphics.lineStyle(3,0x000000);
    square.graphics.drawRoundRect(0,0,425,250,36);
    square.graphics.endFill();
    square.x = 87;
    square.y = 35;
    [/CODE]

  • Where is rounded rectangles in PSE 9

    I am putting a rectangular image on a card and want to round the corners.  I can't find a rounded rectangle in shapes.

    Click and hold on whatever shape tool is visible for a popout menu of other shape tools:

  • How to make ROUNDED rectangle default style cp8?

    Hi,
    I want my smart shape style to be rounded rectangle, not squared. I have set up my object styles with color and all that good stuff, but there is no way I can see to make it the rounded shape instead of the squared off shape.  I also tried to change one on the properties panel thinking I could "apply to all" but that option is not available.  I am trying to use smart shapes as my captions in recording and it sure would be nice not to have to touch every single one and change it to rounded - defeats the purpose of styles, yes?
    Using CP8, latest version (I checked and there are no updates available), on a windows machine, 64 bit.
    Thanks!!!
    Kelly

    Rick, that option has effect on the captions inserted while creating a software simulation.
    @LMS_90 About which shapes as Text container are you talking? Object styles for Shapes do not include the 'form' of the shape. And at this moment, you cannot set such a form as being included in the default style, with the one exception that Rick points out: added text during a simulation capture.
    Even for Success/Failure/Hint shapes you cannot define that it always has to be a rounded rectangle. For Question slides, you can set them up in the master slides, and if you use always master slides with placeholders it is also possible. Quite a lot of the default themes have rounded rectangle shapes as text container for Title and Subtitle.
    Also in the Properties the 'form' is not part of the style: if you apply the default Shape Style that includes Stroke, Fill, Character properties, Margins, Shadow...but not the shape itself. That is the reason why 'Apply to all' cannot be used for the shape form.
    This is probably not the answer you expected, I try to change as much as possible in the Master slide.

  • How to smooth pixelated edges of Rounded Rectangle Filter?

    I'm using the rounded rectangle filter to divide the frame into about 25 pieces (a mosaic type of transition is what Im going for) and I like the look of the round rectangle but the four corners are terribly pixelated. Is this just an oversight on the part of the programs developers or is there a setting I am over looking?
    Thanks Mac People,
    Justin!

    Hey Jim,
    I am seeing the pixelation on my monitor. The oval shape filters work just fine, and thats what has me scratching my head.
    Also, i have my Filmo figured out, except for the dial one the viewfinder that changes the size of the frame in side it. Do those numbers correlate with different size lenses? Do you have any suggestions and what lenses I should look into and where to find them. Theere is only one on the camera as is, a very small one about the size of a golf ball.
    Thanks again Jim,
    Justin!

  • Creating Rounded Rectangle Outline Colour Issue

    Hi all,
    I am wanting to create a rounded rectangle, with an outline or boarder with a colour black (Or other colours). But i am unable to find where i'm able to add an outline colour as an option before drawing out the shape or after drawing the shape.
    The only option i am able to do is changing the background colour of the shape created, and i was wondering if you are able to add an outline when creating or after creating a rounded rectangles or other shapes...
    Thanks,
    James

    But i am unable to find where i'm able to add an outline colour as an option before drawing out the shape or after drawing the shape.
    Styles -> Stroke.

  • Can't use the knife tool to cut the rounded rectangle

    The knife tool is grayed out when I try to use it ona rounded
    rectangle. How can I errase part of a rounded rectangle?

    dm25 wrote:
    > The knife tool is grayed out when I try to use it ona
    rounded rectangle. How can I errase part of a rounded rectangle?
    You need to ungroup it first. Modify > Ungroup.
    Linda Rathgeber [PVII] *Adobe Community Expert-Fireworks*
    http://www.projectseven.com
    Fireworks Newsgroup:
    news://forums.projectseven.com/fireworks/
    CSS Newsgroup: news://forums.projectseven.com/css/
    http://www.adobe.com/communities/experts/

  • PSE 5: Creating a rounded rectangle not filled in.

    I want to create a rounded rectangle with the rounded rectangle tool, but I don't want it filled it with color, just outline / stroke.  I see it's been discussed here but I can't figure it out.  Any advance would be great.  

    Another way, in addition to the ways posted above, is to draw out
    your shape.
    Then go to layer styles and find the style set named visibility.
    There are three styles there: show, hide and ghosted. Pick the
    hide style and your color will be hidden. Then Alt+double click
    on the shape thumbnail to bring up the layer style settings
    dialog. At the bottom of the dialog is a stroke option, where you can
    choose your stroke color, size and opacity.
    The advantage of this way is you can edit the settings later by double
    clicking on the small fx beside the shape layer.
    If you wish to restore the color later, you can use the show style in the
    visibility layer style set.
    Later versions of photoshop elements work the same way.
    MTSTUNER

  • Why are my rounded rectangles distorted?

    When I use the Rounded Rectangle shape on the Tools Palette, it is getting distorted in the PDF. The other shapes look good. I'm attaching a sample.
    I'm using FrameMaker 8.2p277. To create the PDF, I do File>Print and select Adobe PDF as a printer. On the PDF Options, I have selected the same joboptions that I've been using.
    I double-checked in Distiller and I do not have "Convert gradients to smooth curves" or "convert smooth lines to curves" selected. Those settings have caused trouble in the past.
    What else should I check?
    Thanks,
    Cheryl

    OK. I stumbled upon the answer. When creating a PDF by choosing the Adobe PDF printer in FrameMaker, I had to:
    1. On the Print Document window, select Setup button. That opens the Print Setup window, where I choose the Adobe PDF printer. Then I click Properties, which opens the Adobe PDF Document Properties window. On that window, the Default Settings shows "Standard". If I click the Edit button next to that, it opens the Standard - Adobe PDF Settings window. If I drill down on "Advanced" I can see that "Convert smooth lines to curves" is selected. So then I cancel out of that window, back to Adobe PDF Document Properties. On that window, I select my own joboptions for Default Settings, which I know does not have "Convert smooth lines to curves" selected. Click OK twice.
    2. Now, back on the Print Document window, I select PDF Setup. I make sure that my own joboptions is selected from the list and I click Set.
    Now, the file is generated properly and my rounded rectangles look perfect:
    If I omit either of those steps, then my rectangles are distorted. I think they look like worms that have been stepped on:
    To answer the others who responded to my posts:
    Sheila, I'm attaching a MIF file, just in case you're still curious.
    Shlomo--My Distiller is version 8.1.3.
    Thank you for your time.
    Cheryl

  • Rounded Rectangle Line Weight problem

    I can't make a rounded rectangle with .5pt. It keeps resetting to 1pt. I am also applying a dash (1,1) to the line

    rwl3,
    You may have Align to Pixel Grid ticked in the Transform palette. You can see it when the object is selected.
    If so, you probably have Align New Objects to Pixel Grid ticked in the Options.
    To cure this, you may select everything and untick both.

  • PS CS5 - rounded rectangle and move tool not working..?

    CS5 Photoshop
    I have just noticed that my rounded rectangle tool is not working properly. When I click and drag nothing is visible, when I release it floods my whole image with my selected color. I have tried all of the other tools and they work properly. I have tried restarting, compared settings with other tools, and checked for updates. Nothing is working and any help would be appreciated.
    Also, I have what appears to be a common problem with my move tool. I click, drag, and drop only to have the selected image snap back to its original position. I have an intuos 5 connected, is this the culprit?
    Thanks in advance...

    I can't help with the snap to edge problem, but if you select your rounded rectangle shape tool, and click on the Cog in the Options bar, I suspect you have a fixed size set, and that it is bigger than your canvas.

  • Convert rectangle into rounded rectangle

    Hi!
    Can anyone tell me how I cn convert an existing rectangle
    into a rounded rectangle please?
    Also, how do you insert a rectangle/shape of a specific
    size& position without having to click and drag?
    I find that when I want to insert a rounded rectangle but
    then want to make it bigger, clicking and dragging a corner can
    make it the right size but causes the rounded corners to distort
    into a more elliptical shape then circular.
    Thanks,
    Matthew.

    maffpunton wrote:
    > Hi!
    >
    > Can anyone tell me how I cn convert an existing
    rectangle into a rounded
    > rectangle please?
    Use the Rectangle Roundness slider in the Property inspector.
    > Also, how do you insert a rectangle/shape of a specific
    size& position without
    > having to click and drag?
    You can insert one via the Auto Shape Properties panel.
    >
    > I find that when I want to insert a rounded rectangle
    but then want to make it
    > bigger, clicking and dragging a corner can make it the
    right size but causes
    > the rounded corners to distort into a more elliptical
    shape then circular.
    Have you tried using the Auto Shape Properties panel?
    Linda Rathgeber [PVII] *Adobe Community Expert-Fireworks*
    http://www.projectseven.com
    Fireworks Newsgroup:
    news://forums.projectseven.com/fireworks/
    CSS Newsgroup: news://forums.projectseven.com/css/
    http://www.adobe.com/communities/experts/

  • Bug report about create new footprint with Rounded rectangle in 3D info Bottom

    I create new footprint with rounded rectangle in 3D info Bottom,the rounded rectangle must be in bottom,but In fact,the rounded rectangle
    created in top layer.i think it's wrong.
    I used ultiboard 10.1.357.

    Hi,
    Thank you for reporting this. This has been a long standing issue with Ultiboard and we are looking into resolving this.
    There is a work around although a very inconvenient one. You can set the height to what you require and use a negative offset to move the shape to the other side of the board. The 3D shape will appear on the other side, but in reality is just shifted, not mirrored.
    Hope that helps. We apologize for the inconvenience.
    Yi
    Software Developer
    National Instruments - Electronics Workbench Group

  • Rectangle marquee keeps converting to a rounded rectangle marquee!

    Help! I have been using Photoshop CS2 on my G4 PowerBook for years without problems. Starting today, every time I try to use the rectangle selection marquee, it keeps on converting to a rounded rectangle selection marquee when I release the mouse. I tried resetting all tool presets, quitting then restarting Photoshop, rebooting the computer, and trashing all the Photoshop preferences files, and nothing worked. When I edit an image in Image Ready, the standard rectangle selection marquee works fine, but once I go back into Photoshop, the rounded selection marquee comes back. Can someone please help me get my standard rectangle selection marquee back? Thank you very much.

    Thank you very much for the prompt replies. Along the lines of resetting preferences, I first tried Options > Reset All Tools without effect. Then I tried Options > Reset Tool Presets, and Voila!, no more rounded rectangle marquee!! Problem solved!! Thank you very much for steering me in the right direction.

  • Rounded rectangle corners in FW3?

    Where the heck is my rectangle tool options panel that let's
    me round rectangle edges?!?!?!
    you may ask, why version 3? - it's 'cuz my company is too
    cheap to upgrade. I use it decently well despite this, but I
    digress.
    I thought all you had to do was double click the rectangle
    tool like it states in the help:
    You can round the corners of a rectangle or square as you
    draw it by setting the curvature of the corners in the Rectangle
    tool Options panel.
    Set this value before drawing the rectangle.
    To draw a rectangle with rounded corners:
    1 Double-click the Rectangle tool to open the Rectangle tool
    Options panel.
    2 Enter a value in the Corner text box.
    3 Hold down the mouse button and drag to draw a rectangle.
    Note: You cannot round the corners of an existing rectangle.
    The problem is, that the Rectangle tool options panel doesn't
    open!! is this a bug? or am i just missing something really
    obvious?? help!! has anyone else run into this?

    oy vey. never mind - i found it. it's so obvious that i want
    to cry. the problem was the inspector was already open and off
    underneath something that I couldn't immediately see. what a
    doofus. sorry for taking up space.

Maybe you are looking for

  • Extremely slow mac all of a sudden, Frequent SPOD

    Today I started getting some pretty severe slowdown/performance problems with the Macbook Pro that I've been using.   My EtreCheck log sheet is attached at the end of this message. What I was doing before -The last time I remember was that I was havi

  • Disk is jambed in computer an the computer doesn't recognise the disk is there, how do you remove it?

    anyone know how to remove disks from a macbook that does not recognise there being anything inside it?

  • Total Quantity in Custom Report

    Hello! When we create a report (eg, stock report), How to get the total quantity at the bottom of the report? For example, if i create a report for all purchase orders for a particular item, how to get the total quantity being displayed at the end of

  • Weblogic 8.1 SP1 + Apache 2.0.46/44 Plugin Problem

    Hi, Im using apache 2.0.44/46 HTTP Server to proxy request to my Weblogic 8.1 SP1 server. The HTTP server and Weblogic server are running on two different machines in a non clustered environment. I have copied mod_wl_20.so available in /root/bea/webl

  • Export data to anothe PDF form

    Hello all, I have a research company that needs to keep track of all patients we see by entering their initials, date of visit, date of birth and some other simple data in a cumulative log (a PDF form). When the patient comes to our site we gather th