ActionScript 3.0 :: Rounded Rectangle With Conditional Corner Rounding?
Aug 28, 2009
create a method for drawing rectangle with rounded corners, but while being able to specify which of the four corners (any, all, none,etc.) you wanted to round.The method below does the trick, but for some reason my corners don't match the same curves that I get using the same radius with drawRoundRect().
In other words, if I call my method (and set all four corners to be rounded) and compare that with the same call to drawRoundRect() the actual curves of the corners are slightly different.
HTML Code:
public function drawComplexRoundedRect(startX:int,startY:int,rectWidth:int,rectHeight:int,radius:int,canvas:Sprite,roundTopLeft:Boolean=false,roundTopRight:Boolean=false,roundBottomLeft:Boolean=false,roundBottomRight:Boolean=false):void{
I need to round at only the top or bottom of a border container not all four corners, is their some CSS that I can use or do I have to create two new skins. I was reading their used to be a property for this for HBox back in the old days, is their not a property for BorderContainer now?
I am creating one new empty movieclip like this,this.createEmptyMovieClip("vjn", this.getNextHighestDepth()); vjn.beginFill(0x000066); vjn.moveTo(150, 50); vjn.lineTo(50, 250); vjn.lineTo(250, 250); vjn.lineTo(150, 50); vjn.endFill();
these lines are creating only the square corner, but i want rounded corner. How can i increase or decrease the radius size. How to create the rounded corner through script.
these lines are creating only the square corner, but i want rounded corner. How can i increase or decrease the radius size. How to create the rounded corner through script.
these lines are creating only the square corner, but i want rounded corner. How can i increase or decrease the radius size. If its possible please mention the problem.How to create the rounded corner through script. I want rounded corners not a square corner......
I'm trying to programmatically(yep, must be this way) style/skin a VBox so that its top right corner is rounded, and it gets a two colors gradient brackground.
Modifying examples I found around I was able to accomplish both effects(corner and background) but only separately:
VBox with not all rounded corners: [URL]
VBox with gradient background: [URL]
But what I need to do is to apply both at the same time. And all my coding attempts so far have failed silently.
I have a mx.components.List component with a bunch of custom styles:
<mx:Style> .dropDownListStyle {
[code]....
I'm creating the list in AS:
_dropDown = new List(); ... _dropDown.styleName = "dropDownListStyle";
The List is then added as a popup with PopUpManager:
PopUpManager.addPopUp( _dropDown, this );
The problem is that the corners of the newly created popup are not rounded. I found that border-style is needed in order to get the effect, but adding this property didn't help. I'm building the project with Flex 4.1, but the List and its parent are MX components and it's a lot of work to migrate them to Spark.
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: 15roundRect.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:
I'm trying to get plain straight corners on a rectangel. I have been drawing a rectangle or even before drawing one, selecting the little tool in the lower left and I put in a value of 0, but as soon as I draw anything it rounds up again. How do I get rid of this problem??
I've seen a few tutorials on this site that discuss the Drawing API, What I'm wanting to do is draw a rounded rectangle at runtime to a particular size.I initially tried resizing an already-created rectangle, but as the movie clip resized, the radius on the corners got distorted.
I'm trying to achieve a roundedRectangle in gradient by using just code but i'm getting stuck.I was able to achieve the gradient part but adding the rounded piece its difficult, please see me code,
How can I create a rounded rectangle with a dashed line? I've seen several routines that draw their own straight lines, but nothing for rounded rectangles.
Im probably overlooking something simple, but when I try to draw a rectangle Flash is automatically applying a corner radius. I've tried resetting the options in the Properties Inspector, which resets to the default, but soon as a draw a shape it goes right back to a random radius.
For those of you still with me, I am tasked with making some scrollable content in Flash. Load in a TextFile using LoadURL(), then display it. To get the text, we've written our own class TextFieldExtended, which is basically just there to give the textfile location to the constructor and then have the class do the various steps of getting it and loading it for you.So I needed to get a Scrollbar, which I got hereThe thing is, it works with Sprites.After trying to get it to accept TextFieldExtended, I bumped into a block, since the scrollbar relied heavily on a Sprite property that TextFieldExtended didn't have or could have.
So I tried adding the TextFieldExtended instance to a Sprite instance using addchild.A problem occurs here that I do not know how to handle. It seems that a Rectangle is drawn and the Text is drawn on that. I say this because the scrollbar moves the Rectangle up and down a bit, but the text doesn't scroll, just the Rectangle it is positioned in and the text then moves along with it.My question: can this be fixed, or is does this implementation of scrollbars need a lot of adaptations before this is possible?
I draw a rectangle i should see a little bold circle to indicate a perfect rectangle, I seemed to lost mine, can somebody please tell me how to get it back!
I am making something flash flip like: [URL] but i want to do it in my banner 1000 width and 299 height problem is that i have few banner images i think 5 to 8 and i want to start my flip from "bottom-left" corner till "top-right"
I am trying to convert a rectangle(actually multiple rectangles) to a curved rectangle. I think it should be pretty easy but I guess i am stupid. Basically I would have a start position and stop position (many of these), and they would be converted to curved rectangles and follow in a cicrle around.
I would like to create a rectangle inside of a rectangle, starting approximately 15% inward from the right side of the other rectangle.
I know how to create rectangles with:
Code: var newHotRect:MovieClip = new MovieClip(); newHotRect.graphics.beginFill(0x00FF00); newHotRect.graphics.drawRect(0, 0, 100, 100); addChild(newHotRect);
But how would I make another rectangle on top of that (the black one pictured) that is approximately 15% from the right?
I toyed around with .right, and .bottomright with no success. Can anyone lead me in the right direction? or even finding the x and y of the upper right or bottom right side of a rectangle?
how to respond when a rectangle hits another rectangle? I already know how to detect the collision, I just don't know how to respond to it. I'm just trying making a simple side-scrolling platform game where I have platforms I can walk on and bump against on all sides. I have searched everywhere and just can't find the tutorials I'm looking for.
I've developed a project with the help of kglad in which the user enters in a numerical amount into an input text box and 3 other boxes (dynamic text boxes) display numerical amounts based on that input.With the great help of kglad I have gotten everything to work just perfectly except that those 3 boxes don't round off the results they display.
For example, if I input 265.35 into tf1 (text field 1), tf2 displays 132.675, tf3 displays 66.3375, and tf4 dispalys 132.675. Now according to the math that is programmed, that is correct. But I need them to display: 132.68, 66.34, and 132.68, either rounding up or down accordingly.
