flex导航条MenuBar
<?xml version="1.0"?>
<!-- Simple example to demonstrate the MenuBar control. -->
<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" data="top">
<menuitem label="MenuItem 1-A" data="1A"/>
<menuitem label="MenuItem 1-B" data="1B"/>
</menuitem>
<menuitem label="Menu2" data="top">
<menuitem label="MenuItem 2-A" type="check" data="2A"/>
<menuitem type="separator"/>
<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>
</menuitem>
</>;
// Event handler to initialize the MenuBar control.
private function initCollections():void {
menuBarCollection = new XMLListCollection(menubarXML);
}
// Event handler for the MenuBar control's itemClick event.
private function menuHandler(event:MenuEvent):void {
// Don't open the Alert for a menu bar item that
// opens a popup submenu.
if (event.item.@data != "top") {
Alert.show("Label: " + event.item.@label + "\n" +
"Data: " + event.item.@data, "Clicked menu item");
}
}
]]>
</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>
flex导航条MenuBar相关推荐
- html-css13 flex弹性盒 W3school导航条另一种写法 淘宝的导航条
flex弹性盒 <!DOCTYPE html> <html lang="en"><head><meta charset="UTF ...
- android底部导航栏svg,vue开发移动端底部导航条功能
效果图 src/app.vue 头部导航 内容区域 import Tabbar from 'components/tabbar'; export default { name: 'App', comp ...
- vuejs切换导航条高亮路由高亮做法
我的GitHub前端经验总结,喜欢的话请点star✨✨Thanks.:https://github.com/liangfengbo/frontend-develop vuejs导航条高亮我的做法: 用 ...
- 小程序的横向二级顶部导航条,可以切换、拖动、二级定位在一级的下面,高度怎么办
项目场景: **做一个小程序的横向二级顶部导航条,可以切换.拖动.二级定位在一级的下面** 问题描述: 我只能设置scroll-view的高度,不然不显示二级菜单 这是html代码 <view ...
- W3school导航条实现的两种方法
W3school导航条实现的两种方法(浮动,弹性布局) 1.用浮动实现 <!DOCTYPE html> <html lang="en"> <head& ...
- HTML+CSS实现导航条
HTML+CSS实现导航条: 点我进群 一起学习交流!(群里有许多的学习资料,我做过的一些网页我都上传在群里了,需要的直接下载就可以了) QQ群:722384575 1.HTML部分源代码如下 ...
- 使用QML自绘页面导航条
使用QML自绘页面导航条 最近使用QML制作项目,按照要求,需要制作成分页的插件.遗憾的是,QML的控件库Qt Quick都没有现成的控件,于是我尝试着自己实现自绘页面导航条. 原创文章,反对未声明的 ...
- H5移动端div固定到底部实现底部导航条的几种方式
H5移动端div固定到底部实现底部导航条的几种方式 需求: 需要把导航固定在底部?只能滑动内容,导航菜单固定不动的.效果如下: 这篇文章主要讲解三种实现方案,包括:fixed,absolute,以及c ...
- 微信小程序中实现点击导航条切换页面(可左右滑动视图)
我录制了个gif如下,黄色部分是不可以滑动的,蓝色部分可以滑动. 代码解说: 首先我在js自定义了navState参数用于判断导航的当前状态, 定义了data-index用于js中动态修改导航的当前状 ...
最新文章
- FragmentTabHost中子项Fragment加载题
- python list学习笔记
- linux sqlite图形工具,Linux操作系统下的几款svn gui工具介绍
- 006_全局异常处理器
- 使用NLPIR 进行中文分词并标注词性
- VB.NET实现DirectPlay(3)Find HOSTs
- corda_使用Spring WebFlux从Corda节点流式传输数据
- C语言预处理命令分类和工作原理
- metrics的timer功能在java项目中的使用方法
- 意外的服务器响应pdf,服务器安全(安骑士).pdf
- HDU 3507 Print Article(单调队列)
- linux在哪里储存变量值,关于linux:在bash中,如何在变量中存储返回值?
- MySQL ODBC驱动简介
- 同步IO和异步IO的区别
- Nas初体验(黑群晖实战)
- WINDOWS SERVER 2016 设置使用照片查看器查看图片
- 服务器win10系统开机慢,三种方法教你解决Win10系统开机慢,爱纯净官网
- 一文详解知识图谱关键技术与应用 | 公开课笔记
- 删除桌面上出现无文件名图标的方法
- 电脑技巧:Win7、Win10、Win11如何选择,看完你就懂了
热门文章
- 51单片机开发工具的安装
- pdfGPT|无需阅读,让 PDF 和自己对话
- 3D游戏建模性感女神!向安吉丽娜朱莉的神颜致敬!| 模型欣赏
- 【转】APT攻击检测与防御详解
- VSir视频监控软件常见问题答疑
- std::lock_guard使用案例及常用系统函数调用案例
- 哈工大“科研神器”被禁,中国量子计算等高科技研发会受到什么影响?
- JS中setter/getter理解
- 计算机信息安全与管理专业相关证书,通过信息安全专业认证高校名单一览表
- 第二届腾讯Light·公益创新挑战赛启动,三大赛题聚焦可持续发展社会价值