示例：XML MenuBuilder 数据源

Adobe AIR 1.0 和更高版本

以下示例使用 MenuBuilder 框架定义文本区域的上下文菜单。它显示如何使用 XML 作为数据源来定义菜单结构。有关使用 JSON 数组指定相同菜单结构的应用程序，请参阅示例：JSON MenuBuilder 数据源。

此应用程序由两个文件组成。

第一个文件是菜单数据源，在名为“textContextMenu.xml”的文件中。尽管此示例使用的菜单项节点名为“menuitem”，但 XML 节点的实际名称是什么并不重要。前面提到过，只有 XML 的结构和属性值才会影响所生成的菜单的结构。

<?xml version="1.0" encoding="utf-8" ?> 
<root> 
    <menuitem label="MenuItem A"/> 
    <menuitem label="MenuItem B" type="check" toggled="true"/> 
    <menuitem label="MenuItem C" enabled="false"/> 
    <menuitem type="separator"/> 
    <menuitem label="MenuItem D"> 
        <menuitem label="SubMenuItem D-1"/> 
        <menuitem label="SubMenuItem D-2"/> 
        <menuitem label="SubMenuItem D-3"/> 
    </menuitem> 
</root>

第二个文件是应用程序用户界面的源代码（在 application.xml 文件中指定为初始窗口的 HTML 文件）：

<html> 
    <head> 
        <title>XML-based menu data source example</title> 
        <script type="text/javascript" src="AIRAliases.js"></script> 
        <script type="text/javascript" src="AIRMenuBuilder.js"></script> 
        <style type="text/css"> 
            #contextEnabledText 
            { 
                margin-left: auto; 
                margin-right: auto; 
                margin-top: 100px; 
                width: 50% 
            } 
        </style> 
    </head> 
    <body> 
        <div id="contextEnabledText">This block of text is context menu enabled. Right click or Command-click on the text to view the context menu.</div> 
        <script type="text/javascript"> 
            // Create a NativeMenu from "textContextMenu.xml" and set it 
            // as context menu for the "contextEnabledText" DOM element: 
            var textMenu = air.ui.Menu.createFromXML("textContextMenu.xml"); 
            air.ui.Menu.setAsContextMenu(textMenu, "contextEnabledText"); 
             
            // Remove the default context menu from the page: 
            air.ui.Menu.setAsContextMenu(null); 
        </script> 
    </body> 
</html>