Adobe Flash Professional CC 2014 v.13.0 - Manual (Page 899)

Scaling and caching symbols
To the top
To the top
Scaling content on the Stage
About 9-slice scaling and movie clip symbols
Edit movie clip symbols with 9-slice scaling
Improving rendering performance with bitmap caching
Specify bitmap caching for a symbol instance
Specify a backround color for a cached symbol instance (CS5.5 only)
Scaling content on the Stage
You can scale items on the stage in these ways:
Scale individual symbol instances with the Free Transform tool, Properties panel, or Transform panel.
Scale individual symbol instances with 9-slice scaling and the tools and panels listed above.
Scaling the entire contents of the Stage when resizing the stage (CS5.5 only).
Scale an individual symbol instance
1. Select the symbol instance on the Stage.
2. Do one of the following:
Select the Free Transform tool in the Tools panel and then drag the corners or edges of the instance to resize it.
Open the Properties panel (Window > Properties) and edit the Height and Width properties of the instance.
Open the Transform panel (Window > Transform) and edit the Scale Width and Scale Height properties of the instance.
Scale all content when resizing the Stage (CS5.5 only)
1. Choose Modify > Document.
2. In the Document Settings dialog box, enter new values for the Height and Width dimensions of the document. This is the Stage size.
3. Select the Scale Content with Stage option. Click OK.
Scaling is applied to all content in all frames.
Tutorials and videos
Video: Flash Professional CS5.5 - Scaling Assets (4:20, Adobe TV)
ActionScript 3.0 Example: Scaling and resizing assets for use on multiple screens (Paul Trani, cookbooks.adobe.com)
About 9-slice scaling and movie clip symbols
9-slice scaling allows you to specify how scaling is applied to specific areas of a movie clip. With 9-slice scaling, you can ensure that the movie
clip looks correct when scaled. With normal scaling, Flash Professional scales all parts of a movie clip equally, and in both the horizontal and
vertical dimensions. For many movie clips, this equal scaling can make the clip’s graphics look strange, especially at the corners and edges of
rectangular movie clips. This is often true of movie clips used as user interface elements, such as buttons.
The movie clip is visually divided into nine sections with a grid-like overlay, and each of the nine areas is scaled independently. To maintain the
visual integrity of the movie clip, corners are not scaled, while the remaining areas of the image are scaled (as opposed to being stretched) larger
or smaller, as needed.
When a movie clip symbol has 9-slice scaling applied, it appears in the Library panel preview with the guides displayed. If Enable Live Preview is
turned on (Control > Enable Live Preview) when you scale instances of the movie clip on the Stage, you see the 9-slice scaling applied on the
Stage.
Note: The Live Preview setting cannot be used with an ActionScript 3.0 document.
Note: 9-slice scaling cannot be applied to Graphic or Button symbols. Bitmaps inside 9-slice enabled movie clips are scaled normally, without 9-
slice distortion, while the other movie clip contents are scaled according to the 9-slice guides.
Note: 9-slice scaling is sometimes also referred to as “scale 9.”
892