ActionScript3 :: Flex - What Types Of SVG Gradient Fills Are Supported When Using The Embed Meta Tag
Jul 7, 2009
I've been trying to embed some svg files into an AS3 project using the Embed meta tag. For example:
[Code]...
However when displaying these files as Sprites only some of the gradients are surviving the embeding process. From what I've found simple (2 step) horizontal gradients seem to stand the best chance of being preserved, but sometimes other kinds of gradients are as well. In one case simply rotating an object 90 degrees causes the gradient to vanish when displayed in flash. Does anyone know a rough set of rules to use when creating svg gradient fills so they are preserved when rendered in flash? BTW: I used Inkscape to create the images in question.
Update: Bizarrely the solution to this seems to be setting the opacity of any object in the svg file whose gradient isn't displayed properly to a value below 1. Don't ask me why this works but it does. It does however have the unwanted side effect of the objects edges not being rendered as smoothly.
I am trying to draw a box shape on screen which fills with a gradient, but according to the angle between your start and end mouse points. ie, if you draw from 100x100 to 200,200, the angle will be 45 degrees and it will draw your gradient fill within 100x100 to 200,200 on a 45 degree angle.
Trouble is, I can EITHER get the angle working just fine if I fill the entire shape, or the angle isn't right but the fill area is correct. Please see the attached fla and click drag within the red box, trying out the 2 matrix arrays in thereto see the 2 x scenarios listed above.
I am communicating to an external server via a URLLoader and receiving the following warning: Warning: Domain domain name does not specify a meta-policy.Applying default meta-policy 'master-only'.This configuration is deprecated.
The provided link redirected me to another page, which didn't really explain how to remove this warning. It looks like it might involve modifying the crossdomain.xml file on the server, but I'm not sure exactly how. how to remove this warning?
Code: public function foo(bar1:int, bar2:uint, bar3:String, bar4:Boolean):void{}
What I want is to have the different types of data represented by custom named types which are essentially representing the original data types. I other word, I would like to proxy the data types and have a valid function as following:
Code: public function foo(bar1:PAR_Bar1, bar2:PAR_Bar2, bar3:PAR_Bar3, bar4:PAR_Bar4):void{}
so PAR_Bar1 would proxy the `int` data type, PAR_Bar2 would proxy the `uint` data type, so on and so forth.
The reason I need this is because I'm using a debugger with a GUI that can run methods and allows changing function parameter values in real-time, the issue is that the debugger can't tell me what parameter I'm changing, it only displays the data type of a parameter. So if I need to change 10 different parameters all of type int, the debuggers display all of them as int and not by their names.
I think that if I use proxy types I can easily differentiate between parameters.
So, my question: Is it possible to proxy data types? I mean map specific data types to custom data types that would represent the base data types?
I am creating a chart using mxml. The mxml tags only create a chart with a horizontal axis and vertical axis. My result event handler has actionscript code that loops through the xml result set and creates all the series (line series and stacked bar). This part of the code works fine. Now I need to use the functionfill function to set individual colors to each series. All the examples I have found call the functionfill from within an MXML tag, like so:
I wanted to e to replace the standard flex bar chart bars with my own image. This worked by embedding the image and setting as a bitmapfill. however these images dont scale well even tho i have applied 9 slice scaling when embedding.
I need to create subscript text for mobile. I read at [URL} that label's baselineShift property is not supported on the mobile theme. So I created a plain mobile project using the default mobile theme with a couple of test labels and in the FB 4.5 emulator the baselineshift worked fine.
I have built a application that use a nativeProcess to open exe. The application into Flex Builder 3 run whitout errors. Then the problem come when I export the aplicaction AIR in .air and install the applicaction in the developer pc or other pc. When I push the button to open the .exe, appear the message "Native Process is not supported". The code in the main.mxml that I use:
I am trying to create a secure database for a mobile app using the as3corelib EncryptionKeyGenerator package from here but when I run it I get the following error:Error: EncryptedLocalStore is not supported on the current platformat flash.data::EncryptedLocalStore$/setItem()Googling around I see it is becaue the ELS is not supported for mobiles. Does anyone know of the best solution to this problem? I guess I could use the persistence manager to store the information but I am not sure this is the most secure method.
my first time trying to draw a multi-color gradient in actionscript 3. So I got this code from the help docs, but I can't seem to get a vertical gradient, whatever formula or number I use for rotate, it stays stuck on the default horizontal gradient :(
I'm trying to create spinning rays in actionscript to use in my website.Below is the rough idea of what i'm trying to create.Is it possible to create absolutely with 0 images.Following is the actionscript code in which i couldn't figure out how to add gradient, transperant background and little radial gradient to create glow effect.
Code:
function CreateRays():Shape { var ray:Shape = new Shape(); ray.graphics.beginFill(0xFF9900,.5); ray.graphics.lineStyle(1,0xFF9900,.5);
[code]....
If you paste above code in 1st frame of your scene with nothing on your scene, it will give you sweet rotating rays!
In 90% of the example projects I see for ActionScript / Flex I notice the following two coding conventions: 1) private member variables with getters/setters start with an underscore as in "_credentials" and 2) interfaces start with the letter "I" as in "ISessionInfo" Coming from the Java world, I find both of these conventions unnecessary and annoying. I am about to start a new Flex project and was planning on NOT following these conventions unless they are truly are widespread, standard conventions in the Actionscript/Flex world.
For example if I was given the string "01/01/1980". How could I then get the current date, then figure out how old someone is, and then just return how many years old they are?
I saw a topic on this in C++ but i'm not to familiar with it, anyone know how this would be done in AS3?
edit: I think what i'm having the hardest time with is how I would break down the original brithday string i'm starting with into month, day, year vars
I have a UI component that, for various reasons, I have to construct programatically. The component is a table of radio buttons grouped by column.Right now, I'm constructing the column groups like so:
private function createGroupsForItemList(items: XMLList): void { for each (var item: XML in items) { var rbGroup: RadioButtonGroup = new RadioButtonGroup(); groups[item.@level.toString()] = rbGroup; } }
I'm trying to associate the RadioButton instances with the column groups like so:
private function createValueControl(item: XML): UIComponent { var control: RadioButton = new RadioButton(); control.label = "";
[code]...
I can see in the debugger that the control has an association to the group:
control.group == groups[item.@level.toString()]
However, I can see equally that the group does not know anything about the control:
group.radioButtons.length == 0
I imagine that this is because the setter for group in RadioButton is a dumb setter; all it does is copy to the variable, which doesn't do the magic that groupName does. However, I can't seem to find the value I should use to set the RadioButton.groupName property correctly.So, in short, I'm stumped on how to get these bits to talk to each other. How do I do this?
-- EDIT -- It turns out that I can have the groups created and associated simply by setting the groupName property, but I can't get at the group to set up a selection listener; the group is NULL immediately after the setting process, which means that the second line below throws the Flex equivalent of an NPE:
What it says on the tin: I have an XMLList, and I want to find where in it a particular XML item falls. First index is good enough for my purposes. Note that I have no problem writing a function to do this by hand... but I was hoping that the API has something buried somewhere that'll do it for me. I didn't see it, though.
I'm writing a helper class and I want it to be used in both flex and pure actionscript projects. For example:
public static function listenToPositionAndSize(control:DisplayObject):void { if (mxLibrariesSupported) { control.addEventListener(mx.events.ResizeEvent.RESIZE, onControlResize); control.addEventListener(mx.events.MoveEvent.MOVE, onControlMove);
[Code]...
EDIT: One simple reason to do this is: if you check the above example, I would prefer mx.events.MoveEvent.MOVE (if available) instead of flash.events.Event.ENTER_FRAME for performance issues.
I am wondering if flex enforce style settings and throws compilation errors if a style that is applid to a component that is not supported by it. Has any one tried it before ?
I'm trying to set the text of a TextArea with some text containing forbidden characters. I'm trying to set the text as <meta charset="utf-8"> and there is of course a problem with the "'s. I think it's something like this <meta charset="utf-8">, but obviously this doesn't work.
I am using Flash Builder Buritto with the latest "nightly" Flex 4.5 SDK, build 17689. It seems the dropShadowEnabled property is no longer supported with the Hero default skin. I get this compilation error:
The style 'dropShadowVisible' is only supported by type 'spark.components.Panel' with the theme(s) 'spark'.
Is there any way to disable the shadow without making a custom panel skin?
We have a flex application which compiles fine on windows box using mxmlc ant task but when we try to run the same build scripts on linux, it throws the 'Invalid Embed directive in stylesheet' error indicating it is not able to resolve the path to the image files.
Can someone pls. educate me on if there is a difference in the way the image files are looked up, in a CSS file, on windows vs linux.
Flex sdk version is 3.3. The same sdk is used on both windows and linux. Not sure if this has been fixed by any future 3.x sdks.
i have a tree of nodes that i dont want some type of nodes to appear in the tree, i can check the data on tree item renderer for each specific node type, so i have one type that i dont want it to be shown as tree node, like it doesn't exist.