Actionscript 3 :: All Rounded Corners TitleWindow In Flex?
Jun 30, 2010how can i get a title window with all rounded corners, so that i may make it whole round or circular shape ?
View 2 Replieshow can i get a title window with all rounded corners, so that i may make it whole round or circular shape ?
View 2 RepliesWhen I use <s:Rect> to create a rectangle, I use radiusX to get rounded corners. Problem is all are the same roundedness. Is there something similar to Rect that lets me control the radius for each corner separately? If not, what's the best way to create this from scratch? graphics library or what?
View 3 RepliesI've created a rectangle in catalyst and under the "properties" panel, all I can see is Corners 10 for the rectangle. Is there a way to individually define each corner similar to CSS. I can't see any source code view in catalyst to enable me to fine tune it for each of the 4 corners. How do I specify the roundedness of each corner separately?
View 1 RepliesI'm making a flex 3.5a/air2 application and I've made a popup window but I can't seem to get its bottom corners rounded. Setting cornerRadius seems to only affect the top corners. There doesn't seem to be a roundedBottomCorners property like there is for panels, and adding a controlbar with a cornerRadius also has no effect.
View 2 RepliesI'm trying to create an HBox in flex that has only the top corners rounded. HBox (and all the other flex containers) have a cornerRadius style, but it applies to all corners. I'm not seeing a way to specify the style of individual corners.
Is there any built-in way to do this, or will I need to write my own custom drawing code to draw the background with rounded corners?
In my application,showFlexChrome is set as true in WindowedApplication,and the *-app.xml is setted as follows
<systemChrome>none</systemChrome>
<transparent>true</transparent>
<visible>true</visible>
I know how to make the top border rounded corners with follow codes:
borderStyle="solid" cornerRadius="8"
But I cannot find a method to make the bottom border of my app window rounded-corner.
I wanted to change the background color of my Panel title area and I discovered that I needed to create custom skin or skin extender to accomplish this. So I created a skin called myPanelSkin based upon the Spark.PanelSkin. My background color works fine but it will no longer show the cornerRadius defined either on the component or in a styleI then tried another approach and simply created a new skin as an exact copy of the Spark.PanelSkin. It also looses the cornerRadius.
View 2 RepliesI have a photo in a Flex project[code]...
But now I'm wondering if I can make this image as the image below, in Flex (4 / 4.5 / 4.6) (in MXML and/or ActionScript 3)
It's easy to draw a round cornered rectangle/square but how do you draw a triangle with rounded corners?
View 4 RepliesI'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??
View 2 RepliesI need to draw a box with rounded corners. I can't get a hang of it. I want to draw it from the following variables:
boxwidth = 200;
boxheight = 200;
radius = 5;
How do I draw this? You should see the artwork I have (by mistake) created while trying to get it right.
I have a bookmarklet that has rounded corners. When using the bookmarklet over the top of a flash website and even a pdf document (I think) etc. Rounded corners appear as transparent squares.
View 1 RepliesIs there a simple way to draw a triangle with rounded corners in AS3?
View 1 RepliesDraw a Triangle with rounded corners?
View 2 Repliesis it possible to draw a rectangle specifying which corners should be rounded and which not in a simple manner?
View 3 RepliesI was wondering how to use the container .swf required by Flash Satay to also display rounded corners of a fixed size.
View 1 Repliesi have been tasked to create a rollover state that has dynamic irregular shapes that surround the movieclip target. The target is always a rectangle and the shapes will look roughly like:I think i will have to draw this old school without using the easy predfined shape classes. I first thought about doing two rounded rectangles to fake it, but the line cross over (pointing green arrow) will overlap. Anyone have ideas on how to approach this? If i go with the drawing api, is there a formula to working out the rounded curveTo angles on the corners to always be the same radius?
View 2 RepliesI 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 am trying to scale9grid a button to preserve its rounded corners when resizing but I have run into trouble.The button is an ordinary Button symbol and it has 4 layered states (Up, Down, Over, Hit).In each layer there are some shapes (the outer button border, two background shapes inside the button for shading and then some extra outer border shapes to create the pressed down effect). The button contains no other elements,not even a textfield (the textfield is on the same level as the button).
The button is inside a movieclip (which also carries the textfield) that is of the same size as the button and is resized as by Adobe design when the button is resized (i.e. I am never manipulating its size).The Button is 35 high and the textfield is 25 high. They have their registration points both centered and placed at the the same coordinate.I use the follow code to resize and scale9grid the button:
popup.btnLoginButton.width = popup.btnLoginText.width + 20;
popup.btnLoginButton.scale9Grid = new Rectangle(10, 5, popup.btnLoginText.width, 15);
The above scale9Grid throws a Error #2004: One of the parameters is invalid.The same error occurs unless the Rectangle parameters are very small - for example Rectangle(5, 5, 5, 5) even though the textfield is much longer. But when the Rectangle is that small of course no scale9grid scaling is taking place.
If I don't specify width and height values for a TitleWindow, it will be resized to fit it's contents when I show it using PopUpManager. But there are moments when some components inside will be resized, like a ComboBox which dataProvider is loaded asynchronously, or another component which was not visible and I'd like to set it's includeInLayout to true. In those moments, I'd like to tell the TitleWindow to resize itself to fit window contents. I've tried calling invalidateSize() and invalidateDisplayList() with no success.
View 2 Replies[code]...
when i add this two elements label and button both are displayed on same position
my label size increases dynamically so i want to add that button below that label
here for titleWindow i want to set layout how i can do that[code]...
I am using PopupManager in FB4 to display a custom dialog.
popwin = new TitleWindow();
popwin.addElement(myCustomDialog);
PopUpManager.addPopUp(popwin,this,false);
PopUpManager.centerPopUp(popwin);
It's possible to drag the popped up TitleWindow and let go of it when its gray title bar lies outside the bounds of the Flex app rectangle,and then the popup cannot be grabbed again.It's also possible to drag the TitleWindow downwards so it becomes completely invisible below the bottom edge of the Flex app rectangle.When the Flex app bounds are less than the full browser window,and the user is working quickly, this chances of this happening increase.Is there a simple setting that will keep this from happening, or must the programmer intercept the behavior during the drag operation?
I have some labels in a title window in my application. When i change locale it gets changed but labels in the titleWindow do not change. When I check the locale chain using resourceManager.localeChain it returns the array of locales and newly selected locale is on the zero index of it
View 1 Repliesi can not have 2 popup TitleWindows instances simultaneously.How can i have more than 1 TitleWindow instance which can be moved arround?[code]
View 2 RepliesI want to open TitleWindow in flex Module.
My Main page is Application Page and I want to open Module page from Main Page. In Module page there is TitleWindow control. I want to popup title window in Module Page.
I would like to know how I can add maximize and restore functionalities to a Flex TitleWindow. I used something like this <s:Button label="maximize panel" click="Panel1.height = 300;Panel1.width = 300"/> where Panel1 is the id for TitleWindow but there was not effect for it.
how to add buttons on the titlewindow title( so that I can include buttons for maximize and minimize).
I have problem. I'd like to make dragable am Air TitleWindow application only by titlebar/header. I have this code, but its dragable everywhere.
[Code]...
I'm building a user login page and I want to go from titleWindow to Panel. I'm using the following function but it always takes me back to parentApplication.
how can I go to my panel and not to Application page?
I know that I'm using parentApplication but what should I use instead?
Here is a part of my code:
private function handleLogin(event:ResultEvent):void {
Alert.show("You have succesfully logged in.", "Information", Alert.OK, null, null, null, Alert.OK);
[Code]....
I have a problem with redrawing in flex 4. I have a spark titleWindow, and if i drag it faster, it looks like it's mask is one frame late after the component. it's easily visible with 1pixel thin border, because it becomes invisible even with slower movement.
You can try it here (what is not my page, but it's easier to show you here than uploading example):[URL]..
If you move in direction up, you see disappearing top border. in another directions it's not that sensitive as it has wide shadow, and it's not very visible on shadow. On my computer i see it on every spark TitleWindow i have found on google, although it's much less visible with less contrast skins, without borders or with shadows.
I want to be able to show a Spark TitleWindow container as a modal without having to construct it by code via AS3. I tried creating the TitleWindow before-hand manually by dragging and resizing it around and adding objects, etc then hiding it. Then on a button, I set the called function to the ones below:
public function doPopup():void {
testWindow.visible = true;
PopUpManager.addPopUp(testWindow, this, true);
}
Unfortunately, this only shows testWindow but not as a modal. I want it to be like this so that I can freely resize and design the layout of my TitleWindow and only have to call some function to show it as a modal one.