ActionScript 3.0 :: Custom Components - Implementing Live Preview?
Oct 6, 2010
I want to develop custom components (that show up in the Components panel) which a Flash designer can drag onto the stage and use the Component Inspector to customize it to their liking (inspectable parameters, I believe they are called). I'd also ideally like to implement a Live Preview so they can see their adjustments live on the design stage.
Does anyone know a good resource for learning the correct way to do this? I've found one that used to work in CS3 but now that I am on CS5 it isn't happening for me: [URL]. There's also the "official" Adobe blog post, I think the previously mentioned article gives it an appropriate shout-out for being "long and cumbersome". It seems that this should be a pretty popular technique.
I am created a dynamically adding a VBox, that contains two images. Into a Custom Component that is derived from UIComponent. The problem is the Vbox that contains the two image is only a really tiny size. I would like the VBox stretch to the size of the two images. This is how I am creating the Vbox....
There seems to be very little information on developing a custom component with live preview.So far i've created a swf whose application class extends UIComponent.I've also created a custom component.Then I've added the Live Preview field in the custom component's Component Definition.What I would like to do now is reposition elements within the preview swf when the user resizes the component.
To do this i need to know two things - 1 what event to listen for when the user resizes the component, and 2 the current dimensions of the resized component.
1. My only success was that ComponentEvent.SHOW seems to dispatch when the user resizes the component. (i had no luck with any of the RESIZE events - Event.RESIZE etc)
2. However the width/height properties don't seem to change on resize, they stay at the original dimensions of the component.
I'm starting a project in Flash Player 9 preview so that I can take advantage of all the great and super thing in AS3.0 - but unfortunately there have been no components released for 3.0 that is allowed in the flash player - and in fact the components panel is disabled when writing as FLA in AS3. I need some filetree, listbox, etc components, and I really would rather not reproduce them - my question is - is there any way to take 3.0 components that have been written in flex and modify the SWC files to allow me to use them? Maybe, if they were usable, I could use import from external library to bring them into my flash 9 as 3.0 file
I am working with an AS2 application that was put together a while back. The app is used to publish a live video stream to FMS. I am using the Camera class to connect to a local camera (Camera.get()) and to setup the encoding specs for the stream that is to be published to FMS. To preview the camera signal, I am using Video.attachVideo() to attach that camera output to a Video instance on the stage. This is all working greta for me. But here's the thing. The video stream that is being pumped to the Video instance is the direct signal from the camera. Nice and clean. I seem to remember that there is a way to view the video signal with the encoding settings applied to it. It's just one little line of code, if I remember correctly. However, I can't seem to find the code that will do that.
Can anyone quickly share the code that will allow me to preview the encoded video stream?
I've created a class in AS3 which I've linked to a component in Flash CS5 and exported as a SWC. That SWC is then loaded into my main flash file and used inside some movieclips. The issue is that I want some code in the class to be used when using the component in Flash CS5 (for previewing purposes) and some code to only be used when running the main swf. Is there any way to detect when the class is being used in Flash CS5 vs being used when running the swf?
I have a project with a bunch of movie clips. Each movie clip has it's own animation. The problem is I can't see the movie clips on the stage, I have to test the movie. Live preview is checked, but greyed out. Is there anyway to live preview working on main stage?
I'm having a problem with component live previews. If I just create a movie clip and set the live preview, all instances of the clip i put on stage update separatly from each other (their live preview that is). As soon as I change the clip to a component (export .swc or compiled clip) all the instances update together. eg if i set the component parameter 'title' - all titles of the all the instances on the stage will change. This didn't happen when it was just a movieclip - all instances changed separatly as i set them.
I've created a swf for a component live preview. The live preview appears to work ok when creating a new component, and setting the live preview in the component definition panel.
When I update an existing component definition (in a separate component library FLA) the live preview does not work. The strange thing is if I copy the entire (component FLA) library and paste it into a new FLA it works fine (although in doing so I receive a whole bunch of errors in the output window saying - Plugin tool script error in method ik_isIKContainer).
I am learning programming abstract data types. Trying to build custom hash table based dict.SO far I've created a class place holder.
public class HashMapDict implements IDict { private var _map:Array;[code].....
What I am thinking about is to use cryptography libs for hash generation. But I am a bit confused with how it should work. e.g. Tried to look on several libs like as3crypto (http:/url]....) and it seems to produce hash in a way I don't really think can be used for indexes in arrays.
I have a custom file type that I'm reading from and writing to within an AIR application. The file type is XML based but contains encoded data for an image. I've already defined the file type in my application manifest file using the tag which assigns a custom icon to the file.
What I'm trying to figure out is whether it's possible to set the icon for each individual file to be a preview of the image contained within.
I used video component for live stream .It is working well.but I need play and pause button on mouse over video in live streaming.I do not know how i do in mouse over in live streaming.flvplayback component have mouseover option in normal video streaming.Any possible way to use flvplayback component in livestreaming video?Any idea for mouse over pause and play button or any playback component(like flvplayback ).
Does anyone know what criterea Flash uses for discovering the Live Preview class for a Component? Background We are attempting to automate the creation of a SWC that contains a component to be used from Flash. We are able to make it visible to flash by modifying the manifest.xml and wiring up the component definitions. However, the component cannot be dragged onto the stage (or library), presumably because it has no form of LivePreview. To give better clarification of where we are coming from, we've noticed the following in SWCs exported from Flash (using swfdump):
fl.livepreview.LivePreviewParent contains the same mod attribute as the visual component in the manifest.xml file fl.livepreview.LivePreviewParent is exported as a symbol The short-named component (ie. no package, referenced in the components definition in the manifest.xml) is exported as a symbol However, I can see no other differences between that and the SWC from Flex. We can obviously use JSFL to perform the task, but we'd rather not install Flash on the build server.
I was wondering if anyone knew how to create custom components, like a Window for exemple. Flash's help doesn't really help on that, and the subject is pretty new so Google return nothing relevant.
After browsing the internet for a while I found everyone shows you how to make a custom preloader with your own graphics which is all fine and good but what about the people who just want to use the components and be done with it? I know I would have to use the UILoader and another component. How to use the necessary components to make a preloader? I have quite a big swf and I need one.
I'm working in flex, but using as3. I have two components, and need to communicate between vars. I have my main app, and two components. I declare "newsDB" in the main app like this.
[Code]..
This gives me an error like so TypeError: Error #1009: Cannot access a property or method of a null object reference. I get that it is trying to touch the var before it is implemented. How should I go about this?
A few days ago I decided I wanted to make my own drag&drop flash components, with inspectable properties. Since the documentation for flash components is so limited, I followed the workflow of some blogs I found around the web (mostly about CS3 components). In the end I managed to create a component that has a Live View, that gets a visual update whenever you change the properties (width, height, color..) ....in CS4 !
The problem in CS5 is that when I drag my component on the stage, the timeline of this movieclip starts playing in a loop. As you may or may not know, Components have 1 "Avatar" frame, and 1 "Assets" frame. So this looks kinda weird when that timeline plays.
There is always the possibility that I made a mistake, but when I download the source files from the blog post on the page http://active.tutsplus.com/tutorials/actionscript/creating-flash-compo nents-for-distribution/comment-page-1/#comment-33865 the same thing happens.
When I then save my CS5 FLA as a CS4 FLA and try to use the downloaded component and my own, both of them work fine in CS4. So I think this might be a bug in CS5.? Which is pretty bad because I wanted to use these components in iphone development using the CS5 packager...I read somewhere that we actually use the UIComponent because it has no timeline, so I don't see how it's possible that it plays.
I'm trapping keyboard events on the stage and dispatching custom events through a framework (Mate, though I don't know that this is an important issue), but I'm pretty confused by the scope. The structure is:application (traps keyboard events and dispatches custom event mainPanel (receives dispatched events but mainCalendar (a child element) is null on debugging. Obviously if I try to call a public method on mainCalendar it errors out, even though it's a child of mainPanel. However, mainCalendar is NOT null IF I use FlexGlobals.topLevelApplication.mainPanel.mainCalendar. Outerdocument and parentDocument do not expose mainCalendar either, BTW mainCalendar (a custom component inside mainPanel with public methods. Creation policy is 'all' and it's visible and exists long before I trap any keystrokes at the top level)Could someone take a minute and explain why the mainCalendar is out of scope when mainPanel receives a custom event, even though mainCalendar is a child of mainPanel. Is there a better way to manage the events so I don't have to always address the component via the topLevelApplication?
In my flex app I have various custom components done with mxml or actionscript.I want all of them to extend a base-class where I can define properties/event listeners etc.Can someone give me an example how to create that base class and how I can extend it in mxml and actionscript components?
When I define custom propertie in my MXML component, I also want to define a set of possible values of that property to make Flex Builder show then (possible values of the custom property) when I invoke code completion function.
We are building an interface for a game. The interface has a tabbed menu at the bottom of the screen, with each tab displaying different aspects of an object (called a node). When you click on one of these parts, it becomes the focus, and we download it's details in XML, including all it's sub-nodes and parent nodes and then update the tab display accordingly, or at least that's what we'd like to happen.
What we have: MainInterface.mxml <s:Application... <fx:Script> <![CDATA[ public var currentNode:Node = new Node(); [Code] .....
We tried adding an event listener for "selectNode" to the dashBoard:SkinnableContainer you see see above, but it didn't seem to want to take. We suspect this is because dashBoard is from a spark component and the dispatcher for "selectNode" is on of our own custom components, but we weren't sure... in any case that's what the code assist seemed to indicate as we had to write it in by hand. We're not sure how to pick up the Events in FlashBuilder 4's debugger, so we're having trouble working out where it's going wrong.
Basically, when someone clicks on the label of a child or parent node (that is displayed by the itemRenderer), we want a URLRequest sent to our website, with the url specific to the node clicked on. We then want a URLLoader listening for the return which will update public variable 'currentNode' when xmlDownloaded is called by the loader. If you could clarify how the click event should be dispatched, what should be listening for it then sending the URLRequest and where the URLLoader that is listening for the xml data to return should be that would solve our problems.
Is there a way to write a custom event that gets triggered when the user clicks outside of that custom component instance? Basically anywhere else in the main flex app.
Whenever the trace function runs in init(), the property menuItems returns null. I don't seem to have this problem with other variable types, like Boolean or String. Is this due to the size of the XMLListCollection object? How can I set up this SubNavBar custom component with XMLListCollection property and bind it to a control in the component?
I am new to Flex programming. I want to implement a custom toolstrip for an app. This tool strip will include a menu bar (or a customized equivalent) to display the common menu items such as File, Edit, etc as well as a search box. It should be flexible enough to include other menu items such as bookmarks, etc in the future. I have been thinking about mx:Group, s:BorderContainer, mx:HBox, but haven't been able to choose between them. And none of them seem espcially suited to my task as they merely specify layout of other objects. Is there any component which has direct support for such functionality. I have also thought about using mx:MenuBar but I don't know if it will be flexible enough to add non-menu items like search box.
As a work around, I am trying to add an creationComplete listener to the canvas in my custom component and used to give titleImage.source = this.path . keep changing the image or when the path of the image fetched using some async call.
i have created custom components in flex where i have used a button,i want to change button text when i will use that component in other mmxl file how i can do that?
I'm writing a Flex application using Flash Builder 4 and I'm having a bit of trouble with an AS3 object.Essentially, it is a BorderContainer, with a few buttons and images, and programming logic that determines how these interact with eachother and a database.
What I want to be able to do is configure the layout/style of the inner components using MXML and CSS. I can configure the inherited objects, but not ones that I have defined.[code]...
I am pretty new to flex, specially to mxml part. There are some confusing things for me.[code]...
So question is how do I access that button's properties. I want when something happens in Xyz file, button's (someId) visibility to become false. If Abc.mxml was AS class file then it would be easy, just make object etc., but how to get if it's mxml file.
I am using several instances of the same custom component on the same SWF. The component is essentially just a textfield with special sizing requirements. I also have another "wrapper" component that deals with the info from the textfield components. I was initially planning on using the stage index to associate the data with the textfield component it came from. This became more complicated than I anticipated. When I trace from the wrapper i can't get the index of the textfield components. So I got it in the component code and sent it with the info to the wrapper via a custom event. The problem there is that i can't tell which component is which because they are indexed identically. I can also see the component shim as well as the textfield.I'm just really confused about how programmatic components work on the display list.
My main Question. Is there a better way to associate the info with the proper component? I guess that's my only question. Please point me in the right direction.
EDIT2: I created a dummy place-holder component that just draws a rectangle then at runtime replaces it with programmatically generated textfield component.
