http://yecon.blog.hexun.com/36798900_d.html
使用 Adobe Flex 产品线的时候，采用图表和图形来展示数据会使用户与数据的交互更加容易。相对简单的数字表格来说，可以使用表示数据的不同颜色、标题、线条来展示条形图、饼图、线图等等。
图表控件是 Adobe Flash Builder 专业版的特性。也可以在 Falsh Builder 标准版中创建图表，但是图表控件上面会有一个水印。
数据可视化使用简单的数据交互和数据关系展示数据。图表是数据可视化方式的一种，它可以创建二维的数据表示。 Flex 提供一些最常用的数据图表类型（如条形图、饼图等），并且提供强大的图表表示控制方式。
一个简单图表展示了单独的数据序列，由一些相关数据点组成。例如，一个数据序列可能是月销售收入或酒店日入住率。
更多 Flex 示例，请访问 http://www.slsay.com
使用图表控件
Flex 图表控件可以创建一些最常用的图表类型，并且自定义其表现形式。图表控件在 mx.charts.* 包中。
下表列出了提供 Flex 提供的图表类型、控件类名以及用来定义每个图表的数据表示的序列类名。
图表类型
图表控件类
图表序列类
Area
AreaChart
AreaSeries
Bar
BarChart
BarSeries
Bubble
BubbleCha ......
1、自定义组件
2、自定义事件
3、结合使用
一、自定义组件（使用的是Flex组件，ActionScript组件相对麻烦点，可视化差点）
该组件由一个TextArea和两个Button组成，如图：
代码：
MyComponent.mxml
<?xml version="1.0" encoding="utf-8"?>
<mx:Canvas xmlns:mx="http://www.adobe.com/2006/mxml" width="180" height="94" creationComplete="initComponent()">
<mx:Metadata>
/**
* 1. 编译期间执行
* 2. 自定义组件一般可以通过dispatchEvent委派parent来处理某个事件，这就需要在parent中设置一个addEventLister来监听事件。
* 就像Button的Event.CLICK事件，除了可以通过addEventLister(Event.CLICK, clickHandle)来监听处理外，在Flex组件中还可以
* 直接 mx:Button click="clickHandle(event)" / 。怎么定义自定义组件也可以达到如此效果呢？
* 2.1) 内部声明：[Event(name="commit",type ="laxino.MyEvent")]，type是指事件的类型（如1的类型是int,'aaa'的类型是String）,name是指
* Event中的构造函数中type。
* 2.2) 外部使用：commit="commitHandle(myEvent)"是指为该组件注册了一个监听器，监听名字 ......
将 Stage 的 displayState
属性设置为 StageDisplayState.FULL_SCREEN_INTERACTIVE
会将窗口置于全屏模式，在此模式下允许
键盘输入（在浏览器中运行的 SWF 内容中，不允许键盘输入）。若要退出全屏模式，用户需要按 Esc 键。
例如，以下 Flex 代码定义用于设置简单全屏端点的简单 AIR 应用程序：
<?xml version="1.0" encoding="utf-8"?>
<mx:WindowedApplication xmlns:mx="http://www.adobe.com/2006/mxml"
layout="vertical"
applicationComplete="init()" backgroundColor="0x003030" focusRect="false">
<mx:Script>
<![CDATA[
private function init():void
{
stage.displayState = StageDisplayState.FULL_SCREEN_INTERACTIVE;
focusManager.setFocus(terminal);
terminal.text = "Welcome to the dumb terminal app. Press the ESC key to exit..\n";
terminal.selectionBeginIndex = terminal.text.le ......
ArrayCollection转成xml类型示例
下面模拟一组数据exams,将其转化为xml形式.详细代码见下：
Xml代码
<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" fontSize="12" creationComplete="init()">
<mx:Style source="style/Smoke.css"/>
<mx:Script>
<![CDATA[
import mx.collections.ArrayCollection;
[Bindable]private var shijxml:XML;
private function init():void{
& ......
ArrayCollection转成xml类型示例
下面模拟一组数据exams,将其转化为xml形式.详细代码见下：
Xml代码
<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" fontSize="12" creationComplete="init()">
<mx:Style source="style/Smoke.css"/>
<mx:Script>
<![CDATA[
import mx.collections.ArrayCollection;
[Bindable]private var shijxml:XML;
private function init():void{
& ......
Blinds.as
package effects
{
import effects.effectClasses.BlindsInstance;
import mx.controls.scrollClasses.ScrollBarDirection;
import mx.effects.IEffectInstance;
import mx.effects.TweenEffect;
public class Blinds extends TweenEffect
{
private static var AFFECTED_PROPERTIES:Array = ["mask"];
public function Blinds(target:Object=null)
{
super(target);
instanceClass = BlindsInstance;
}
public var direction:String = ScrollBarDirection.VERTICAL;
public var blindsfrom:Number;
public var blindsTo:Number;
public var gapfrom:Number;
public var gapTo:Number;
override public function getAffectedProperties():Array
{
return AFFECTED_PROPERTIES;
}
override protected function initInstance(instance:IEffectInstan ......
今天才知道CMarkup可以直接解析字符串形式的XML。以前都是先存入一个文件，然后从文件中load。多做了I/O操作，效率不高。
CMarkup xml;
CString str;
xml.SetDoc(str);
tinyXml也可以直接解析XML字符串，方式如下：
// directly parsing string with tinyxml
const char* content = "<root><elem name=\"aaa\"/></root>";
TiXmlDocument *doc = new TiXmlDocument();
doc->Parse(content);
if (&doc == NULL)
cout << "doc == NULL" << endl;
TiXmlHandle docHandle(doc);
TiXmlNode * root = docHandle.FirstChild("root").ToElement();
TiXmlNode * elemNode = root->FirstChild( "elem" );
TiXmlElement * elemElem = elemNode->ToElement(); & ......
最新文章 :