探索 Flex 和 CSS 的强大功能

核心提示： 不过，这并不是说它将永远不会发生，探索 Flex 和 CSS 的强大功能(6)，清单 4 就是我基于 Flex AplicationControlBar 而为我的应用程序所构建的一个向下扩展（scaled-down）的组件，在所提供的设计内，否则，结果很有可能是正在创建的同一个图像却具有多个实例

不过，这并不是说它将永远不会发生。清单 4 就是我基于 Flex AplicationControlBar 而为我的应用程序所构建的一个向下扩展（scaled-down）的组件。在所提供的设计内，控制栏内的每个按钮实际上都是一个简单的文本单词，看上去更像是一个链接，而非按钮。此外，所有这些单词链接之间都有一个小的 bullet 分隔符。由于我已经有了整个应用程序的设计，因此我知道这种 bullet 分隔符是应用程序主控制栏所特有的，在任何其他地方都不会出现。最为重要的是，由于 bullet 在同一个组件内出现若干次，因此非常有必要将此图像作为其自己的私有类嵌入到这个 MXML 文件内，以便我能从放置在这些链接之间的每个图像控件中绑定它。否则，结果很有可能是正在创建的同一个图像却具有多个实例，这是对系统资源的一种浪费。

清单 4. 直接嵌入一个图像

　　　
<?xml　version="1.0"　encoding="utf-8"?>　
<mx:ApplicationControlBar　xmlns:mx="http://www.adobe.com/2006/mxml">　
　
　<mx:Script>　
　　　　<![CDATA[　
　　　　　
　　　　　　[Embed(source="assets/bullet_black.png")]　
　　　　　　[Bindable]　
　　　　　　private　var　bullet:Class;　　　　　　　
　　　　　　　
　　　　]]>　
　　</mx:Script>　
　
　<mx:HBox　x="10"　y="10"　id="hbox"　horizontalGap="10"　width="350">　
　<mx:LinkButton　label="Help"　styleName="appBarButton"/>　
　<mx:Image　source="{bullet}"　/>　
　<mx:LinkButton　label="About"　styleName="appBarButton"/>　
　<mx:Image　source="{bullet}"　/>　
　<mx:LinkButton　label="Minimize"　styleName="appBarButton"　/>　
　<mx:Image　source="{bullet}"　/>　
　<mx:LinkButton　label="Quit"　styleName="appBarButton"/>　
　</mx:HBox>　
</mx:ApplicationControlBar>