CSS :: Most Effective Way To Style Flex Application?
Feb 2, 2010
I have a fairly complex Flex application that uses many different components. I want the application to be able to custom styling and/or skinning. I also want to be sure that the styling approach makes the most efficient use of system resources (memory, CPU, network), and that it does not adversely impact performance. We currently are using a hybrid approach to styling the application that uses both CSS and a Flash skin created in CS3. It seems odd to me to have a two-pronged approach to styling an application and ideally would like to settle on one approach or the other. Some outline about advantages and disadvantages of using either exclusively CSS or a Flash skin? Is there a justification for using both within the same app?
Using CSS exclusively seems advantageous because it is approachable by anyone with a basic understanding of other uses of CSS, especially when using the Flex 2 Style Explorer. On the other hand, I know that the CS3 skin we use declares up/over/down/disabled/pressed skins for each component where these states are needed and Flex manages the transitions to the appropriate skins as each state is (de)activated. However, my impression is that creation of a Flex skin in CS3 requires somewhat specialized skills and tools. So what would you recommend for styling a Flex application if performance, customization, and efficient resource utilization are priorities?
View 3 Replies
Similar Posts:
Dec 7, 2011
I'm using flash builder 4.5 to make a website. At the moment I'm trying to work on the layout of my website but I'm facing some problems. First of all my CSS looks like this.
/* CSS file */
@namespace s "library://ns.adobe.com/flex/spark";
@namespace mx "library://ns.adobe.com/flex/mx";
s|Application{
[code]....
View 1 Replies
Dec 24, 2009
I'm putting together a little application that has a simpe paint bucket functionality. I'm having a small problem, i'm sure it's an easy fix, but frankly I'm not much of a programmer.
Essentially what I have is a set of color swatches that users can select, and then a grid of movie clips with a series of frames, each corresponding to a swatch color. Over that, I have a grid of clear buttons that check to see which swatch is selected and then tell the movieclip underneath to go to the frame that corresponds to the right color. What I want to do is just set up the function once and call it for each movie clip, rather than repeating the function for each cell in my 6x7 grid.
[Code]...
View 3 Replies
Mar 16, 2009
I want to build or modify a 'one armed bandit' style application... I have limited time to build it and was wondering whether anyone could help in directing me towards a pre-purchased app that i could modify, or if anyone has any pre-coded application that's similar that I could modify?
View 6 Replies
Nov 27, 2009
Lately i've been trying to right in external classfiles to create everything and make everything work instead of stuffing everything in my timeline. So now i have made a classfile that first creates all the movieclips i wan't on the stage and then defines what all the buttons do.
But when i want to acces a variable that has been created in "createMc" from a private function i get an error, so i have fixed this by giving the var's a name and then use getChildByName().
But i think this looks like a really innificiant way off writing something and was wondering if it was possible to write this in a better, shorter, and thus more effective way.
[Code]...
View 5 Replies
Feb 15, 2012
I've created a password variable w/input text on the first frame of a swf to enable private viewing of a swf; so if you dont know the password you cant procedd to frame 2, to see the whole thing.
View 21 Replies
Feb 16, 2011
It's working and all..however... It's not very dynamic.. It's hardcoded every tween / fade function , one for each of the images, and pause functions...when basically it does the same thing for each image...So thought I'd have a go here with you guys which are much more experienced than myself on this field.This is the code I currently use: (displays first image..then fades it out...fade in the next image...pauses...fades out..fades in next..pauses..etc etc.. )
Code:
package{
import com.greensock.TweenLite;
[code]......
View 3 Replies
Sep 9, 2010
I've run into some trouble with making a preloader for my flash file. First I went ahead and made an external preloader that loaded in the swf file - but then all my audio did not play (they are called upon as sound objects). Found this out because the file is loaded into the preloader but not the audio files from the library???
But if I put the preloader in the actual flash file it's kind of useless as it wants to preload all the audio on the first frame. Now I went ahead and changed it to load on frame 2 or 3 (using the publish settings to set "Export frame for classes") but now the audio will not play at all!
Are preloaders doomed to fail in AS2 when there is audio files being called within the library as sound objects??
View 2 Replies
Jun 19, 2009
I'm new to AS3.0 Is there a good way to deal with many event listeners like say MouseEvent.MOUSE_OVER and MouseEvent.MOUSE_OUT for the same type of movie clips? I've been getting the following error if the mouse rolled over or out too fast.
TypeError: Error #1009: Cannot access a property or method of a null object reference. at csAS/onSubmenuRollOver()
TypeError: Error #1009: Cannot access a property or method of a null object reference. at csAS/onSubmenuRollOut()
View 4 Replies
Apr 5, 2009
I'm trying to create a simple yet effective image slideshow for my homepage. It'll be a bar, 600 pixels wide, by 300 pixels high. There will be 4 buttons that will line the bottom, numbered 1 through 4, that will control 4 separate slides that'll appear in that window. If you don't click anything, the images will fade in and out after x amount of seconds. Clicking on the numbered buttons will load the appropriate slide, and each slide when clicked will take you to a certain part of the website.
I wish to do this in actionscript... not using the timeline as I prefer to do all transitions in actionscript. Can anyone shed light on how to set this up? I've been trying to use the TransitionManager function... however I'm getting mixed results. Here's a screenshot:
Code:
import fl.transitions.*;
import fl.transitions.easing.*;
ss1_mc.alpha = 1;
ss2_mc.alpha = 0;
ss3_mc.alpha = 0;
ss4_mc.alpha = 0;
var currentImage:MovieClip = ss1_mc;
[Code] .....
View 1 Replies
Jun 6, 2010
Just a question about a page im building.. it may not be the optimal method of doing it (and im open to other suggestions) but still would like an answer to if the below is possible... Every time I switch pages, the 'new elements specific to that page' are created with AS3, placed on the page, animated etc etc. On frame one I have attached to each button a 'check' for the destination when the button is clicked and based on where the user currently is, all elements from that section are removed from the stage.
My question... I am removing each element individually by its name.. and some sections are quite large and i plan to modify heavily continuously. Can I add them to an (invisible) container of sorts in each of their respective sections and then remove via some kind of '.childrenOf' method ?? eg. when user is in the 'about' section of the site and clicks to go 'home', all elements in 'about container' are removed via 'for all childrenOf about_container ?
View 0 Replies
May 22, 2010
For lack of a better description, I have a world of bitmaps, but some are outside the boundaries of the stage. How can I scale my world larger and smaller to effective zoom in and out?
View 7 Replies
Jan 4, 2010
i need to draw an API Drawing and do the following with it;
-Effective experimentation with the drawing API e.g. gradient fills, curves etc.
-Effective rationalising of code using functions and loops.
-A sophisticated/realistic looking drawing, that shows the ability to use the drawing API with a high degree of skill.
View 14 Replies
Feb 28, 2012
I have created a style in which i am defining a font family.When i apply this style to label it reflects the font were as there is no change when it is applied to a spark button.I Tried various way to Apply font style but it doesn't work.Other properties work fine except font family. Even i tried creating skin class and set the font family style of label in it. While previewing the skin i can see the changes but when i apply it to buttonApproach 1
@font-face{
src:url("HARNGTON.TTF");
fontFamily: MyF;
[code].......
View 2 Replies
Oct 8, 2010
I'm trying to develop a simple mxml Flex application to start Skype from the AIR/Flashplayer runtime. Is it possible to get back events from a native Windows application? In the simple example of Skype, the OS returns control to the Flex app when Skype exits. But what about native applications which have their own event model and wants to communicate with the Flex event model. For example, a Face detection system which shows "Hello" on a Flex app when the camera detects a face. Can this be done in the current Flex framework?
View 1 Replies
Mar 4, 2011
I am working on an Adobe AIR Application. The size on Application window is 800X600 and is contains border container and border container contains many controls. What I want is to if user re-sizes the application then that container should also be re-sized according to scale. i.e If user maximizes or minimizes the window then that border container should also be maximized or minimized respectively.
View 3 Replies
Aug 4, 2011
How I will be back in Login Page after click of logout which is in application's component.
Project.mxml
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"
xmlns:s="library://ns.adobe.com/flex/spark"
xmlns:mx="library://ns.adobe.com/flex/mx" width="100%" height="100%"
[Code]....
View 2 Replies
Dec 22, 2011
how can i delete storage directory instances or folder while uninstalling any air application. In my application when i first time run my application, application copy some data from application directory to application storage directory. now i want to delete all data and application directory folder also while uninstalling application.
I am doing that because when i launch any update then application is accessing old data which conflict with my application new features.
View 1 Replies
Nov 3, 2009
If you have two text areas with different styles (fontFamily, weight, color etc) and you copy text from one to the other it also copies the style from the originating text area. Is there any slick way to prevent that?
Here is a sample of code that will illustrate the problem. Type some text in the top box and some text in the bottom, then copy some characters from the top box to the bottom. I'm not using htmltext.[code]...
View 2 Replies
Feb 17, 2011
Is it possible to style the string returned from the labelFunction so I can change color and font of the callout (inside)? Or some other way? (It seems like a big limitation to have that only return a string that is unstylable.)
View 1 Replies
Apr 5, 2011
I'm interested in finding out the best approach to this issue, it's not technically difficult but there must be an elegant solution. Basically i have a form that features mostly text inputs, i would like to change the style of the input boxes based on the current state. I can do this in the mxml on each input...
[Code]...
View 1 Replies
May 16, 2010
I'm new to flex. Now I'm writing an flex application. I plan to split my application into some MXML files(Application as the root tag). How can I switch from one mxml to another?BTW, what is the best practice for design large flex application? Just one MXML Application and many MXML component or many MXML Application?
View 1 Replies
Jul 15, 2011
I want to read xml data to a mxml application from a xml file on my filesystem. The example I found was for AIR,link2, link3. But I want to target the Flash Player runtime. If I use the the tag, I can do it; however the xml compiles into my swf. How can I retain the xml file in my release build?
View 2 Replies
Mar 31, 2011
i used systemManager.addEventListener in sub application...... it is working well....but when i load sub application into main application through swfloader it doesnot working..
View 1 Replies
Aug 29, 2011
I have a native (Obj-C, standard Xcode project) application and I'd like to integrate a partners iOS application (or specifically, it's functionality) into it as just another view in my application. The problem is that their application is a Flex/Air app. I really don't understand the Adobe compilation process on how it gets from a bunch of flex code down to an IPA. I don't see intermediate projects, shared objects, etc on the disk to produce that IPA. It looks like it doesn't rely on the Apple tool chain... as I understand it, you can produce the IPA on Windows as well. Is there any way to build that Flex app in such a way that I can import it into Xcode so I can link against it and use it as a library from within my application? While I specifically used iOS as an example since that is the most important platform, we'll want to apply this solution to our respective Android and Blackberry 6 apps as well.
View 1 Replies
Oct 23, 2009
I've got a comboBox component on the stage, instance name 'combo'. I want to style the text. I followed the adobe instructions, but they seem not work, and I get no errors.
Code:
import fl.data.DataProvider;
import flash.text.TextFormat;
var tf:TextFormat = new TextFormat();
[code].....
View 2 Replies
Dec 8, 2009
I have an AIR application with a system tray icon. When clicked it shows and activates the app. This is working as expected when the app is hidden (docked), however if I select another application so my app is in the background clicking on the system tray icon does nothing.
Oddly I also have a contextual menu on the system tray icon, which has an option to restore, this calls the same event handler as ScreenMouseEvent.CLICK, yet works.
I expect it's something to do with the contextual menu changing the focus, perhaps it's a bug in how AIR works with the system tray, perhaps it's just something I'm missing. Would be good to know if that's the case.
View 1 Replies
Sep 1, 2010
I've been trying to launch a separate Air Application through my current Air Application.Both apps are compiled using the Adobe Air 2.0 SDK. The methods I have found so far involve passing the Publisher ID in addition to the Application ID, but I believe the Publisher ID became redundant past Air 1.5.3? Below is my current implementation whic seems to correctly ascertain the Air Application's version number, but when I try to launch it, nothing seems to happen.
private static var _air:Object;
private static var _loader:Loader;
private static var appID:String = "someOtherAirApplication";[code].....
I have changed the app-config.xml (app descriptor) on the application I am trying to load to allow browser invocation.The version number of the app descriptor of my application I am trying to load is "V1" which the versionDetectCallback seems to pickup. If this is the case I would expect to be able to launch it but this doesn't seem the case.
View 2 Replies
Mar 7, 2012
I want to load a flex application in mobile flex application and also i want it to interact with the parent application. Right now I am trying to load the swf with swfLoader in mobile app, but it gives me security error. And also should I want the parent application to be generic in terms of child application as in down the line if someone wants he can have another child application with same name run.
[Code]...
View 1 Replies
Feb 7, 2012
Just wondering if it's possible to apply a *.css to a spark TextArea? If so, how?
View 1 Replies
