Flex :: Graphics - Filling Color In An Object Built Using Primitives
Apr 22, 2011
I have a bounded object, created using primitives lines in Action Script- either an oval or a triangle. Is there any way I can fill the contents in a specific color
Just to clarify on this- the shape could be in two ways
a) drawing a isoceles triangle based on a variable apex angle
b) two curved lines to form a "lens"
I am not sure if I can use the fill function, as I am not drawing a inherently bounded shape- the closed nature is based on my calculations
I have created a few flex primitives on screen via action script. Now based on business logic, I need to make changes to some of these primitives such as: changing thickness, direction of arrowhead etcOne thought was to assign id's to these primitives as they are built- how do I do that?e.g. I get a line built as below
var myShape:Shape=new Shape(); myShape.graphics.lineStyle(thickness,color); myShape.graphics.moveTo(XFrom,YFrom);
I'm making a little coloring "game" for kids. The user selects a image (our originals are flash vectors), use the color picker to choose a color and click on parts of the image to color it as desired. Really simple stuff.
Now I'm trying to implement the program with automatized color filling (the old program requires that each part to be colored have to be a separate movie clip). After much research, I failed to find a method like the floodFill in BitmapData for MovieClips, so I tried to take a snapshot of the image as Bitmap with the BitmapData.draw method and use the floodFill directly.
Is there anyway I can effectively call the equiv. of setText on a Flex Graphics object ?Specifically I'm using a custom cell renderer to display data in a datagrid. The renderer uses the Graphics object to set the background colour of only a portion of the cell (say the left half) based upon the underlying data. I would like to be able to have text over only that portion of the cell which has the background colour (eg centred within the left half). I know all the widths (of both the cell itself and the graphics object) but I don't know how I can set text (centred) over the graphics object.
Is there anyway I can effectively call the equiv. of setText on a Flex Graphics object ?
Specifically I'm using a custom cell renderer to display data in a datagrid. The renderer uses the Graphics object to set the background colour of only a portion of the cell (say the left half) based upon the underlying data. I would like to be able to have text over only that portion of the cell which has the background colour (eg centred within the left half).
I know all the widths (of both the cell itself and the graphics object) but I don't know how I can set text (centred) over the graphics object.
The program has a background image over which these lines are drawn.The problem which I am facing is that the image overshadows the lines and the lines are not visible to the user.Since these lines do not have an id, I am not sure as to how I can assign a depth to them?
I'm trying to understand how the Flex framework draws objects (Button, Label, Image, etc.). The Button class seems to draw itself by addChild()ing its ProgrammaticSkin. However, where in the framework is the Graphics object being passed around in the hierarchy to achieve the drawing. I want to get to the level of 2D API.
My basic requirement is to draw a circle inside a BorderContainer with the layout set to BasicLayout.I run this method in the CREATION_COMPLETE event of the BorderContainer object.[code]I know I must be missing something VERY basic here. Can I just draw like this OR should I draw in some other event? I know that I can create a Ellipse object and easily add it to the border container but I would like to know how I can do this using the graphics object.
i'm attempting to draw lines beside each other, but the last line from the first color group takes on the color from the second color group before the second color is assigned.
var arrowHeadRight:Sprite = new Sprite(); with(arrowHeadRight.graphics){ beginFill(0xDDDDDD, 1); moveTo(50,0); lineTo(0,50);
[Code]...
On Mouse Over, I wish to change the color of the fill on this shape? Can this be done or do I have to re-draw the graphics with an updated beginFill line?
i have found a beautiful water effect made in as3. The effect is available to download on the website below.I am trying to change the fill of the water (that is blue or any color that you pick).The original code fills the water like this:
Code: public function renderWater():void { shape.grapics.clear(); shape.graphics.beginFill(0x006699); shape.graphics.lineStyle(0, 0x000000, 0);
[code].....
I tried to follow the instructions on the beginBitmapFill help, but i am receiving the water with no fill.
I import XML data in order to fill an AdvancedDataGrid (using Flex 4.5). This ADG is correctly filled with the data, columns display the right information etc. etc.
But there is a problem! Indeed, the 'Cost' data are imported as 'Strings' and that is why I cannot do the SUM... I just get a nice 0 as a result! I would like to convert these data into Numbers, so that the addition can be processed. This conversion has to be done before filling the ADG I think.
I already tried to implement a custom summaryOperation but was unlucky...
public function calculateSummary(data:Object, field:SummaryField2, rowData:Object):void { var dataField:String = field.dataField;
[Code]...
The Alert always displays a void message, the data are not transmitted to this function I think
There is another thing: the user can insert new data in the XML dynamically and that insertion has to update the SUM result.
I have a few movie clips that change color when they are rolled over and rolled out of which is great and works correctly but now I have add glows to those buttons to serve as borders or a stroke and when you roll over the buttons the color and the filter color changes.
I am making a movie that has to be published to Flash Player 6 and want to set a bunch of movie clips to have the same color. Here is my function:[code]My problem is that I get the error message:"Hexadecimal digits expected after 0x" referring to the 4th line of my function.
I'm creating a Flex 4 application which contains different modules in it. The main application contains a style sheet and the modules inherit the styles defined in this file.Its working fine when the swf's are generated using Flash Builder. But when I'm generating it using Ant script, the modules does not inherit the styles and everything looks weird.I added isolate-styles="false" as an additional parameter to mxmlc, but still its not working.
So I got Bada Wave II.. It shall have FP9 and Adobe site thinks it has! but we see strange banner on top. So I thought - grate - we have it... And I built this fith flex builder 3 for FP 9.0.124 but when I go to it I see nothing but this
I also tried to compile it for FP 9.0.28 which was one of big FP game changers... So I whent to Google and found something that worked on Bada and at the same time was FP9!) It was not working 100% correctly as you can see but any way - I can operate with out navigation... Here are screensho. Note that flash content was unscrollable, unzoomable and browser about was showing ...
So at leasted it worked! So I descided to try and go into html... and modified my flex builder generated html into something as close as possible to that sample that worked and it shows this same wary FP9 logo thing...:... so It seems that I can not run Flex, mxml based projects on my bada... or can I?
Types like Movieclip , String, Object act as references when declared and defined, while types like int, Number are primitives. Why such difference has been made. Why not all of them can be primitives ?
Is there a way to have a transparent background in a flash application built with Flex 4? I need to put it on a webpage where the html background is visible through the flash.
When i run it in Flash Builder (debug mode) the remote object called successfully. but whenever i build the application (AIR application), then the remote object will return no result nor fault, the busy cursor is showing about 3 seconds. then no clue at all. how to get advance fault or something than regular fault event or result event? or anyone have the same experience?
UPDATE: Actually it was failed only for ONE service method, for other method (some of them took longer time to call) the service call is work fine. CASE SOLVED So the problem was not on the service call, but on my result conversion that cause the advanced datagrid failed to render.
Lets say I have a customMovieClip. I sometimes draw an ellipse with customMovieClip.graphics and sometimes a rectangle. Now I want to know what was the shape ( ellipse/rect) that was created using a particular graphics object. Doing this would enable me to pinpoint what exactly to do with that customMovieClip() instance.
I`m working on a app that you can draw lines.....like circles, rectangles... my problem is when a user draw a circle for example....i wanna be able to paint (change color) inside of this circle. I`ve tried working on Shapes with cacheAsBitmap = true and Bitmaps with BitmapData but it doesn`t seens to work.
I'm working with a fellow coder on a project; he's the Flex guy and I'm the Flash guy. He supplied me with a custom Component he built in Flex, to act as an API. It's working just fine for him when he runs it in Flex.
I installed the .swc file in my Components folder. When I open my Components window, I can see it sitting right there. However, I can't seem to drag an instance of it onto the Stage. It highlights in the window when I click it, as I drag it I can see the little dotted-outline box indicating that something's being dragged, but when I release it it disappears. Nothing on the Stage, nothing in the Library.
I am new to Flex and need to integrate Java services with Flex UI built using Mate framework. Can anyone point me to any website/links or show an simple example of integrating Flex UI on Mate framework with Java remote services? A simple integration of a "LoginService" will be good enough.
The flex title window component is nice and all, but before it shows up it insists on blurring out the background of your window if it's set to modal. What if I want it to just show up immediately or at least speed it up so that the user doesn't have to wait around to enter data. Am I going to have to build a custom component based on TitleWindow to get this or not have it be modal? If I were to do that could I extend current TitleWindow or just copy out the source directly?
I have a Sprite in which I have drawn a circle with a fill. Later on, I wish to modify the color of this circle. I have retrieved the Graphics object from the Sprite using getChildAt(), and have tried:
getChildAt(i).graphics.beginFill(0x550000);
however this does not work. I've RTFM'd but can't figure out exactly how to deal with the Graphics object.
I am making a Flash CS5 application in which the user draws transparent overlays on a Sprite placed on top of an image. The user needs to be able to erase his input as in MS Paint, Adobe Photoshop, or GIMP. Because the Sprite is on top of an image, there is no safe clear color I can think of to draw over the section that the user has just rubbed his eraser over