了解缩放和切片辅助线

可以使用 9 切片缩放(缩放 9)为影片剪辑指定组件样式缩放比例。与通常应用于图形和设计元素的缩放类型不同,指定 9 切片缩放允许您创建能恰当缩放以用作用户界面组件的影片剪辑元件。

了解 9 切片缩放的工作原理

说明 9 切片缩放工作原理的最简单方式就是查看一个有关 9 切片缩放在 Flash 中的工作方式的示例。

了解 Flash 中的缩放:

  1. 创建一个新的 Flash 文档,并将它保存为 dynmask.fla
  2. 将 Button 组件的副本从"组件"面板("窗口">"组件")拖动到舞台上。
  3. 使用"缩放"工具将舞台的缩放级别增加到 400%。

    默认情况下,Button 组件实例宽为 100 像素,高为 22 像素。

  4. 使用属性检查器将 Button 组件实例的大小调整为宽度为 200 像素,高度为 44 像素。

    您可以看到,即使组件调整了大小,但按钮的边框和文本标签都不会扭曲。按钮的标签保持居中,并且保持字体大小。Macromedia Component Architecture 第 2 版的组件不使用 9 切片缩放,但组件仍处理第 2 版组件体系结构中的缩放,以使轮廓不会改变大小(如下图所示)。

    假设按钮实例切片为 9 个单独的部分,或 3 x 3 网格,类似于电话上的小键盘或键盘。当您水平调整按钮实例的大小时,只有居中的三个竖直段(小键盘上的数字 2、5 和 8)拉伸,以使内容不会扭曲。如果垂直调整按钮实例的大小,则只有居中的三个水平段(小键盘上的数字 4、5 和 6)将调整大小。缩放网格的四个角根本不会缩放,这样组件可以变大,而不会产生被拉伸的感觉(请参见下面的图像)。

提示

笔触在 9 切片缩放转换后从边缘处创建,因此不会变形或失去细节。

在 Flash 环境的"转换为元件"对话框或"元件属性"对话框中,可以为 9 切片缩放启用切片辅助线。仅当为 Flash Player 8 发布并且行为设置为影片剪辑时,为 9 切片缩放启用辅助线复选框才可用。对于 Flash 的早期版本或者当您创建按钮或图形元件时,9 切片缩放辅助线不可用。在 ActionScript 中通过设置影片剪辑实例的 scale9Grid 属性可以启用 9 切片缩放。

无论使用用户界面还是使用 ActionScript 创建切片辅助线,都可以通过跟踪影片剪辑的 scale9Grid 属性来跟踪 x 坐标、y 坐标、宽度和高度。

trace(my_mc.scale9Grid); // (x=20, y=20, w=120, h=120)

此代码片断输出 scale9Grid 属性所使用的矩形对象的值。该矩形的 xy 坐标均为 20 像素,宽度为 120 像素,高度为 120 像素。