mxml是一个可以让你在adobe flex中布局用户界面组件的一种xml语言,你也可以使用mxml声明来定义程序中的非可视化组件,安装好flex development 后,你就可以轻松的结合php完成一个flash曲线图.
先从php入手:
flex 和php的交互最常用的就是和xml的交互,就是用php生成xml,然后用flex去读取并且显示,我们以xml的形式先写一个帐目详单的数据,代码如下:
header(content-type: text/xml); $arr = array( array('day'=>'01','sum'=>'153.1'), array('day'=>'02','sum'=>'882.86'), array('day'=>'03','sum'=>'456.9'), array('day'=>'04','sum'=>'717.7'), array('day'=>'05','sum'=>'255.1'), array('day'=>'06','sum'=>'533.1') ); $xml_return .= ; foreach ( $arr as $use){ $xml_return .={$use['sum']}{$use['day']} ; }$xml_return.= ; echo $xml_return;
显示6个月的消费记录,$arr也可以是从数据库读出来的数据,这里只是作为一个例子,所以直接给一个数组赋值.
- - 153.1 01 - 882.86 02 - 456.9 03 - 717.7 04 - 255.1 05 - 533.1 06
php部分就完成了,接下来是写mxml,实例代码如下:
逐一解释一下:
application //mxml应用程序开头 creationcomplete=getaccount() //代表页面加载完成后 执行 getaccount函数 〈mx:httpservice id=listrequest url= useproxy=false method=post〉 〈mx:request xmlns=〉 〈/mx:request〉 〈/mx:httpservice〉 //则是一个http的请求，发送post到一个php文件 去获取数据 mx:script //mxml里面的脚本 都用 包含进去 下面分析下getaccount函数:public function getaccount():void{ listrequest.url='http://localhost/arr.php'; listrequest.send(); } //列出了 httpservice 请求地址是 http://localhost/arr.php //你同样也可以写成相对路径 比如 listrequest.url='./arr.php'; mx:linechart //是一个 曲线 组件，我们可以直接拿来使用 dataprovider ：数据源：listrequest.lastresult.bills.bill bills.bill 是xml里面的标签 mx:lineseries displayname=每日消费 yfield=sum xfield=name //则定义了 横纵坐标的值。 //sum name 就是xml里面的数据的标签
文章地址:
转载随意^^请带上本文地址!