`

Flex创建弹出菜单(PopUpButton/Menu/PopMenuButton)

    博客分类:
  • Flex
阅读更多

弹出菜单的运行Flash效果见:http://tongqiuyan.blog.163.com/blog/static/1955453022011922113758634/

 

静态图片:

 

 

 <?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="vertical" fontSize="12">
 <mx:Script>
  <![CDATA[
   import mx.controls.Menu;
   private var menu:Menu;
   private function init():void
   {
    menu = new Menu();
    menu.labelField = "@label";
    // 设置menu的数据源
    menu.dataProvider = xmlDP;
    //设置menu不要展现父子排列结构
    menu.showRoot = false;
    menu.width = popUpButton.width;
    // 设置弹出的内容为menu
    popUpButton.popUp = menu;
   }
  ]]>
 </mx:Script>
 <mx:Style>
.popUpButtonStyle{fontWeight:normal; textAlign:left;}
 </mx:Style>
 <mx:XML id="xmlDP">
  <root>
   <node label="菜单项1" />
   <node label="菜单项2" enabled="false" />
   <node type="separator" />
   <node label="父项" enabled="false">
    <node label="子项1" />
   </node>
   <node label="父项">
    <node label="子项1" />
    <node label="子项2" />
    <node label="子项3" />
   </node>
   <node type="separator" />
   <node label="type=check" type="check" toogled="true" />
   <node label="type=check(disabled)" type="check" toogled="true" enabled="false" />
   <node type="separator" />
   <node label="1) type=Radio" type="radio" groupName="radioGroup" toggled="true" />
   <node label="2) type=Radio" type="radio" groupName="radioGroup" />
   <node label="3) type=Radio" type="radio" groupName="radioGroup" />
   <node label="4) type=Radio(disabled)" type="radio" groupName="radioGroup" enabled="false" />
  </root>
 </mx:XML>
 <mx:Panel title="创建弹出菜单" width="300" height="200" horizontalAlign="center" paddingTop="10">
  <mx:PopUpButton id="popUpButton" label="选择菜单中的项" creationComplete="init();" width="200" popUpStyleName="popUpButtonStyle" />
 </mx:Panel>
</mx:Application>

 

 

分享到:
评论

相关推荐

    利用PopUpButton创建弹出下拉框的组件

    总结,`PopUpButton`是Flutter构建用户界面的重要组件,提供了创建弹出下拉菜单的功能。通过自定义其样式、行为和菜单项,我们可以构建出符合项目需求的多样化下拉选择器。无论是在移动应用还是Web应用中,`...

    Flex课程学习(附带源码)

    MumericStepper、PopUpButton、ProgressBar、RadioButton、RichTextEditor、Text、TextArea、TextInput TileList、Tree、VSlider VideoDisplay 7、容器控件(可包含控件及容器控件) Canvas、ControlBar、Form...

    简单实现Android弹出菜单效果

    在Android开发中,创建弹出菜单是常见的交互方式,它能为用户提供简洁的操作选项。本教程将介绍如何在Android应用中实现一个简单的弹出菜单。 首先,我们需要在项目的Resources文件夹下创建一个新的menu子文件夹。...

    WillFlow_Menu

    本教程将深入讲解如何实现Android中的四种主要菜单类型:选项菜单(OptionMenu)、上下文菜单(ContextMenu)、弹出式菜单(PopupMenu)以及子菜单(SubMenu),以帮助开发者更好地构建交互丰富的应用界面。 ### 选项菜单...

    javascript弹出层

    以上就是使用JavaScript实现弹出层的基本方法,结合HTML和CSS,我们可以创建具有各种交互特性的弹出层,如提示框、模态窗口等。在实际项目中,可以考虑使用现有的库和插件,如jQuery UI的Dialog或Bootstrap的Modal,...

    Flex API 分布图

    进一步地,文档还提到了“PopUpMenuButton”和“PopUpButton”,这表明Flex框架提供了弹出菜单和弹出按钮的预制实现,它们可以与用户的交互进行响应,提供额外的选项或功能。例如,“PopUpMenuButton”有“data...

    自定义表格列头,利用PopupButton做的过滤界面

    PopupButton是一种交互元素,它可以在点击时弹出一个下拉菜单,展示更多的选项或操作,从而在有限的屏幕空间内提供丰富的功能。 首先,我们需要理解表格列头的自定义。在标准的表格组件中,列头通常仅显示列标题,...

    Flex常规控件和组件

    6. PopupButton:PopupButton 结合了 Button 和弹出菜单的功能,点击主按钮后,可以弹出一个 UIComponent 对象,例如一个下拉菜单。 7. RadioButton:RadioButton 提供了一组互相排斥的选择,用户只能选择其中之一...

    flex精通 flex入门

    最后,PopUpButton控件结合了Button和下拉菜单的功能,点击后可以弹出一个下拉列表供用户选择。 在实际应用中,这些控件的组合使用能构建出各种复杂的用户界面。例如,在上述示例代码中,我们看到一个评论表单的...

    PopupButton.zip

    PopupButton在Android开发中是一种常见的交互元素,它通常被用作一个按钮,点击后会弹出一个下拉菜单,展示多个可选项。在这个压缩包中,我们可以找到PopupButton的源码实现,这对于开发者来说是一个很好的学习资源...

    《Flex 3 组件实例与应用(2009版)》(PDF)

    PopupMenuBar在鼠标悬停时弹出菜单,提供额外的选项。 ### 文本控件(Text controls) #### Label Label用于静态文本显示,不支持用户输入。 #### RichTextEditor RichTextEditor组件提供了一个富文本编辑器,...

    flex开发工具的学习.txt

    - **PopUpButton**:弹出式按钮,通常用于下拉菜单等场景。 ##### 4. 其他组件 - **List**:列表控件,支持数据绑定。 - **NumericStepper**:数字步进器,用于数值范围的选择。 - **DateChooser**:日期选择器,...

    CSS3实现带阴影边框效果弹出窗口.zip

    在本资源"CSS3实现带阴影边框效果弹出窗口.zip"中,包含了一系列用于创建具有阴影边框效果的弹出窗口的代码和技术。这个压缩包主要包括四个文件:index.html、css、js和images,它们共同协作实现了这个功能。下面...

    flex quick starts

    - **PopupButton**:弹出式按钮,点击后可以弹出一个菜单。 #### Button 控件详解 Button 控件是最基础的交互按钮,可以通过设置不同的状态来改变其外观,例如按下、悬停等状态。Button 控件还可以设置为开关按钮,...

    FLex文档教程

    它结合了MXML(一种基于XML的标记语言)和ActionScript(基于ECMA 262的、强类型面向对象编程语言),使得开发者能够创建出功能丰富、视觉效果出众的应用程序。Flex的优势在于其广泛的组件库,以及与Flash平台的紧密...

    jQuery实现的悬停弹出遮罩显示按钮特效源码.zip

    本资源"jQuery实现的悬停弹出遮罩显示按钮特效源码.zip"提供了使用jQuery创建的一种悬停效果,当鼠标移到特定元素上时,会弹出一个遮罩层并显示相关按钮。这种效果常用于网页中的菜单、信息提示或者用户交互元素。 ...

    FlexBuilder教程.pdf

    Button响应点击事件,LinkButton用于打开URL,CheckBox和RadioButton用于选择,PopupButton通常用于打开下拉列表或菜单。 2. **基于列表的控件**: - 这些控件包括ComboBox、List、HorizontalList、DataGrid、...

    Flex Builder教程

    通过这样的方式,开发者可以利用Flex Builder和MXML高效地构建富互联网应用程序(RIA),并利用Flex的强大功能来创建出具有出色用户体验的产品。Flex的组件模型和数据绑定机制简化了开发流程,同时,Flex Builder的...

Global site tag (gtag.js) - Google Analytics