1、页面切换

  1. <?xml version="1.0" encoding="utf-8"?>
  2. <s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"
  3. xmlns:s="library://ns.adobe.com/flex/spark"
  4. xmlns:mx="library://ns.adobe.com/flex/mx"
  5. width="100%" height="100%">
  6. <s:layout>
  7. <s:BasicLayout/>
  8. </s:layout>
  9. <fx:Declarations>
  10. <!-- 将非可视元素(例如服务、值对象)放在此处 -->
  11. </fx:Declarations>
  12.  
  13. <fx:Script>
  14. <![CDATA[
  15. import mx.collections.ArrayCollection;
  16.  
  17. /**
  18. * 图的数据源绑定
  19. */
  20. [Bindable]
  21. private var chartArray:ArrayCollection = new ArrayCollection([
  22. {week:"星期一",apple:"451245",orange:"894544",peach:"451245"},
  23. {week:"星期二",apple:"985444",orange:"745445",peach:"989565"},
  24. {week:"星期三",apple:"124544",orange:"323565",peach:"323121"},
  25. {week:"星期四",apple:"895645",orange:"201212",peach:"542121"},
  26. {week:"星期五",apple:"325645",orange:"564545",peach:"656454"},
  27. {week:"星期六",apple:"564512",orange:"784545",peach:"845455"},
  28. {week:"星期日",apple:"784545",orange:"656232",peach:"124545"}
  29. ]);
  30.  
  31. /**
  32. * RadioButton 点击事件
  33. */
  34. protected function clickHandler(event:Event):void
  35. {
  36. if(radio_column.enabled)
  37. {
  38. column.height = 450;
  39. line.height = 0;
  40. }
  41. else if(radio_line.enabled)
  42. {
  43. column.height = 0;
  44. line.height = 450;
  45. }
  46. }
  47.  
  48. ]]>
  49. </fx:Script>
  50.  
  51. <mx:VBox id="vbox" width="100%" height="100%">
  52. <mx:VBox id="column_chart" width="100%" height="80%" paddingLeft="10" paddingRight="10"
  53. paddingTop="10">
  54. <mx:ColumnChart id="column" showDataTips="true" dataProvider="{chartArray}" width="100%" height="450">
  55. <mx:horizontalAxis>
  56. <mx:CategoryAxis categoryField="week" displayName="星期"/>
  57. </mx:horizontalAxis>
  58. <mx:series>
  59. <mx:ColumnSeries displayName="苹果" xField="week" yField="apple"/>
  60. <mx:ColumnSeries displayName="橘子" xField="week" yField="orange"/>
  61. <mx:ColumnSeries displayName="桃子" xField="week" yField="peach"/>
  62. </mx:series>
  63. </mx:ColumnChart>
  64. <mx:Legend dataProvider="{column}"/>
  65. </mx:VBox>
  66. <mx:VBox id="line_chart" width="100%" height="0" paddingLeft="10" paddingRight="10"
  67. paddingTop="10">
  68. <mx:LineChart id="line" showDataTips="true" dataProvider="{chartArray}" width="100%" height="100%">
  69. <mx:horizontalAxis>
  70. <mx:CategoryAxis categoryField="week" displayName="星期"/>
  71. </mx:horizontalAxis>
  72. <mx:series>
  73. <mx:LineSeries displayName="苹果" xField="week" yField="apple"/>
  74. <mx:LineSeries displayName="橘子" xField="week" yField="orange"/>
  75. <mx:LineSeries displayName="桃子" xField="week" yField="peach"/>
  76. </mx:series>
  77. </mx:LineChart>
  78. <mx:Legend dataProvider="{line}"/>
  79. </mx:VBox>
  80. <mx:HBox width="100%" height="30">
  81. <mx:RadioButton id="radio_column" name="chart" label="柱形图" click="clickHandler(event)"/>
  82. <mx:RadioButton id="radio_line" name="chart" label="折线图" change="clickHandler(event)"/>
  83. </mx:HBox>
  84. </mx:VBox>
  85. </s:Application>

2、页面结果

