在Flex Chaet 中绘制3D图表
前一阵在论坛上看到一个兄弟，想在Flex Chart中为图例设置3D效果,近几天查找了些资料，动手做了个DEMO供大家参考!
DEMO演示地址http://xingjunli.webs.com/flash/flexChartDemo.swf,先来个图片看看最终效果:
相关知识点
1、图表使用的我就不多做介绍了，网上也很多官方也有不错的教程(参考:Skinning ChartItem objects );
2、要自定义图表Series,我们要做的就是重写ProgrammaticSkin基类并实现IDataRenderer接口方法中的updateDisplayList方法,在Series中应用我们自定义的外观类“drawhelper.histogramSkin”就好了如:
<mx:ColumnSeries showDataEffect="slideIn" hideDataEffect="slideOut" xField="label" yField="value" itemRenderer="drawhelper.histogramSkin" />
3、我们这里使用Graphic在2D场景中绘制（3D）立方体的方式绘制Series，先理解应用3D坐标(在Series中绘制是从下向上绘制的所你看到的绘制过程中坐标系刚好是倒转过来的)如图:
实现过程及代码:
1、自定义立方图外观类：
package drawhelper
{
import flash.geom.Point;
import mx.charts.series.items.ColumnSeriesItem;
import mx.core.IDataRenderer;
import mx.skins.ProgrammaticSkin;
public class solidSkin extends ProgrammaticSkin implements IDataRenderer
{
private var colors:Array = [0x60cb00,0x6a7a88,0x3698ff,0x66a800,0xff6600,0x655fc8,0xd2691e];
private var _chartItem:ColumnSeriesItem;
public function solidSkin()
{
super();
}
public function get data():Object
{
return Object(_chartItem);
}
public function set data(value:Object):void
{
_chartItem = value as ColumnSeriesItem;
invalidateDisplayList();
}
override protected function updateDisplayList(unscaledWidth:Number, unscaledHeight:Number):void
{
super.updateDisplayList(unscaledWidth,unscaledHeight);
this.graphics.clear();
var points:Array = getPoints
相关文档：
http://elromdesign.com/blog/2010/03/10/test-driven-development-tdd-with-flexunit-4-complete-tutorial/
本来是打算完整的翻译完成这篇博文的，一边翻译，一边谈谈自己对驱动测试开发的理解。 当然我的理解和原文作者的理解不一定一样，但是至少，我们都承认开发得是测试驱动的。 然而CSDN的博客系统是实在不能理解【� ......
Flex中Image加载图片出错时显示默认图片的方法主要有以下几种：
方法一：利用 brokenImageSkin 风格显示一个默认的图，只需设置CSS就行了，如下：
<mx:Style>
Image {
brokenImageSkin: Embed("assets/404.jpg");
}
</m ......
今天在修改一个游戏bug问题的时候遇到的
这游戏本来是中文版的，后来被翻译成英文了，英文的字符串的长度一般都会比中文的字符多的，所以很多情况下要加滚动条了
今天又有个显示文字不全的，原本用的是text标签的那个不能显示滚动条所以用textarea替换掉了，可是竟然没有反应不显示滚动条
郁闷！！！！
我添加了 ......
只是简单实现了一下计算。主要是练下手。
实现了鼠标跟键盘的事件响应。
-----------------------------
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute"
width="198" height="224" fontSize="12" themeColor="#4D8853" borderColor="#B1C2CE" backgroundGradientAlphas="[1.0, 1. ......
先用现成的组件玩一下，一会再去看看组件源码研究一下。
http://code.google.com/p/flex-iframe/
下载了flexiframe.swc，引入工程。
flex代码
<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"
layout="absolute"
......
