We have looked at using CSS to control the visual look of your applications. Using CSS is the most effective and quickest way to have an impact, and there are many changes you can make through CSS. But there will always come a point where you want a more dramatic change—a point where you want to control not just the color and rounding of a button but also its shape and texture.

That is where skinning comes in. In a nutshell, skinning within Flex involves replacing the look of a component with an image. The idea is simple, but to execute it effectively often takes quite a bit of tweaking as each component is created by a series of smaller pieces or a representation for each state. The results can be very compelling, allowing you to create a distinct visual for your application.

Figure 1. The eight states of a Button component

This chapter covers the following topics:

Building skins in Photoshop
Connecting Photoshop skins
Scale 9
Using the CSS Design view
Skinning Flex components in Illustrator using SWF files
Importing the Illustrator skins into Flex Builder

Foundation Flex for Designers excerpt: Flex with Photoshop and Illustrator

著者 Greg Goralski

Created

ページツール

タグ

必要条件

この記事に必要な予備知識

User Level

必要な製品

サンプルファイル

Additional Requirements

Read the complete chapter

More Like This

製品

ソリューション

業種別ソリューション

サポート

ラーニング

ご購入方法

ダウンロード

会社情報