Flex中如何在Panel容器中增加图标(icons)的例子
By Minidxer | July 6, 2008
Peterd说“I’m amazed I can write an entire post around setting a single (and simple) style, but yet here I am……”，其实我也很惊讶于自己居然在Peterd的基础上，将它的这些针对single style的post，做了一个中文版本，不过看着每天越来越多的人通过Flex相关的关键字找到并且阅读了这些Sample，并且老的访问者也占了一定的比例，相信还是可以帮助不少人解决问题，节约一定时间的吧。简单的未必就没有用，不要迷信于所谓的“专家”，也不要迷信于所谓的“权威”，毕竟所有的地球人都只不过是凡夫俗子，一切都是从零开始的，所以我也同样的“but yet here I am……”,呵呵，不废话了，接下来的例子演示了Flex中如何在Panel容器中增加图标(icons).
让我们先来看一下Demo（可以右键View Source或点击这里察看源代码）：
下面是完整代码(或点击这里察看)：
Download: main.mxml
- <?xml version="1.0" encoding="utf-8"?>
- <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"
- layout="horizontal"
- backgroundColor="white"
- applicationComplete="init();">
- <mx:Script>
- <![CDATA[
- [Embed(source='bulletCheck.png')]
- private static const ico:Class;
- private var panel:Panel;
- private function init():void {
- var image:Image = new Image();
- image.source = "http://blog.minidx.com/ext02/image2.jpg";
- panel = new Panel();
- panel.titleIcon = ico;
- panel.title = "Brought to you by ActionScript";
- panel.addChild(image);
- addChild(panel);
- }
- ]]>
- </mx:Script>
- <mx:Panel title="Brought to you by MXML" titleIcon="{ico}" id="pan">
- <mx:Image id="img" source="http://blog.minidx.com/ext02/image1.jpg" />
- </mx:Panel>
- </mx:Application>
代码：Peter deHaan 翻译/整理/编译：minidxer