Flex中通过RadioButton进行切换
1、页面切换
- <?xml version="1.0" encoding="utf-8"?>
- <s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"
- xmlns:s="library://ns.adobe.com/flex/spark"
- xmlns:mx="library://ns.adobe.com/flex/mx"
- width="100%" height="100%">
- <s:layout>
- <s:BasicLayout/>
- </s:layout>
- <fx:Declarations>
- <!-- 将非可视元素(例如服务、值对象)放在此处 -->
- </fx:Declarations>
- <fx:Script>
- <![CDATA[
- import mx.collections.ArrayCollection;
- /**
- * 图的数据源绑定
- */
- [Bindable]
- private var chartArray:ArrayCollection = new ArrayCollection([
- {week:"星期一",apple:"451245",orange:"894544",peach:"451245"},
- {week:"星期二",apple:"985444",orange:"745445",peach:"989565"},
- {week:"星期三",apple:"124544",orange:"323565",peach:"323121"},
- {week:"星期四",apple:"895645",orange:"201212",peach:"542121"},
- {week:"星期五",apple:"325645",orange:"564545",peach:"656454"},
- {week:"星期六",apple:"564512",orange:"784545",peach:"845455"},
- {week:"星期日",apple:"784545",orange:"656232",peach:"124545"}
- ]);
- /**
- * RadioButton 点击事件
- */
- protected function clickHandler(event:Event):void
- {
- if(radio_column.enabled)
- {
- column.height = 450;
- line.height = 0;
- }
- else if(radio_line.enabled)
- {
- column.height = 0;
- line.height = 450;
- }
- }
- ]]>
- </fx:Script>
- <mx:VBox id="vbox" width="100%" height="100%">
- <mx:VBox id="column_chart" width="100%" height="80%" paddingLeft="10" paddingRight="10"
- paddingTop="10">
- <mx:ColumnChart id="column" showDataTips="true" dataProvider="{chartArray}" width="100%" height="450">
- <mx:horizontalAxis>
- <mx:CategoryAxis categoryField="week" displayName="星期"/>
- </mx:horizontalAxis>
- <mx:series>
- <mx:ColumnSeries displayName="苹果" xField="week" yField="apple"/>
- <mx:ColumnSeries displayName="橘子" xField="week" yField="orange"/>
- <mx:ColumnSeries displayName="桃子" xField="week" yField="peach"/>
- </mx:series>
- </mx:ColumnChart>
- <mx:Legend dataProvider="{column}"/>
- </mx:VBox>
- <mx:VBox id="line_chart" width="100%" height="0" paddingLeft="10" paddingRight="10"
- paddingTop="10">
- <mx:LineChart id="line" showDataTips="true" dataProvider="{chartArray}" width="100%" height="100%">
- <mx:horizontalAxis>
- <mx:CategoryAxis categoryField="week" displayName="星期"/>
- </mx:horizontalAxis>
- <mx:series>
- <mx:LineSeries displayName="苹果" xField="week" yField="apple"/>
- <mx:LineSeries displayName="橘子" xField="week" yField="orange"/>
- <mx:LineSeries displayName="桃子" xField="week" yField="peach"/>
- </mx:series>
- </mx:LineChart>
- <mx:Legend dataProvider="{line}"/>
- </mx:VBox>
- <mx:HBox width="100%" height="30">
- <mx:RadioButton id="radio_column" name="chart" label="柱形图" click="clickHandler(event)"/>
- <mx:RadioButton id="radio_line" name="chart" label="折线图" change="clickHandler(event)"/>
- </mx:HBox>
- </mx:VBox>
- </s:Application>
2、页面结果
Flex中通过RadioButton进行切换的更多相关文章
- Flex中获取RadioButtonGroup中的RadioButton的值
Flex中获取RadioButtonGroup中的RadioButton的值 1.设计源码 <?xml version="1.0" encoding="utf-8& ...
- Flex中设置Camera的视频清晰质量的最佳配合
今天需要设置Flex中的Camera组件的一些属性,后来发现清晰度不是很高,于是捣鼓了上午半天,设置了很多的参数,竟然发现手册上就是有现成的一些设置方法,郁闷!不过我还是专门设置了几个有用和必要的属性 ...
- ArcGIS for Flex中引入google map作底图
上篇文章到在ArcGIS View中引入google map,这里讲ArcGIS for Flex中引入google map作底图. 同样道理,以google map作底图,需要编写继承自TiledM ...
- jqGrid中实现radiobutton的两种做法
http://blog.sina.com.cn/s/blog_4f925fc30102e27j.html jqGrid中实现radiobutton的两种做法 ------------------- ...
- AS与JS相互通信(Flex中调用js函数)
转载自http://www.blogjava.net/Alpha/archive/2009/06/27/284373.html Flex中As调用Js的方法是: 1.导入包 (import f ...
- SharedObject使用:在FluorineFx.net与Flex中使用共享对象维护在线用户列表实例【转】
一.添加一个新的FluorineFx的服务类项目OnLineService,删除原有的Sample.cs,并添加一个用户类定义与一个ApplicationAdpater类:如下: /*-- User. ...
- Flex中NetConnection与NetStream的关系、及浏览器并发连接数测试[转]
最近在做一个基于BS结构的视频会议系统,决定采用开源的FluorineFx.net与Flex结合的方法进行开发,前期开发都非常顺利,包括同步白板等.但到了实时视频传输的时候,原本设计是每个客户端可以显 ...
- Flex中 Array 的IndexOf 的作用
Flex中 Array 的IndexOf 的作用 1.说明 indexOf用于在索引中从小到大查找,假设查得到就返回索引值,查不到就返回-1: 2.实例 (1)设计源代码 <?xml ve ...
- WPF的ListBox中的RadioButton不能单选问题
WPF不知道是微软故意弄的还是真的匆忙的推出的产品,在实际开发过程中有很多小问题解决很麻烦. 今天主要说一下ListBox中使用RadioButton的时候里面的RadioButton不能单选!居然成 ...
随机推荐
- spring之构造注入
第一种:通过构造name和value属性(不常用) <!-- userAction --> <bean id="userAction" class="c ...
- 使用localhost可以访问,但使用本地ip+端口号无法访问
今天想使用ip访问本机的iview-admin项目,结果怎么配置都无法访问,根据iview工程执行的命令npm run dev了解到是webpack配置的问题,打开工程里的node_modules文件 ...
- java线程池原理及实现方式
线程池的定义 线程池是一种多线程处理形式,处理过程中将任务添加到队列,然后在创建线程后自动启动这些任务.线程池线程都是后台线程 为什么要使用线程池 1.减少在创建和销毁线程上所花的时间以及系统资源的开 ...
- java HotSpot 内存管理白皮书
原文见:http://www.open-open.com/lib/view/open1381034220705.html.查阅资料后,对原文做了补充. 文中关于JVM的介绍基于JDK1.6的Hotsp ...
- bzoj 4822: [Cqoi2017]老C的任务
4822: [Cqoi2017]老C的任务 练手速... #include <iostream> #include <cstdio> #include <cstring& ...
- document.activeElement 过滤选择文件弹窗导致的页面失焦
在线考试页面,常常需要检测用户是否作弊. 一般是监听页面是否失焦的方式,而失焦的方式有很多种,比如QQ弹窗,切换页面,切换程序,input文件上传选择文件等 选择文件是正常情况,这种情况下需要过滤 本 ...
- MySQL数据类型概念
关系型数据库的特点 1,数据以表格的形式出现 2,每行为各种记录的名称 3,每列为数据名称所对应的数据域 4许多的行和列组成一张table 5若干的表单组成databases 术语 数据库:关联表的集 ...
- CA证书扫盲,https讲解。
很多关于CA证书的讲解. 1.什么是CA证书. 看过一些博客,写的比较形象具体. ◇ 普通的介绍信 想必大伙儿都听说过介绍信的例子吧?假设 A 公司的张三先生要到 B 公司去拜访,但是 B 公司的所有 ...
- Win7 64位操作系统中搭建C/C++的编译环境
通常使用IDE工具为 VS2010 .但是如果仅仅只是想在Windows中使用命令行对C/C++源码进行编译和运行.则需要使用 CL 命令方式或另外安装 Cygwin / MinWin 命令行编译器. ...
- 从此不再担心键盘遮住输入框OC(
从此不再担心键盘遮住输入框OC(二) 字数544 阅读1492 评论15 喜欢25 在我发布这篇文章没多久之前,我发布了一篇叫 从此不再担心键盘遮住输入框OC(一)的文章.我在那篇文章中介绍了我的键盘 ...