手机版

Flex中通过单选按钮进行切换示例代码

时间:2021-11-11 来源:互联网 编辑:宝哥软件园 浏览:

1、页面切换复制代码代码如下:可扩展标记语言版本='1.0 '编码='utf-8 '?s 3360 APPLication xmlns : FX=' http://ns。土坯房。com/mxm/2009 ' xmlns :s=' library ://ns。土坯房。com/flex/spark ' xmlns : MX=' library ://ns。土坯房。com/flex/MX ' width=' 100% ' height=' 100% ' s 3360布局s : basikleaout//:布局fx3-将非可视元素(例如服务、值对象)放在此处-/FX :描述fx:Script![CDATA[导入MX。收藏品。arraycollection/** * 图的数据源绑定*/[可绑定]私有变量chartarra 3360 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: '星期日苹果:'784545 '、橘子:'656232 '、桃子: ' 124545 ' });/** *单选按钮点击事件*/受保护函数click handler(事件:事件): void { if(radio _ column。已启用){列。高度=450;排队。高度=0;} else if(radio _ line。已启用){列。高度=0;line.height=450} }]/FX :脚本MX : vbox id=' vbox ' width=' 100% ' height=' 100% ' MX : vbox id=' column _ chart ' width=' 100% ' height=' 80% ' padding left=' 10 ' padding right=' 10 ' padding top=' 10 ' MX :柱形图id=' column ' showDataTips=' true '数据提供程序=' { charterarray } '星期//MX :水平轴MX :系列MX :列系列显示名称='苹果xField=' week ' yField=' apple '/MX :列系列显示名称='橘子xField=' week ' yField=' orange '/MX :列系列显示名称='桃子xField=' week ' yField=' peach '/MX :系列/MX :柱形图MX :图例数据提供程序=' { column } //MX : vbox MX : vbox id=' line _ chart ' width=' 100% ' height=' 0 ' padding left=' 10 ' padding right=' 10 ' padding top=' 10 ' MX :折线图id=' line ' showDataTips=' true '星期//MX :水平轴MX :系列MX :系列显示名称='苹果xField=' week ' yField=' apple '/MX : line series显示名称='橘子xField=' week ' y field=橙色'/MX :系列显示名称='桃子xField=' week ' y field=' peach '/MX :系列/MX :折线图MX :图例数据提供程序=' { line } '//MX : vbox MX : hbox宽度='100% '高度=' 30 ' MX :单选按钮id=' radio _ column '名称=' chart '标签='柱形图click=' click handler(事件)'/MX :单选按钮id=' radio _ line ' name=' chart ' label='折线图change=' click handler(事件)'//MX : hbox/MX : vbox/s :应用程序2、页面结果

版权声明:Flex中通过单选按钮进行切换示例代码是由宝哥软件园云端程序自动收集整理而来。如果本文侵犯了你的权益,请联系本站底部QQ或者邮箱删除。