7.6.使用項渲染器把SWF對象作為一個菜單項顯示

2024-04-27 13:52:00

字體：大中小

來源：轉載

供稿：網友

7.6.1.問題
用一個圖片或SWF 做菜單。
7.6.2.解決辦法
用itemRenderer 對象加載SWF 文件，并自定義菜單。
7.6.3.討論
自定義菜單的第一步是把你想要用到的字體和圖形存在一些SWF 文件里，并且把這些SWF 文件放在一文件夾下。在我們的例子中，這個文件夾命名為“swf”，你可以用任工具生成這些SWF 文件。

接下來，創建一個renderer 組件。在本例中我們使用Canvas，并在Canvas 里增加一個SWFLoader 組件。如果我們想用Canvas 做自定義菜單，還有一個條件，就是要讓Canvas實現IMenuItemRenderer 接口，因為接口的需要，我們在Canvas 里實現了menu 的set get方法，但什么也沒有做。SWFLoader 的source 屬性我們賦值為data.swf_wp（因為這個Canvas 最終會用做renderer，所以用data.xxxx，原文是data.swf，太容易讓人迷惑了，我改成了data.swf_wp，在原文和原文的例子中都只提到實現接口中的set menu 和getmenu 方法其實還有三個方法需要實現，下面是我改過的代碼，如果對原文興趣，請見本節結尾部分）。
文件名為: FontItemRenderer.mxml

-XML

<?xml version="1.0" encoding="utf-8"?>
<mx:Canvas xmlns:mx="http://www.adobe.com/2006/mxml"
width="100" height="25"
verticalScrollPolicy="off" horizontalScrollPolicy="off"
xmlns:external="flash.external.*"
implements="mx.controls.menuClasses.IMenuItemRenderer">
<mx:Script>
<![CDATA[
import mx.controls.Menu;
public function get menu():Menu { return null ; }
public function set menu(value:Menu):void { }
public function get measuredIconWidth():Number{return 0;}
public function get measuredTypeIconWidth():Number{return 0;}
public function get measuredBranchIconWidth():Number{return 0;}

]]>
</mx:Script>
<mx:SWFLoader source="{data.swf_wp}" width="100" height="25"
horizontalCenter="0" verticalCenter="0"/>
<mx:Label x="0" y="0" text="{data.label}" width="100"
height="25"/>
</mx:Canvas>