Flash :: Using Skins Without Embedding In Css Doc And Swf In Flex?
Oct 23, 2009
The issue I am having is creating an application with nearly every component skinned using CSS. The majority of the components are skinned using:Embed(source="file.png");method. The problem I am running into, is flex trying to compile all of the embedded assets into the final swf. As it stands now, my compiled swf stands around 16mb!@@ OUCH. It is a very large application, but not that big. Any ideas on how to load the assets into the application at run time, or on request maybe?
View 2 Replies
Similar Posts:
May 14, 2010
1- why we need skins for every elements if we can style our application using CSS file. for example in theme Graphite in SDK's Sample consists of both CSS+.fla and skins---.mxml files.
2- How we can create a whole theme with out coding CSS.
View 1 Replies
May 11, 2010
I'm looking for a tool to create just the skins for different kinds of Flex 4 components.I'd like to be able to create the components myself and have the designer/artist do the skin, but I don't think they'd like the idea of doing them by writing MXML files.
View 2 Replies
Sep 24, 2011
How to use the skins shown on various sites e.g flex skin site into my flex project.
View 1 Replies
Feb 25, 2010
I have a problem in applying the styles for scroll bar skins through actionscript.[code]How can we specify scaleGrid properties in the above statement?
View 1 Replies
Jul 29, 2010
we try to develop a flash game engine with several abstraction layers. This flex project contains: an Application (1)-> loading a class (2)-> loading another class (3) which instanciates a Flex component (4).
The loadings uses SWFLoader. The last Flex component (4) is just a Group with AdvancedDataGrid. We do not define skins so I suppose it must take default skin.The problem is that during execution, an error is throwed because default skin for components cannot be found in the Flex component (4). In our case, for the AdvancedDataGrid:
Error #1007: Instantiation attempted on a non-constructor.In mx.controls::AdvancedDataGridBaseEx. The guilty command is: getStyle("headerSeparatorSkin"); which returns null
For the moment, we found two solutions :
the first solution is to add the attribute headerSeparatorSkin="spark.skins.SparkSkin" into the AdvancedDataGrid of the Flex component .
View 2 Replies
Sep 29, 2010
I wanna set a custom skin on my progressBar, but it's not working out the way I want it to. My skin has 3 different colors on it (green, yellow, red) and green should show until it's about 50%, then I want the yellow to appear after green and the red at 90% after green and yellow. So at 100% they should all show.The problem is that the ProgressBar only sets the width of my skin so all colors are showing at all times. But if I use the indeterminateSkin but dont set indeterminate to true that doesn't happend.How can I make a skin that doesn't just change width? Atm I'm just using a MovieClip for a skin.
View 1 Replies
Feb 2, 2010
basically I want a list component but without the skin. So it looks like it's just floating over the stage area... Or is there a better way of doing this?
View 1 Replies
Jul 1, 2009
I am going to use a HSlider to set a range of values. I would like the left thumb to look like ( and the right thumb to lok like ) so they appear to encompass the range like (range) instead of |range|. I only know how to set the skin for SliderThumb which will set the skin for both. Does anyone know of a way to set a different skin for each thumb?
[Code]...
View 3 Replies
Oct 12, 2009
I'd like to create an HSlider so that the skin of the track is different on either side of the thumb. So, for example, the track on the left side of the thumb is green, but red on the other.Is this possible or will it take a custom component?
View 1 Replies
Dec 24, 2009
I want to be able to style or set properties dynamically.[code]I want to be able to set these properties in the skin so the skin can be styled differently for each component that uses it.
View 1 Replies
Mar 24, 2010
I am having 2 problems creating programmatic skin for Canvas.
First problem: I would like to have background with rounded corners and I am using GraphicsUtil.drawRoundRectComplex in order to have round corners for only the upper two corners. The problem is that drawRoundRectComplex takes for each corner one single parameter - the corner radius. However my scaleX and scaleY factors are different and in fact the corners are not properly rounded because I either can set the radius using scaleX or scaleY. Graphics.drawRoundRect is better because it takes two parameters for the corners - elipse width and height and then you could apply both scale factors but it doesn't allow me to specify different radius for different corners. How to use GraphicsUtil.drawRoundRectComplex when scaleX and scaleY are different.
Second problem: Even though I set my programmatic skin through style - <> the skin's updateDisplayList gets executed only once and after that somehow "backgroundImage" style gets "undefined" and my programmatic skin is not associated anymore to the Canvas instance. As a workaround I am setting on each resize event "backgroundImage" style again but this is ugly. What could cause such "silent" resetting of the "backgroundImage" style to undefined?
View 1 Replies
Apr 13, 2011
locate the default skin files for Flex 4.5. I want to see how the inner shadow effect has been drawn so I can use the same technique in my own custom skins but I can't find them in the SDK.
View 1 Replies
Apr 21, 2011
We are building an application which is using skin classes in mxml. We plan to build different variants of this application for different user segments, where most of the functionality remains same but only skins vary based on the user segment.We are adding skins to the application by the following syntax:
<s:BorderContainer id="Banner" height="15%" width="100%" skinClass="mySkins.backgroundSkin"/>
Is there a way we can have a skin based on some conditioni.e if usersegment = "A" then use myskins.backgroundSkin1, else use myskins.backgroundSkin2?
View 2 Replies
Aug 11, 2011
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?
View 1 Replies
Aug 20, 2011
I have a problem which involves skinned buttons returning to their default skins after certain actions occur in my application. Below I have included a partial screenshot where you can observe the problem.The left button is returned to its default skin after it was clicked (the click triggers a state transition). The right button is the default skinned button. Note that my mouse is neither over nor pressing the left button.The code for the Button Skin is as follows:
<?xml version="1.0" encoding="utf-8"?>
<fx:Metadata>
<![CDATA[ [code]......
View 1 Replies
Feb 9, 2010
I am trying to load an swf file which has button skins as images (In the library of the swf file i have given export properties which is 'TickMark') and set the skin of a flex button using StyleManager.setStyleDeclaration.I am getting errors like 'Argument count mismatch on TickMark(). Expected 2, got 0.'This is what i am trying to do:
private function init():void
{
loader = new Loader();[code].....
If I use the class GraphicClass in setStyleDeclaration, it works... but basically I want it dynamically.Or there are other easy methods to skin (image) a flex button dynamically?
View 2 Replies
Jun 10, 2010
I am trying to set the gradient background color for my panel via skins. I try to change my code but nothing seems to change. Not sure what to do.
My skin file
/<!-- layer 2: background fill --/>
<!--- Defines the appearance of the PanelSkin class's background. -->
<s:Rect id="background" left="1" top="1" right="1" bottom="1">
[Code]....
View 3 Replies
Sep 6, 2010
I need to create a lot of custom Flex 4 skins, in most of the examples I found on the web people use FXG in order to create the skins but if a lot of the icons I use are not resizeable should I still use FXG or better use just plain old bitmap images (jpg. png)?
View 1 Replies
May 26, 2010
I'm currently experimenting flex 4 skinning. I successfully skinned most of the components i need for my application, but i can't find a way to avoid this damn blue drop shadow which is displayed when u'r focused on a textfield or a combobox.
View 1 Replies
Sep 17, 2010
I'm trying to get a spark tab bar to have a selected tab that does not change color on mouseover. I'm trying to implement this by working with a skin based on the skin spark.skins.spark.TabBarButtonSkin, but despite turning off the shadows on the selected and overAndSelected states, it still shows a dark color on mouseover.
Here's the relevant skin:
<?xml version="1.0" encoding="utf-8"?>
<s:SparkSkin
xmlns:fx="http://ns.adobe.com/mxml/2009"
xmlns:s="library://ns.adobe.com/flex/spark"
[Code]....
View 1 Replies
May 4, 2011
Objective:I would like to pass Skins to an itemRenderer (which is a Button) of a List, and be able to skin every button in that List.This is what I have:
List:
<s:List itemRenderer="renderers.ItemRenderer" dataProvider="{collectionWorkspace}" />
ArrayCollection:
<s:ArrayCollection id="collectionWorkspace">
<comp:Layout1 />[code]...
I get an error (fixed for clarification):Error: Skin for Application....Button1 cannot be found.
View 1 Replies
May 13, 2010
Our Flash web-based applications play lots of audio for narration and sound-effects. Some of our customers have firewall rules that block downloading of MP3 and other audio files. So, we need to wrap those MP3 files in SWFs. In the past, I've written JSFL scripts that automate the Flash IDE and walk through a complicated, fragile set of steps to embed MP3 files into FLAs and then publish those to SWFs. Now, Flex SDK provides the mxmlc compiler. I've mixed ANT into our workflow, and command-line and automated builds have been a joy. So, I want to make transcoding or wrapping of MP3s part of our build process. I've found Embedding Asset at Compile time in Pure AS3, but this will require that I write a script to generate a wrapper class AS file. Is there a cleaner way to wrap or transcode MP3 files into SWFs?
View 1 Replies
Aug 3, 2011
What I'm trying to do: build a super simple button skin (say a small circle when in up state, slightly larger circle when in over / down states) that has a larger mouse hit area than visible area. In other words, I'd like the button to look like a 5x5 circle when in up state, but transition to over state when the mouse is in a 15x15 pixel area around such circle - in order to make clicking on the button easier.
What I've done in the past is to use a transparent ellipse behind the the visible ellipse. This works nicely but seems like a waste of memory (not much, although if you start having a lot of these buttons it adds up) and rendering cycles (transparency). I thought I could avoid this by wrapping the ellipse in a group with a given size and listen to its mouse events, but somehow no mouse events seem to fire on such a group - not sure why.
I guess I'd love to know if anyone knows an efficient way to do this. Also would love to know why such a group won't fire mouse events, but I guess that's secondary. Simple code snippet below:
[Code]...
View 1 Replies
Jul 30, 2009
Is there a way to create embedded "pure as3" swf fonts using compc (without the flex framework integration)? If I embed a font like this in my as3:
package fonts
{
import flash.display.Sprite;
import flash.text.Font;
[Code].....
which prevents me from using the embedded font in "pure as3" projects. Is there a way to get flex-free fonts using compc?
View 1 Replies
Feb 20, 2012
I'm working on a simple auto complete function for my Flex mobile app. For that I've got a CalloutButton that triggers a Callout.The Callout holds some lists from which the user can select items. On item select, the callout gets closed (calloutButton.closeDropDown())The very same behavior is done for a TextInput. The user inputs text, the callout opens and according to the entered text, the lists change. Works fine so far. Now, when the user selects an item from any of the lists, the callout closes. Also fine.Now the issue, after the callout is closed, the TextInput automatically regains focus.On a mobile device this is more than disturbing.
I narrowed this behavior down to the mobile TextInput skin spark.skins.mobile.TextInputSkin) since a TextInput without this skin class doesn't show this behavior.Now you might say just use the default skin instead but unfortunately I can't. The default skin has a bug with Android devices that doesn't pass though the enter event. That I could live with since I'n not necessarily dependent on the enter event, however, the spark mobile skin allows be to continue entering text in the TextInput even after the callout has been opened, which is desperately needed as the lists change according to the entered text.I can't provide any code as the problem has been narrowed down to the skinClass, thus should not be in my own code. Believe me, I tried every nice and not so nice method to prevent the TextInput from getting focus again, but nothing worked.
Edit:Below the steps of my application's behaviour. (to be fair, the workflow inside the callout is a little more complex, I'm working with several lists and a SplitViewNavigator here (thus can't use the Flextras autocomplete), but that doesn't affect the TextInput focus issue I'm facing).ter text in TextInputOn key change a Callout with two Lists is opened.The first List receives results according to the entered text from a webserviceUser selects item from listSecond list receives results according to selection from first list from webservice User selects item on second listCallout closes
View 1 Replies
Jan 10, 2010
When i import a video into my flash document i choose one of the premade skins in flash and when im in the design view i can see it. However when i publish the file as a swf or .exe the skin either disapears or just doesn't work.I have managed to get a skin that stays when i publish however the play, rewind and fast forward buttons don't work. However the seek and volume ones do. Im am currently using flash cs4 and actionscript 2
View 1 Replies
Jul 28, 2009
Currently I skin videos with Steel External no volume. However my client wants a lighter grey, not as light as Mojhave but lighter than steel. I wonder if anyone knows if I can get other coloured flash skins (just the basic ones) from anywhere. Im happy to purchase but all I can find are fancy skins rather than just more variety of the standard skins.
View 1 Replies
Sep 11, 2010
I have a Flex 4 project that exists in a hybrid state of Flex/Flash AS3. I've declared a stylesheet in the base component of a Window:
<fx:Style source="styles/styles.css" />
And all of my Flex components can display this font. The stylesheet looks like this:
@font-face {
: url("../fonts/Whitney-Light-Pro.otf");
fontFamily: WhitneyLight;
[code].....
And the output I get is:
Fontarray length: 1
FONT 0:: name: WhitneyLight is embedded as type: embeddedCFF.
View 1 Replies
Oct 10, 2010
What's out there that lets you do this? Are there any OSS projects or maybe something a little more popular than this:[URL]? This does exactly what I'm suggesting (i.e. cuts out the need for Swing UI for the most part) but for a number of reasons I'd be interested in any better alternatives. alternatives would need to support the Flex SDK.
View 3 Replies
