Flex 2 – Beginners Guide
Went on a flex course eons ago, never used it! Having a bash today as I have a design for a video playing system and I’d like to see how it could be implemented what panels, containers etc. would be needed to get kind of interactive experience I’d imagined.
Key points worthy of note:
Importing graphics to show on your stage, there is no equivalent of the library. Just import to your project folder and then in design view or on code select image and enter the directory path to the image.
There appears to be some really neat way of scaling an image so that corners remain fixed and center grows this could be pretty handy for producing some scalable work. Info here
Stylesheets how to write them seems fairly straightforward, though the css syntax isnt the same argh justand a stylesheet like this:
Application {
background-image: “backgrounds/brushed_metal.jpg”;
background-size: “100%”;
}
ControlBar {
horizontal-align: right;
}
Label {
left: 10;
}
Panel {
horizontal-center: 0;
vertical-center: 0;
}
TextInput {
left: 85;
right: 10;
}
.userlabel {
top: 12;
}
.userinput {
top: 10;
}
.passlabel {
top: 42;
}
.passinput {
top: 40;
}
But don’t be sloppy with your CSS or everything breaks! Hoping this will help with giving at least the illusion of scaling.
Sara Lever
05 Feb 2008 17:10
| 
Comments (5)
| 
Trackbacks (1)
| 
Report a problem
Mathew Mannion
Oh good grief, whose idea was it to make the CSS syntax slightly different!?
05 Feb 2008, 17:44
Steven Carpenter
Welcome to my world! :-D
05 Feb 2008, 20:04
Steven Carpenter
Couple of things that might be helpful – remember to use the @Embed directive in the MXML to ensure the image is compiled with the application, and with stylesheets the Style Explorer on the Flex Start Page is a great tool for tinkering with styles.
05 Feb 2008, 20:13
Sara Lever
Steve, would you use the @Embed directive if you’ve called all your images via css? where would you put it? Hey have you tried the scaling images-9 thing? mind be handy for preserving curvy corners.
08 Feb 2008, 10:00
Sara Lever
Matt, yeah the CSS was/is styled differently in flash too. Some flash/flex stuff is hot and some is not!
08 Feb 2008, 11:34
Add a comment
You are not allowed to comment on this entry as it has restricted commenting permissions.