Actionscript 3 :: Flash UIComponent Not Working Again
Apr 9, 2011
[code]I have included import fl.controls.* and fl.events.* and I've also made sure the Slider UI component is included in the Document library.The UI keeps flickering in a strange way, seems to be redrawing the components in every frame or something. I did have this all working before, but since introducing some new classes, it's stopped working. The rest of the drawing within the application is working, just the UI components flicker and don't work.
I have a BaseComponentClass that I am using as the class that all my custom components extend.For some reason, none of my custom components show up at runtime. I am not getting any compile or runtime errors either.I am implementing all the protected UIComponent methods.[code]The Button never shows up at runtime.
I am new to Flash/Flex. I would like to use a Component I created in Flash extending fl.core.UIComponent. How do I use this in Flex? Do I just export it as a swc or do I have to use the Flash Flex 3 kit which will convert it to a UIMovieClip. That does not sound right.
I need to move 100+ sprites from right to left, for example, a hundred musical notes will be scrolling horizontally should be as smooth as possible, having tried move s:Group component found it to be inefficient with high CPU load even after apply updateafterevent(). Is it possible to scroll a large numbers of sprite smoothly?
So I add this line to my .FLA file in the first frame's script:
import mx.core.UIComponent;
I receive this error:
1093: Syntax error.
in UIComponent.as line 54. Double click on that in the Compiler Errors panel and I see:
#include "../core/ComponentVersion.as"
OK, the syntax error is likely in ComponentVersion.as ... except it really, really shoud not be. And if I load that file into the Flash editor and syntax check it has no errors. However, if I copy the sole non-comment line of that file (static var version:String = "2.0.2.127"; ) into UIComponent in place of the #include, it works??
Now I get this error:
5007: An ActionScript file must have at least one externally visible definition.
Excuse me? This is a class definition file suppled with Flash!
I know it is intended for flex ... but what does that mean ... can I use it in flash ... if not, why not ...
but more importantly: all of the mx classes, spark classes, flashx classes ... why are they NOT for flash? pixels are pixels, matrices are matrices, 0's are 0's, 1's are 1's.
I have 1 class (that is extending a UIcomponent) that is representing a component. In that component I create different instances of another class that is also a UIComponent but this class doesn't show up in de first class. I see that it is running and that it has the correct hights but I got the feeling that it doesn't show up with this hights. If I trace I see the width and height is 200 X 200 but there is still nothing visible in my component.
Extremely frustrated with this. I've created a simple class that extends the UIComponent. I create an instance of this class in a parent class and utilise the 'addChild' method to add it to the parent. I've overridden the 'updateDisplayList' method of the extended UIComponent to add my own drawing routine using the 'graphics' object.
My problem occurs when I start attempt to change any of the following properties (x , y , width, height) either directly or using 'move' or 'setActualSize' because the UIComponent will no longer display - prior to changing any of these properties the object displays fine. I know the object is still there, the 'updateDisplayList' method is still being called (as I'm calling 'invalidateDisplayList' after each change) and it correctly reports the changes.
I've been trying to draw a series of points using a UIComponent using:
var line : UIComponent = new UIComponent(); ... line.graphics.lineTo(renderPoint.x, renderPoint.y);
[Code]....
The problem is that although I have all renderPoint segments etc. The line never gets drawn or it never gets displayed. I think this might be because of some Flex thing that is not so obvious.
In Flash, if i create a custom Movieclip, and compile it to a SWC, i can use it in .fla files (by linking to the .swc)..
[Code]...
All the arrangement of graphics on the custom movieClip's layers is preserved. If i subclass UIComponent and compile to a swc, I can use the custom Class in my .fla file, but the new instance doesn't seem to construct the children arranged on the layers.
I know that the correct way to make a custom component is to have the two frames, first to specify bounding box, second frame for assets, and that the first graphic in frame 1 is removed at runtime. But i'm not really trying to make a reusable component - i just want to use the UIComponent class (It seems to have some nice extensions to Sprite). As i really want some hand-positioned layers inside the component i figured i could have the bounding box as the first element on frame 1 (knowing that it would be removed), but any other items i put on frame 1 would be preserved - buttons, images, lines, etc.
I have a custom UIComponent that is basically just this:
public class WhiteboardUIComponent extends UIComponent { public function WhiteboardUIComponent() { super();
[Code]....
This is absolutely the simplest that I could make the example. The s:View is gobbling up my mouse events - if I add a handler in the MXML to the View, I get mouse events just fine. When adding a handler programmatically in my subclass' constructor, I get nothing. I thought maybe the layout was wrong, so I explicitly set the dimensions of my UIComponent and stuck it in a border just to be sure it was where it was supposed to be - same deal.
I am trying to understand the interaction between Flex UIComponents and (Flash?) DisplayObjects... But it's not clear to me what the UIComponent class "adds" to DisplayObject. So, what can a UIComponent do that a DisplayObject cannot?
I've created a AS3 class which extends UIComponent so that I can easily add it to my MXML layout. It works fine, but I'm trying to figure out how to update the UIComponent width and height dynamically. I want my super UIComponent to draw a border around the content, so I need get the specific 'content' dimensions in order to do this.
I understand the idea of UIComponent is that you are supposed to specifically set the width and height... but I am literally only extending it so that I am able to use my custom component with MXML easily.Is there a method in which I can get the width and height of a UIComponents 'content'?
I'm trying to put a label and an image on a UIComponent, side-by-side. I want to use UIComponent for efficiency reasons, and the entire component is more complicated than just a button with an icon.
I'm trying to get a click handler on ther entire UIComponent so that when a click happens on either the label or the image, the same [click] event handler is called. If I add a click handler on the root component, it works, but when I introduce space between the label and the image, the space between them becomes un-clickable. I produce the space by using the move(x,y) method for the label and the image with a small gap between the x/y coordinates.
I'm using the ravis FusionWidgets component in flex to create guages.I have a problem to change a guage in my program.I build an mxml component with the guage like this:"ns1:FusionWidgets id="myGuage" width="{guageWidth}" height="{guageHeight}" FCChartType="{guageType}" FCDataXML="{guageXML}" y="0" x="0"/"when the guageType and the guageXML is the bindable data providers.when I place this component in first time, the providers don't contain nothing and i let the user to change them in my flex application.the problem is that when the user change them, the guage doesn't update itself.I know that when I change a bindable data provider, the component must be changed.
i am trying to add a uicomponent which contains an object of a custom class the extends UIcomponents and i want to display this uicomponent to canvas i have done no error compile or run time but it does not display the Uicomponent.
here is code;
var item:RecordRanderer = new RecordRanderer(); item.randerItem(child); item.x=20;
i want to add UIComponent inside a spite. here is the code:
private function make() : void { var circle : Sprite = new Sprite(); circle.graphics.beginFill(0xFF0000, 0.2);[code]......
the problem is that button is added, but is not displayed. if i do reversed - add sprite to uicomponent - everything works fine, but this way it doesn't work. i tried to use invalidate functions for button etc... even tried making "circle" as UIMovieClip, but no luck - button is still invisible. also if i simply do "addChild( button );" - it is shown,how can i add a button inside a sprite?
I have a UIComponent that sits on top of a grid visually, which is also a UIComponent. The grid and the UIComponent that sits on top are on different branches. The gird has children which are Sprites. When the MousEvent.CLICK is dispatched it goes to the UIComponent on top. What I want it to do is go the element of the grid underneath. Is this possible?
Since there is no Flex forum on this site, I will ask here (or mod just move it to correct place). UIComponent tutorials always have this graphics.draw or whatever the call is in the updatedisplaylist overrided method. Why don't I see any tutorials or any documentation that shows how to put image data from a FILE into the UIComponent (a png, jpeg, whatever). Drawing anything by writing code is retarded. I am not going to draw a picture of a bird in code. In the gaming world, the C++ (or c# for xbox) programmer isn't the 3D modeler. And even then, the 3D modeler isn't the dedicated artist.
I have an AS 3 class that extends UIComponent. In that class I dynamically add several sprites, that are also AS 3 classes that extend from Sprite.So, in my UIComponent extended class, I added these listeners:
I added trace messages inside each of these event handler functions. The problem is that, whenever I try to dispatch these events starting from one of the children sprites from the UIComponent (let's say I click one of the sprites and the mouseDown event starts) the sequence works perfect. However when I try to do the same in the "blank" area of the UIComponent (which is just a
graphics.beginFill(0xffffff); graphics.drawRect(0,0,this.width,this.height); .graphics.endFill();) nothing happens. The events are never "listen" by the UIComponent.
Actually if I run the app and click on the white area, the trace messages are ok, it triggers the mouseDown event, but only one time. I a click again, nothing happens.I tried adding another sprite, to have this one holding all the other sprites, and tried to add the listeners to it...same effect. I can't get that UIComponent to listen and react, only it's children sprites...
What I'm trying to implement at the end is a multiple drag selection of the children items of the UIComponent, but I have to be able to start the drag selection from any point in the screen.
I created custom component that not derived from UIComponent. And I want to make live preview. It's works fine - I can change properties and live preview shows them immidiatally. But there's some problem - if I override 'width' and 'height' properties and run application - the width and height that I changed on properties panel in IDE are not kept. Properties that changed through component inspector saves. So, how can I save width and height of my component changed through properties panel?
For developing simple games with the Flex SDK, what are the consequences of using a Canvas object, versus a UIComponent object, as a drawing surface? Are there performance issues with either one? Are the methods generally the same? Searching around, it seems that most sample code I've found uses UIComponent. Is this just customary, or are there reasons?
I already know one odd difference - I had developed a simple Pong game using:
public class MyGameCanvas extends UIComponent
and then decided to replace UIComponent with Canvas. This caused the line to fail:
[Code]...
However, I have to confirm something, being new to Flex and the various terminology. I'm presuming that people mean I should not be using MXML for games, when they said Flex SDK. Since I thought the Flex SDK was what provided the compiler that generates .swf files. Otherwise, where/how would I even compile AS3?
Assuming that's the case, then my question would be about the suitability of using both MXML and AS3 for (simple) games. Based on what I've read about both, it seemed like the intended use of them was MXML for the interface elements, and AS3 for everything else. Is the overhead that bad for MXML?
I have a NumericStepper declared as a UIComponent:
<![CDATA[ private var component:UIComponent; component = new NumericStepper(); ]]>
I need to change the .maximum value of the NumericStepper but due to the UIComponent not having a .maximum property the following code fails with the error: 1119: Access of possibly undefined property maximum through a reference with static type mx.core:UIComponent.
I currently am trying to add a custom class which subclasses UIComponent to both a tree and a canvas, but when I try to re-order the tree by dragging I get this error:[code]When I do not add the UIComponent to the canvas, this error does not occur, anyone have any knowledge as to why this happens?
I'm trying to drag an item from a datagrid and drop it onto a UIComponet. Basically I just want the UIComponent to know that something has been dropped onto it and allow it to access the data of the dropped item.
I thought just listening for the drop event would do it but it seems not.
I found lots of documentation on dragging from one IList to another but nothing for this.
For instance the mx.controls.Image objects are only displayed when i add them directly to the main application object. If i add a "subimage" to the previously created Image object it simply doesnt show.
What I want to do:
var img : Image = new Image; var subimg : Image = new Image; img.source = "images/panel.png";
