ActionScript 2.0 :: Custom Component - Click And Reveal
May 5, 2010
I am trying to learn about Custom Components at the moment. As a task I'm hoping to create a component that I can drop on my stage beside a couple of movieclips. Then using the component inspector I would like to set one clip as a button and the other as the response. So basically, when i click on the button, it reveals the other clip. Click and reveal!
I want to create a simple script in AS2 that can reveal and un-reveal some text upon clicking (and any additional graphic), preferably with a simple transition (likely a tween). How would I go about achieving this?
i am creating a simple set of a few rectangles stacked on top of eachother (going to be like a stack of postcards) and i want to have the user click on the top rectangle and it moves to reveal the one underneath it. i have it all set up to work except i can't think of a way to stop it from being clickable after it's been moved to the side and the 2nd rectangle is revealed. does this make any sense? here is my code:
I have a Custom Component that has a couple of Canvas with some background colors assigned to them. Now i have hard coded the colors, i want to move them to an external css file. So i would like to have the css declaration like this :
[Code]...
My question is if i can define custom style names like dividerRightColor and if so, how can i use that value inside my MXML Component? I have seen examples of using them inside Pure AS components.
I have a custom Flex 4.5 component (to be used in a List) -
Game.mxml (represents a clickable playing table in a card game): <?xml version="1.0" encoding="utf-8"?> <s:ItemRenderer [code].......
But I never see the "game clicked: " trace. Does anybody please know why? I'm probably missing something minor, because I can see the "Clicked: 8946" trace.
This is similar to the question asked here. I am dispatching custom event "ShopEvent" but i am getting error "Type Coercion failed: cannot convert flash.events::Event@81ecb79 to com.events.ShopEvent"Note: Error is thrown from the parent custom component (3rd code snippet), I have added more details thereThis is my custom event. See the first constant, I copy pasted the event name in custom components.
I have created custom TreeItemRenderer in which i am trying to draw colored Hbox bar at each node except root. Intially when i click on root node it opens first child node with bar but when i open leaf node it does not showing bar and removing existing bard from other few child nodes. Its calling itemrenderer on mouseonver eventhough i have disabled.Attaching Code here
I'm building a top view 2D map, that it's objects are stored on the server.The kind of objects are 10 and might be a photo, label, button, lists, mix of them or labels with tooltips.The component must request the "areas" that are missing on screen.An area is 1000x1000 px and is cached in flex.To move in the map, will be like in google maps (drag-and-drop).I should be able to have another list and move objects from one to another using drag-an-drop on objects. Ex.: I grab an objects from a list and I move it on this map, I release the mouse button and the item is placed there.Now the problem is: I build a custom component for this trying to emulate the item renderer for performance and recyclage, implement drag-and-drop on objects and request the areas that are missing?
or
I extend the List component from spark and I add some features as multiple kind of itemrenderers and use recycle on them. Of course it must be able to request the missing areas on the screen and cache it's data.Maybe create a custom layout is needed too.What I need is something that must be really fluid, so the lighter this component is, the better.
UPDATE: *There will be not any object over another.
*I will not use hitTest on bitmaps because all bitmaps are wrapped in another component,as they,for now are itemrenderers.
Anyway I already begin to do this using a class that extends the SkinnableDataContainer and a custom layout. As the layout is not like a grid, is sparse, random items at diferent points(x, y).How to get the localX and localY, relative to item renderer and not to the Spark List, from a DragEvent in Flex 4?
In my custom component (Login), I create and set a variable userName, it is bindable: [Bindable] private var userName:String; userName = txtUsername.text; I need to pass that variable to a different custom component (Overview), here is the code of the viewstack:
[Code]...
I've searched for a way, but I haven't found one that does the trick.
This is NOT duplicate of my earlier post (its is slightly different)But this is similar issue with similar error but its not the same error The error I am getting now is below while dispatching the custom event from my custom component
TypeError: Error #1034: Type Coercion failed: cannot convert events::MapEvent@a74ab51 to flash.events.MouseEvent. dispatchEvent(new MapEvent(MapEvent.CLICKED_ON_MAP));
Note: The error in my earlier post is giving below error message
Type Coercion failed: cannot convert flash.events::Event@81ecb79 to com.events.ShopEvent
The difference here are two things, the earlier error is while converting flash event to custom event and now this one is while converting custom event to flash event and secondly, I have no clue why it is trying to convert to the mouseevent where I am just dispatching my custom event with proper listeners.
The spark panel component for example can be written like this
<Panel title="Skinny"> <child components ... /> <controlBarGroup> <child control bar components ... /> </controlBarGroup>
[Code]...
The motivation here is that I can now create a couple different skin files to change the look and layout of those subgroups. Reading source of the spark panel, there are some calls within the mx_internal namespace such as getMXMLContent() which is a method of the spark group component, but which I have no access to.
Does the description above make sense? How can I create custom 'contentGroups' in my custom Flex4 component that can use nested mxml child components? Should I approach this a different way?
I have writen this SWC component. If I run a test FLA from the same folder where the AS class is, it works. But if I install the component in the components folder and try to instantiate it from somewhere else (any folder but the one where the AS class is) I get the following error: ArgumentError:Error #1063: Argument count mismatch on MyComponent. Expected 0, got 4.
I am creating a custom Component using ActionScript 3. This Component have some properties that can be changed in the Component Inspector, and in this component i create a text field to show a message that the user define in this panel.
So far, works ok. But i want to give a chance to the user choose a font type to this text field, i found in the Component Definition, a option called "Font Name", with this option, you can select a type of font to use.
The problem is to recover this font in my Class of the component. I try to use the Font Class, but it seems that this class was not created for this. My question is: What Class i have to use to recover the selected font from the Font Name option. I try this:
var newFont:Font = "Arial"; [Inspectable(name="Font name", type = Font, defaultValue = "Arial")] public function set corPreloader(fonte:Font) { newFont = fonte; } public function get corPreloader():uint { return newFont; }
I'm in the process of creating a component for CS4 which uses a custom UI SWF in the component inspector. I read that the component inspector is being removed in CS5 and you will now access component properties in the properties panel. Will developers still be able to create a custom component UI in CS5?
In my Main application I used label (like id=firstname) so we can use in main used firstname.text for databinding. But I have created canves custom component and load in main application using viewstack.In canves custom component how can I Bind label(id=firstname).I tried:var username:string = firstname.text but not show undefine firstname.How can I access all label and component in Main application to custom application.
is there any way to create a custom css value for a component and have it available to the skin class that component is using? for example, if i define this in a css file:
[Code]....
is there a way to make myCustomValue available in the PanelSkin ?
I'd like to add a progress bar to my image. The problem is that the image is in a custom component. In the Application, I make server call to get the pathway to the photo. I set photo1 in the Application. Please find below the custom component[code]...
I'm just getting started with custom events in a custom component. And I don't quite have the hang of it, yet. I've got a component with a button in it. When it's clicked, I want to call a function in the main app.
I'm trying to build a custom FLV preloader for the FLV PLayback component, but every thread refers to using the NetStream.bytesLoaded (non-component FLV command). What are you supposed to do when using the FLVPlayback component??I tried this - but it didn't work. myVideo is the FLVPlayback component.
Something I've always wanted to do was creating a custom component in Flash but havespecific parts of the component size appropriately based on, say, the video size.For go there and watch a video... they use the same component for all sizes of video. What seems to be changing is the video width and height, the progress bar width and the position of any status messages for the video.
I'm making a UI for a component in Flash. I wanted to use Flex and have had no luck getting the onUpdate exernalInterface call to fire properly. I'm referencing the functionality described here: [URL]. First off, I can't embed the SWF in the FLA. It just won't start the Flex SWF. Even using the external swf, it seems that the onUpdate function is either called too early or not at all. Here's what I've tried:
Tying the externalInterfce declaration to the initialize, preinitialize, applicationComplete, and creationComplete events. Sub-classing my application and putting the externalInterface in the constructor. Neither of these options work. When I create a basic AS3 project in Eclipse and put the externalInferface in the constructor, it works as expected.
I'm trying to figure out how to set a custom button component's parameters dynamically using actionscript. Can't seem to find any documentation on this. My custom button component has parameters named "Item ID", "Item Name", and "Item Price".
i was under the impression after reading some posts on this forum that the flash mx component scroll bar could be edited and manipulated easily by breaking down the pieces (arrows, bar, ect) and changing color ect as seen fit?( i just was a black scroll handle that is pink on mouseover, and i want to delete the up and down arrows alltogether.)
i never use compenents, and was recently asked to build one. Ha. Anyway, i have a working class that does all i expect, however, when transforming the class to a component, i am having trouble getting the inspector to actually 'set' the variables. below is a very general idea of what i am doing. All the variables show in the spector, but only the default values are working at runtime.
Our software team has been developing flash applications using AS3 (via the FlashDevelop IDE and the free Flex SDK). Recently, some members of the team started exploring FlexBuilder and Flex (wow... why did we wait so long?). The problem is that some folks continue to develop using pure Action Script 3 (FlashDevelop) while others are creating custom components in FlexBuilder. How do the AS3 developers use the Flex Custom components built in FlexBuilder in their AS3 Applications?