设置外观

用户界面 (UI) 控件完全由附加的影片剪辑组成。这意味着 UI 控件的所有资源都可以是 UI 控件影片剪辑的外部资源,因此其他组件可以使用它们。例如,如果组件需要按钮功能,则可重用现有的 Button 组件资源。

Button 组件使用单独的影片剪辑来表示它的每个状态(FalseDown、FalseUp、Disabled、Selected,等等)。不过,您可以使自定义影片剪辑的“调用外观”与这些状态相关联。在运行时,新旧影片剪辑都会导出到 SWF 文件中。旧状态会成为不可见状态,以让位于新影片剪辑。在创作时及运行时更改外观的这一功能称为设置外观。

要在组件中使用设置外观,请为组件中使用的每个外观元素/链接创建变量。这样,任何用户均可通过更改组件中的参数来设置不同的外观元素,如以下范例所示:

var falseUpSkin = "mySkin";

“mySkin”名称随后用作 MovieClip 元件的链接名称,该元件显示 false up(假弹起)外观。

以下范例显示 Button 组件各种状态的外观变量:

var falseUpSkin:String  = "ButtonSkin";
var falseDownSkin:String  = "ButtonSkin";
var falseOverSkin:String = "ButtonSkin"
var falseDisabledSkin:String = "ButtonSkin";
var trueUpSkin:String = "ButtonSkin";
var trueDownSkin:String = "ButtonSkin";
var trueOverSkin:String = "ButtonSkin";
var trueDisabledSkin:String = "ButtonSkin";
var falseUpIcon:String = "";
var falseDownIcon:String = "";
var falseOverIcon:String = "";
var falseDisabledIcon:String = "";
var trueUpIcon:String = "";
var trueDownIcon:String = "";
var trueOverIcon:String = "";
var trueDisabledIcon:String = "";