Flex中通过RadioButton进行切换的更多相关文章

  1. Flex中获取RadioButtonGroup中的RadioButton的值

    Flex中获取RadioButtonGroup中的RadioButton的值 1.设计源码 <?xml version="1.0" encoding="utf-8& ...

  2. Flex中设置Camera的视频清晰质量的最佳配合

    今天需要设置Flex中的Camera组件的一些属性,后来发现清晰度不是很高,于是捣鼓了上午半天,设置了很多的参数,竟然发现手册上就是有现成的一些设置方法,郁闷!不过我还是专门设置了几个有用和必要的属性 ...

  3. ArcGIS for Flex中引入google map作底图

    上篇文章到在ArcGIS View中引入google map,这里讲ArcGIS for Flex中引入google map作底图. 同样道理,以google map作底图,需要编写继承自TiledM ...

  4. jqGrid中实现radiobutton的两种做法

    http://blog.sina.com.cn/s/blog_4f925fc30102e27j.html   jqGrid中实现radiobutton的两种做法 ------------------- ...

  5. AS与JS相互通信(Flex中调用js函数)

    转载自http://www.blogjava.net/Alpha/archive/2009/06/27/284373.html Flex中As调用Js的方法是:     1.导入包 (import f ...

  6. SharedObject使用:在FluorineFx.net与Flex中使用共享对象维护在线用户列表实例【转】

    一.添加一个新的FluorineFx的服务类项目OnLineService,删除原有的Sample.cs,并添加一个用户类定义与一个ApplicationAdpater类:如下: /*-- User. ...

  7. Flex中NetConnection与NetStream的关系、及浏览器并发连接数测试[转]

    最近在做一个基于BS结构的视频会议系统,决定采用开源的FluorineFx.net与Flex结合的方法进行开发,前期开发都非常顺利,包括同步白板等.但到了实时视频传输的时候,原本设计是每个客户端可以显 ...

  8. Flex中 Array 的IndexOf 的作用

    Flex中 Array 的IndexOf 的作用 1.说明    indexOf用于在索引中从小到大查找,假设查得到就返回索引值,查不到就返回-1: 2.实例 (1)设计源代码 <?xml ve ...

  9. WPF的ListBox中的RadioButton不能单选问题

    WPF不知道是微软故意弄的还是真的匆忙的推出的产品,在实际开发过程中有很多小问题解决很麻烦. 今天主要说一下ListBox中使用RadioButton的时候里面的RadioButton不能单选!居然成 ...

随机推荐

  1. spring之构造注入

    第一种:通过构造name和value属性(不常用) <!-- userAction --> <bean id="userAction" class="c ...

  2. 使用localhost可以访问,但使用本地ip+端口号无法访问

    今天想使用ip访问本机的iview-admin项目,结果怎么配置都无法访问,根据iview工程执行的命令npm run dev了解到是webpack配置的问题,打开工程里的node_modules文件 ...

  3. java线程池原理及实现方式

    线程池的定义 线程池是一种多线程处理形式,处理过程中将任务添加到队列,然后在创建线程后自动启动这些任务.线程池线程都是后台线程 为什么要使用线程池 1.减少在创建和销毁线程上所花的时间以及系统资源的开 ...

  4. java HotSpot 内存管理白皮书

    原文见:http://www.open-open.com/lib/view/open1381034220705.html.查阅资料后,对原文做了补充. 文中关于JVM的介绍基于JDK1.6的Hotsp ...

  5. bzoj 4822: [Cqoi2017]老C的任务

    4822: [Cqoi2017]老C的任务 练手速... #include <iostream> #include <cstdio> #include <cstring& ...

  6. document.activeElement 过滤选择文件弹窗导致的页面失焦

    在线考试页面,常常需要检测用户是否作弊. 一般是监听页面是否失焦的方式,而失焦的方式有很多种,比如QQ弹窗,切换页面,切换程序,input文件上传选择文件等 选择文件是正常情况,这种情况下需要过滤 本 ...

  7. MySQL数据类型概念

    关系型数据库的特点 1,数据以表格的形式出现 2,每行为各种记录的名称 3,每列为数据名称所对应的数据域 4许多的行和列组成一张table 5若干的表单组成databases 术语 数据库:关联表的集 ...

  8. CA证书扫盲,https讲解。

    很多关于CA证书的讲解. 1.什么是CA证书. 看过一些博客,写的比较形象具体. ◇ 普通的介绍信 想必大伙儿都听说过介绍信的例子吧?假设 A 公司的张三先生要到 B 公司去拜访,但是 B 公司的所有 ...

  9. Win7 64位操作系统中搭建C/C++的编译环境

    通常使用IDE工具为 VS2010 .但是如果仅仅只是想在Windows中使用命令行对C/C++源码进行编译和运行.则需要使用 CL 命令方式或另外安装 Cygwin / MinWin 命令行编译器. ...

  10. 从此不再担心键盘遮住输入框OC(

    从此不再担心键盘遮住输入框OC(二) 字数544 阅读1492 评论15 喜欢25 在我发布这篇文章没多久之前,我发布了一篇叫 从此不再担心键盘遮住输入框OC(一)的文章.我在那篇文章中介绍了我的键盘 ...