Flex Примеры, Adobe Flex, Флекс

Изучаем Flex. Примеры, статьи, рецепты …


Архив по метке 'Пример'

Создание простого меню (Menubar)

Описание класса MenuBar (Официальная документация)

Простейшее меню выглядит примерно так:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
< ?xml version="1.0"?>
<mx:application xmlns:mx="http://www.adobe.com/2006/mxml" creationComplete="initCollections();" >
 
    <mx:script>
        < ![CDATA[
 
            import mx.events.MenuEvent;
            import mx.controls.Alert;
            import mx.collections.*;
 
            [Bindable]
            public var menuBarCollection:XMLListCollection;
 
            private var menubarXML:XMLList =
                <>
                    <menuitem label="Menu1">
                        <menuitem label="MenuItem 1-A" data="1A"/>
                        <menuitem label="MenuItem 1-B" data="1B"/>
                    </menuitem>
                    <menuitem label="Menu2">
                        <menuitem label="MenuItem 2-A" type="check"  data="2A"/>
                        <menuitem type="separator" />
                        </menuitem><menuitem label="MenuItem 2-B" >
                            <menuitem label="SubMenuItem 3-A" type="radio"
                                groupName="one" data="3A"/>
                            <menuitem label="SubMenuItem 3-B" type="radio"
                                groupName="one" data="3B"/>
                        </menuitem>
 
                ;
 
            // Event handler for the MenuBar control's itemClick event.
            private function menuHandler(event:MenuEvent):void  {
                Alert.show("Label: " + event.item.@label + "\n" + 
                    "Data: " + event.item.@data, "Clicked menu item");
            }
 
            // Event handler to initialize the MenuBar control.
            private function initCollections():void {
                menuBarCollection = new XMLListCollection(menubarXML);
            }
         ]]>
    </mx:script>
 
    <mx:panel title="MenuBar Control Example" height="75%" width="75%" 
        paddingTop="10" paddingLeft="10">
 
        <mx:label width="100%" color="blue"
           text="Select a menu item."/>
 
        <mx:menubar labelField="@label" itemClick="menuHandler(event);" 
            dataProvider="{menuBarCollection}" />
 
    </mx:panel>
</mx:application>

Работающий пример под катом
Читать далее ‘Создание простого меню (Menubar)’