Flex :: Conflicts Between SWC Skin And Spark Drawing API
Aug 4, 2010
I have a project where we are trying to skin Spark components from a third party library that are built up from the drawing API primitives. Our first attempt involved creating a Flex skin (SWC) in Illustrator/Flash and applying that skin to the Spark components via CSS. We found that even with only a single instance of one of the components skinned in this way on stage, the application was brought to it's knees. For example, it failed to respond in repaint scenarios in a timely manner, and exhibited all the symptoms of being hung.
Our next approach will be to recreate the same skin artifacts in MXML classes that are in turn associated with the third-party components. Although the complexity of some of the skins leads me to believe that we might not avoid performance problems with this approach either. My question is the following: Is there a correct or recommended way to apply either a SWC or based skin to a component that is built up from the Spark drawing API to begin with? Even as I ask the question I recognize that the approach means using the Spark drawing API in two places and will probably have unexpected consequences.
View 1 Replies
Similar Posts:
Jul 14, 2011
My current requirement: I have menubar with 3 different button types. Skin structure is simple: one label and two state graphics. So my base skin have label, and in overridden i want add two images. But flex docs states that overriding of skin is not preferred. I try override override public function addElementAt(element:IVisualElement, index:int):IVisualElement for adding new subcomponents to custom container sdk using it but my view is blank. Does skins are really not overridable? My current code:
<s:ButtonBar skinClass="MenuSkin" dataProvider="{content}" />
in MenuSkin:
...
<fx:Component id="firstButton">
[code]....
and next 2 skins have repeated <s:Label/> part. As label should look the same, naturally i want extend base skin class but it is no possible form me. First problem: if i add image in mxml it overlaps label.
View 1 Replies
Jun 11, 2010
I am trying to add different icon on different buttons. I have my skin file ready but not sure if I have to create different skin class for different button. It sounds inefficient.
<s:Button id="pass"
width="110"
height="35"
[Code]....
View 2 Replies
Oct 20, 2010
I have spark skin a button with up, down, over, and disable states in a button component to create a modular. Is there a way when the user press and hold a key, the button will remain in 'down' state?
The button component include skinclass:
<?xml version="1.0" encoding="utf-8"?>
<s:Button xmlns:fx="http://ns.adobe.com/mxml/2009"
xmlns:s="library://ns.adobe.com/flex/spark"
[Code].....
View 1 Replies
Sep 2, 2011
I am having trouble wrapping my head around the spark skin class in relation to it's host component. Basically, from what I've seen with most every skin that comes in the Flex 4 framework they don't directly expose the properties that are dynamically being set in the host component. Instead, they define states that get exposed to the skin class to define when a component should look different. This is all fine and dandy when you have a very simple component with a standard set of states, but when you have twenty different properties (hypothetically) to set in your host component that should change how the skin looks it could get very complicated very fast.
The way that I've seen that they have used to get around this is by overriding the commitproperties and invalidate functions in the skin class, grabbing the values for the properties they want from there, and then setting them to a locally instantiated variable inside the skin class. This is fine, but I feel like that is just a patch workaround to it which makes things a lot more complicated than it needs to be.Is there any way to directly expose a bindable property from the host component class so when you define your skin class it is directly ready to be read from? Let's say you have custom button with a boolean property of 'selected'. In the skin class, you want to add in a get and set function for the property 'selected' so you can perform some action upon your skin whenever it's set. How do you tell the skin class that this is an available property for you to work with from the host component?
View 2 Replies
Oct 12, 2011
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?
[Code]...
View 1 Replies
Dec 21, 2011
I have a custom skin class that I want to apply to all scrollbars. Is there a way to set this globally in a Flex Spark application?
View 3 Replies
Apr 2, 2012
I've created a skin that allows me to have two labels on a spark button, but the button text won't center vertically. It stays at the top of the button no matter what settings I give it. The icon in the skin DOES however, center vertically. This is the skin:
[Code]...
View 2 Replies
Jun 20, 2010
I'm trying to copy/modify the spark skin for the default button, but not sure how to find that skin. When I hover over <s:Button and Ctrl + Click it, it takes me to the Button class, but there isn't any skin information there.
View 1 Replies
Jan 14, 2011
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?
View 1 Replies
Dec 10, 2011
I've skinned an hSlider's thumb with an image. But the image is pixelated, as though it's been forced to resize.It's just a pretty circle with a radius of 30 px.The other thing that happens is that instead of the new button being cleanly bisected by the track, it is just below the track, tangential to it. So now I have to reposition it by modifying its y value in SliderThumbSkin.mxml? And (presumably because its registration point is at upper left) when I slide it all the way to the right, it goes right off the end of the track until its left edge is at the track's right edge. This might also mess up calculations for the hSlider.value property.
You'd think you could just apply the skin and it would replace the button, but seems that both its position and size are being wrongly manipulated.Is the thumb's size automatically reset or resized somewhere? Is there a way to do this correctly and cleanly?
EDIT: Here's code for the entire test project:
//HSliderTest.mxml:
<?xml version="1.0" encoding="utf-8"?>
<s:ViewNavigatorApplication xmlns:fx="http://ns.adobe.com/mxml/2009"[code]......
View 1 Replies
Apr 16, 2011
How do I addElement() to the topGroup of a Spark Panel component skin?For instance, if I create a custom UIComponent, then create an associative skin that uses the Spark Panel as a default, how do I add elements to the topGroup from within the skin?
View 1 Replies
Mar 15, 2011
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.
View 1 Replies
Feb 10, 2012
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?
View 1 Replies
May 14, 2010
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.
View 1 Replies
Jul 1, 2011
I have a renderer that looks like this:
[Code]...
Loading thumbnails using this method works perfectly. The issue happens when you scroll the List.
View 1 Replies
Feb 7, 2011
I'm looking to add a couple of buttons to the title bar of a Spark Panel or Spark TitleWindow. Is this possible to do without making the panel from scratch?
View 1 Replies
Jun 10, 2011
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.
View 1 Replies
Feb 26, 2011
My client wants SteelExternalAll as the skin for her swf. It's not on the skinning menu in CS3. Is it possible to download it somewhere?
View 2 Replies
Jul 25, 2011
I'm trying to change the background color on a textinput component in flex 4. I've been able to change some of the appearance by messing with the canned code flash builder generates for the sparkskin but for some reason, background does nothing.I'm just trying to make the background black. I changed the background color but it's not working:[code]
View 1 Replies
Dec 13, 2009
I've built my web site using the ZigoEngine (mosesupposes)... I'm also calling my images dynamically from a folder.The problem is that the following code is making a conflict with the button which swithes the next image. If i remove the code, it works. However the purpose of thezigo is completely different and I can't see the connection..
Code:
import com.mosesSupposes.fuse.*;
ZigoEngine.simpleSetup(Shortcuts, PennerEasing, Fuse, FuseFMP)
View 1 Replies
May 18, 2010
Somewhere in code i have decalred variable:
[Code]...
if I use in statement xml-child distinct of nameWin (summa, e. g.), it works good. But with nameWin, e4x compares local variable nameWin (which not interested for me at all at this time) with "necessary name" instead of compare item's nameWin with "necessary name".
View 2 Replies
Apr 11, 2011
If multiple instances of a singleton are trying to update the same property simultaneously, will there be any conflicts? How does AS3 handle the order?Flash is currently single-threaded.. will the write order be an issue when it becomes multi-threaded?
View 3 Replies
Nov 14, 2003
I'm constructing a news section for a site with 3 cycling images in a single movieclip - with the intent to have a layer of 3 buttons within that movieclip, designated to run over their respective images, triggering an html page of news - I did this, exported and uploaded to my server with no luck on the web- the links didn't work and all I got was a little hand over the images, almost as if the computer was mocking me
View 5 Replies
Apr 23, 2010
I came across the following issue:
- I am loading a particular FLA (let's call it Module1.fla) which contains a Symbol with an associtated class "FakeImage1"; the class file DOES NOT exist,s Flash creates it when compiling the FLA. This FLA has a Document Class (Module1.as), in which I instantiante FakeImage1 (which is a different asset/graphic) by calling ...new FakeImage1()
- then, I am using a custom ModuleManager to unload Module1 and load another SWF (Module2.swf/Module2.as). This one also has a FakeImage1 Symbol in it's Library and also instantiates it in the Document Class.
- now, assuming that I am correctly unloading Module1 (in my ModuleManager) before I load Module2, why is it that FakeImage1 in Module2 is instantiating the same asset that was instantiated in Module1 ?It seems that the automatically-created FakeImage1 class is still in memory (or wherever Flash puts it) when I load Module2 and therefore, my *new* asset isn't being loaded - instead, the first one is.
Note1: I DON'T want to use class/as files for my Library symbols;
Note2: of course, I could just use different class names in my modules/flas, but le'ts assume that I don't want to do that
View 1 Replies
Nov 5, 2008
I'm working on a custom AS visual component, based on UIComponent class. Inside this component, I have a button I programatically added. I set the mouseClick event of it, and it works fine. When the mouseClick for the button starts, it adds a listener for MouseDown on the stage. This is my problem. Once that MouseDown event listener is initiated it won't ever pay attention to the MouseClick listener of the button (which will
turn off the MouseDown listener!). I've tried setting the priority number when creating the listeners, but this is not working. My mouseClick listeners gets ignored.
View 3 Replies
Nov 14, 2003
I'm constructing a news section for a site with 3 cycling images in a single movieclip - with the intent to have a layer of 3 buttons within that movieclip, designated to run over their respective images, triggering an html page of news - I did this, exported and uploaded to my server with no luck on the web- the links didn't work and all I got was a little hand over the images, almost as if the computer was mocking me.
View 5 Replies
Mar 12, 2010
what is the difference between skin and CSS??Why it is better to use skin over CSS in Flex.
View 2 Replies
Jun 27, 2009
Over the past years I have created many different .fla's of aircraft panels( ie. hydraulic panel, electrical panel, pressurization panel, etc.) Each .fla has only one panel in it. Each panel is a movieclip and made up of movieclips, graphics, etc. It has it's own code built in and the idea was to be able to copy the panel from the original .fla to a new .fla, that contained other panels, and together would become part of a training program for the company. No I wasn't smart enough to uniquely name each asset(switch, guage, light, etc.). I did avoid the default names like symbol1, symbol2, etc.
Now I need to take each of the panels from the individual .fla's and put them into one larger .fla to act as a single library for all the panels. This single .fla will become the master Library that I will link all future .fla's to. As you would guess I get the "One or more library items already exist in the document:" message when I try to copy and paste a panel(movieclip) into the new .fla.
Question:Is there an easy way to identify specifically which items are in conflict without having to do a direct comparison between each of the libraries?
View 5 Replies
Aug 10, 2009
i was trying to make a simple analog clock flash but when i try to make a new Date() line that pops:
**Error** C:Documents and SettingsUserLocal SettingsApplication DataMacromediaFlash enConfigurationClassesFP8TextFieldStyleShee t.as: Line 7: The name of this class, 'TextField.StyleSheet', conflicts with the name of another class that was loaded, 'TextField.StyleSheet'.{Total ActionScript Errors: 1 Reported Errors: 14 and i tried to make that the only action on a different project it still shows exactly the same thing
View 9 Replies
