MACROMEDIA FLEX-GETTING STARTED WITH FLEX User Manual download pdf (Page 79)

Skinning

Flex

also allows you to change the look of your whole appli-

cation in a process called skinning. You can use CSS to apply

new skins to your Flex controls. Skins are available for free as

well as for purchase on the Web. A good repository for Flex

skins is Scale Nine (http://www.scalenine.com/).

To demonstrate this I went to the Scale Nine website and found

a pretty skin called “blue plastic.” I downloaded the ZIP file

and copied the contents into my Flex Builder 3 project folder

via drag-and-drop.

I then modified my form by adding a Panel and replacing my

own styles with a reference to the “blue plastic” skin (see Ex-

ample 4-20).

Example 4-20. Styleform.mxml

<?xml version="1.0" encoding="utf-8"?>

<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"

layout="vertical">

<mx:Style source="/blueplastic/blue_plastic.css" />

Figure 4-19. A simple CSS example

CSS | 63

1 2 ... 74 75 76 77 78 79 80 81 82 83 84 ... 147 148

No comments

MACROMEDIA FLEX-GETTING STARTED WITH FLEX User Manual Page 79