ActionScript 3.0 :: SWC Based Components And Skin Styles
Oct 5, 2011
I'm doing a kind of PowerPoint presentation (to give a very basic idea of the whole concept) and there are a variety of dynamic content in there. Videos, audios, quizzes, etc. What I'd like to have, is components that the designers will simply have to drag on a slide and the component would then handle much of the work without needing any code at all.
The problem I have, is that I'd like to use SWC-based components, and then have a skin that can be applied (a bit like the FLVPlayback component). I have no idea where to go from here though, because most tutorials I find use FLA-based components. And I could turn to that if what I want to do ends up being too much trouble for what it's worth, but the division of the skin and the actual component is something I like a lot. Designers will only need to do a skin and tada, everything will (in theory :P) work.
When you have a flex project, is it better to use different skins for different components or to use just one big css that has all the styles together?
I have a following issue:My task is to style a datatip for two charts in Flex 4.5.Both charts reside in two different <Group> based components which are added to the <Application>
So after a thorough research here is what I tried to do.First applying a css descending selectors:
Then I would like to be able to get access to the instance of the CustomDataTip class.But I can't .So currently the only thing I can do is to create a distinct custom datatip renderer class for each chart.That could be fine if you have only a couple of charts you want to style but what can we do if we have many of them?
On my Mac OS X it didn't matter, the setStyle Worked Fine,However I've transfered my files over to PC and working with the exact same things all the styles work EXCEPT for the setStyle("themeColor", "color");On this PC it's always turning it from the default "Greens" to a solid gray shade of borders, this is very weird.
For Example
Code: // Have a button component on stage import mx.controls.Button _global.styles.setStyle("themeColor", "haloOrange");
[code]....
It works just fine, do I need to edit the core class files for something? I'm extremely confused, I inport the class files in the first place so I can do public vars and strict data type them to that component.
In order to set a background image for my Desktop Flex application, I created a custom skin class, setting the skinClass property to my custom MXML skin. The host component is SkinnableContainer. I use a bitmap image for the custom MXML skin. Everything works fine, except that it's drawing over all my components. How do I get the skin to draw in the background? Should I move the Bitmap markup to somewhere else in my skin file?
I want to use a Spark ComboBox with numerous MX Components but the Spark ComboBox does not look the same as the MX Components. Is there a skin I can use to Skin Spark components like MX components?
For example the spark ComboBox.Where is the default skin?Is it generated (at compile or runtime)?If it was in fact written by someone how does the compiler/Virtual Machine know where to find the skin class? I didn't see a location specified in the ComboBox source.
I have a custom component ExpandCollapseMenu that extends SkinnableContainer.This component can have state "normal" or "expanded".Inside this component I have buttons, with different skin based on ExpandCollapseMenu's state.This works fine when defining the buttons inside ExpandCollapsMenu's skin class:
According to the Flash 8 Actionscript Bible, it is possible to set a style that will affect all instances of a certain component class by typing the following code:
A disclaimer says that "[this style technique] will work with almost all of the component classes. However, the following classes will not allow you to set a class style object: List, DataGrid, Tree, and Menu." (ch 29, pg 644)
So why does the following do nothing: _global.styles.Label = new CSSStyleDeclaration(); _global.styles.Label.setStyle("autoSize", "true");
I want to write a chess variant into flash and would like to find chess components or an open source chess client (with no license restrictions). I don't need the engine, just the chess objects. The best thing would look very simple, 2D etc.
Creating a window-based mxml component, but in design mode all components that I'm adding are not movable, why? If I create component based on group f.e., it's ok, but based on window - they are frozen. Using Flash Builder 4.6.
Is there any opensourse, free set of components for creating Flex mxml graphs? like aviary Peacock style ones with at least Drag, drop, and connect generators so each graph element could have or something like that. Framework should be opensource (like GPL, LGPL etc) BTW: I found one wary bacic made by Erno Aapa with Degrafa but I would really love to see something much more Flex 4 - mxml oriented and frienfdly.
SkinParts are a great way to add event handlers and logic to an object that is instantiated in the skin, away from any business code. Often, though, I find myself wanting to do the opposite, and define parts that will be used in reusable, skinnable containers in the parent mxml files which will be inserted into the skinned containers.
What's the best practice for when you want to be able to define a control and a skin which can be reused with different controls inserted from outside the skin? Edit: A better way to put this might be that I want to use something that works a little bit like a SkinnableContainer, but that isn't limited to one area where content can be placed.
I'm using the default CS4 FLVPlayback skin, mainly the SkinOverPlayMute.swf. I know there's a skinAutoHide option, but because I don't want it to auto play, I want people to see a play button when they first encounter the video (so they don't think it's just an image). But the skin needs to hide when the video is actually playing (so the video doesn't get blocked by the controls).
In other works - when video isn't playing: skin showing; when video is playing: skin hide.
I extend Button to create ImageButton, and I extend ButtonSkin to create ImageButtonSkin. But, when I define hostComponent like this:
public var hostComponent:ImageButton
I get an error that there is a conflict with hostComponent:ButtonBase inside the ButttonSkinBase. How do I extend a skin AND provide a new hostComponent for it?
How can we embed the over,up,down etc skins defined as sybols in a .swf file... i mean in skin file how can i specify those symbols to be used as up,over,down skins.
I am trialling Flash Builder 4 Premium.I'd like to know if it is possible to use components designed for Flash (e.g.URL... amongst many others) in Flash Builder 4? How can I import them? By import, I also mean they are first class citizens like the out-of-the-box Flash Builder 4 components.
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....
Is it bad practice/design to nest components inside components using Flex 4? Should I simply be creating components and inserting them into my main application as below, or doesn't it matter?
how i can use actionscript component code in mmxl components,as in actionscript components we use classes ,but in mmxl component we can not use classes function, so how i can use actionscript component code in mmxl component
[Code]...
but i cant use this code in mmxl components how i can use public class DialogTitle extends HBox implements IBindingClient in mmxl component code,what are the way to use it,sorry i am newbie if it is silly question
The language reference says "Name of CSS style declaration that specifies styles for the tabs. The default value is undefined." But, what is the "type" of style that is being used? That is, what style properties can I put in that style definition.
For example, I wish to set the disabledColor of the text on the tab. I couldnt seem to do it. Worse, I haven't been able to find out what I can do!
I am trying to define a CSS style dynamically. how to get around hard-coding the values this way:
code: var styles:TextField.StyleSheet = new TextField.StyleSheet(); styles.setStyle("mainBody", {color:'0xff0000, fontSize:12});
I tried something like this, but it isn't working:
code: var styles:TextField.StyleSheet = new TextField.StyleSheet(); styles.setStyle("mainBody", {color:colorVariableFromParentMovie, fontSize:sizeVariableFromParentMovie});
I am trying to get my Trebuchet font working for several different styles in a single fla. I am using Flash CS5 and AS3, but I mustpublish it in flash player 9, so TLF-text is out. I am really confused and irritated by this.The fields are placed on the stage manually and must be able to handle htmlText.I embed all 3 fonts in the library but it doesnt work. If I only use one of the fields, and therefore only one style, it works great.
I inherited a custom component from TextField. The component needs to know when any of its styles got changed at runtime via setStyle. How would I do that? It's probably obvious but I couldn't find an event or appropriate method to override.
In MXML, there is a Button class which you can instantiate like so: <mx:Button id="something /> But what if you wanted to dynamically build this in AS3 and add it to the Flex app dynamically, without the use of components (just AS3) and then modify Flex's styles, for example, here you access the Button's properties and set them:
var btn:Button = new Button(); btn.height = 50; btn.width = 75; btn.x = 100; btn.y = 40;
But how would you go about changing the Style, for example: btn.downSkin = "something"; btn.color = "0xfffff";
I'm sort of starting to lean towards making a flex component in MXMLand than just making it visible true/false, but I like the fact that i create an object in AS3 and then destroy it when I don't need it anymore, than create it again once needed.
