用户界面 (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 = "";