BlogJava-Thinking in MyLife-文章分类-Flex

alert

leoli — Wed, 25 Jul 2007 09:16:00 GMT

你需要先导入Alert类： import mx.controls.Alert;

然后在想要弹出警告的时候使用：
Alert.show(“你确定要退出系统吗?”,“确认”,Alert.YES|Alert.NO,null,logout)

参数说明：第一个参数是要显示的文本，第二个参数是窗口的标题，这两个参数是最经常用的。第三个参数是按钮，默认是两个：YEW 和 NO，当然你也可以自定义，比如Alert.CANCEL，第四个参数是父窗口，默认为null。第五个参数是窗口关闭后调用的函数名，如果你想要在点击确定之后触发什么事件，就需要定义这个参数。这里我要调用logout，请注意，不要在这里写logout()。（没有括号）logout 函数如下：

private function logout(event:CloseEvent):void
{
    if(event.detail == Alert.YES)
    {
        // 具体操作
    }
}

因为这个函数是触发的，所以参数是一个CloseEvent 。“event.detail == Alert.YES” 这行代码判断点击的是不是确定按钮。CloseEvent 中的 detail 属性专门判断点击了哪个按钮，这样就可以用户的点击控制代码。

leoli 2007-07-25 17:16 发表评论

flex 's bug (can't post data ie)

leoli — Tue, 24 Jul 2007 07:10:00 GMT

I’ve found another bug in Flash. I wanted to POST to another site through getURL (I need open new window with some statistics, and must post data as input). I’m using FireFox, but this application must work in IE, so I’ve tested it in there and data was not POSTed. Through GET it works. So I’ve tried many possible solutions, and finally I’ve found, that this is problem of FRAMESET in IE. I’ve tested only IE and FireFox. If you can, please test it with another browsers, and let me know.

http://www.franto.com/blog2/cant-post-data-in-internet-explorer
http://www.franto.com/blog2/cant-post-data-in-internet-explorer?pid=73&rate=2

flex2.0
性能
改善性能
避免多层嵌套容器
一条好经验是避免容器的嵌套超过三层
用 spacer 对象来填充不需要的空白
绝对定位和缩放
每个容器及其子对象大小和位置的计算会占用大量资源
对象位置固定编码
使用 Canvas 容器，其它类型的容器（如 Vbox）无法使用绝对位置
将对象宽度和高度固定编码
可减轻相对布局管理器的处理负荷，从而加速容器和控件的创建
避免的常见容器冗余
标签中的 VBox 容器
标签中的 VBox
容器作为 MXML 组件的顶层标签,能不用时可以舍弃
MXML 组件外包上不必要的 VBox 容器来设置某些样式,可以在组件上设置样式
重新评价对容器的选择
改善性能感受
推迟实例化
在可以不必一个屏幕显示时可以使用
Flex 中的导航条容器（ViewStack、Accordin、TabNavigator）中内置了推迟实例化,默认推迟实例化
creationPolicy="auto,all,none"
渐进式布局
需要一个屏幕显示,但重绘有效率低时
使用运行时样式得到良好性能(不宜多用)
注意:第一次最好不要使用setStyle() 方法
样式使用
块中(作为 MXML 标签的一个显式属性)
外部 CSS 样式表,(全局样式)
数据服务
flash 安全沙箱
由于 Flash Player 安全沙箱的存在，对 web 服务的请求只能到加载 SWF 文件的同一个域。
使用代理(不在同一主机或域)
useProxy="true"属性直接调用服务。
不使用代理(在同一主机或域)
useProxy="false"属性直接调用服务。终端服务必须有 crossdomain.xml 文件。
两种性能最好的发送数据方法是使用 HTTPService 的 XML 和使用 AMF 的 RemoteObject。
Web 服务代理
远程对象代理
HTTP 服务
实施
预编译 MXML 页
预编译应用程序还能使开发者分发不带源码的应用程序。

flex
1.在 mx.swc 看原类中的一些函数
2. cellRenderer,labelFunction
查看 CellRenderer API
3.Effect 使用改变显示效果
mouseDownEffect
mouseOverEffect
mouseUpEffect
moveEffect
resizeEffect
showEffect
mouseOutEffect
hideEffect
3.其它技巧看 flexbook

JavaScript
1.直接使用 getUrl 使用JavaScript
打开全屏窗口
getUrl(javascript:void(window.open('test.mxml','newwindow','fullscreen=yes,type=fullWindow,scrollbars=no,directories=no,status=no,menubar=no')));
关闭当前窗口(无提示关闭)
getUrl(javascript:window.opener = 'dsg';window.close(););
2.在生成的html 文件中加入 JavaScript ,通过 getUrl使用 JavaScript

leoli 2007-07-24 15:10 发表评论

转 http://www.nshen.net/blog/article.asp?id=495 flex tip

leoli — Tue, 15 May 2007 03:22:00 GMT

原文地址：http://www.kirupa.com/forum/showthread.php?t=223798
原文作者：senocular

原文目录：

1. Change the frame rate of your movie
2. Abstract Classes
3. Deep Object Copies with ByteArray
4. Determine Instance Class or Superclass
5. Multiple Arguments in trace()
6. Loading Text and XML with URLLoader
7. Get Sound Spectrum Information
8. Garbage Collection: Reference Counting & Mark and Sweep
9. Weak References
10. MXMLC: SWF Metadata Tag
11. TextField.appendText()
12. Access to stage and root
13. No More Color Class; Use ColorTransform
14. Array.indexOf (Array.lastIndexOf())
15. System.totalMemory
16. Closing Net Connections
17. AVM2 (AS3) to AVM1 (AS2/AS1) Communication via LocalConnection
18. Class member enumeration
19. Key.isDown in AS3
20. Scale and Alpha Ranges
21. Available ActionScript packages
22. Numeric Calculations: Number vs. int Speed
23. Getting Around globally accessible _root and _global
24. ActionScript 2 to ActionScript 3 Converter
25. Accessing FlashVars and HTML Parameters
26. ActionScript Speed Through Typing
27. LivePreview and the LivePreviewParent class
28. Flex Component Kit for Flash CS3
29. Loading URL encoded Variables
30. Interactive Masks
31. No _lockroot

General:

1. 动态改变帧频：

// change frame rate to 12 fps:
stage.frameRate = 12;

2. Abstract Classes

as3不支持抽象类，但有几个内置的抽象类

DisplayObject
InteractiveObject
DisplayObjectContainer
Graphics

as3中这意味着不能实例化这些类，也不能继承他们 ,以下为错误操作：

// 错误1

var myObj:InteractiveObject = new InteractiveObject(); // ERROR

// 错误2

package {
import flash.display.DisplayObject;
public class MyDisplay extends DisplayObject{
public function MyDisplay (){
// ERROR
}
}
}

3. Deep Object Copies with ByteArray

as3中很容易使用(flash.utils.ByteArray)类来进行对象的深拷贝，深拷贝不只拷贝引用，而是拷贝整个相关对象，

例如一个array里包含一个object引用，这个object也将被拷贝

注意：这个方法通常用来拷贝一般的object

拷贝函数：

function clone(source:Object):* {
var copier:ByteArray = new ByteArray();
copier.writeObject(source);
copier.position = 0;
return(copier.readObject());
}

使用方法：

newObjectCopy = clone(originalObject);

4. Determine Instance Class or Superclass

as3中可以很容易的获取某个实例所属的类和父类的类名，使用这两个方法

getQualifiedClassName (flash.utils.getQualifiedClassName).
getQualifiedSuperclassName (flash.utils.getQualifiedSuperclassName)
var sprite:Sprite = new Sprite();
trace(getQualifiedClassName(sprite)); // "flash.display::Sprite
trace(getQualifiedSuperclassName(sprite)); // "flash.display::DisplayObjectContainer"

你甚至可以由字符串获得类的引用，使用这个方法

getDefinitionByName (flash.utils.getDefinitionByName).
getDefinitionByName("flash.display::Sprite")); // [class Sprite]

5. Multiple Arguments in trace()

as3
trace(value1, value2, value3);
as1,as2
trace([value1, value2, value3]);

6. Loading Text and XML with URLLoader

var loader:URLLoader;
// ...
loader = new URLLoader();
loader.addEventListener(Event.COMPLETE, xmlLoaded);

var request:URLRequest = new URLRequest("file.xml");
loader.load(request);
//...
function xmlLoaded(event:Event):void {
var myXML:XML = new XML(loader.data);
//...
}

7.Get Sound Spectrum Information

(flash.media.SoundMixer)类的computeSpectrum静态方法可以把正在播放的声谱信息转成ByteArray，由此你可以想到办法把声谱可视化显示出来

// play sound...
var spectrumInfo:ByteArray = new ByteArray();
SoundMixer.computeSpectrum(spectrumInfo);
// spectrumInfo is now a byte array with sound spectrum info

具体可视化的方法可以看swfdong那里的教程：）

8. Garbage Collection: Reference Counting & Mark and Sweep

垃圾回收机制包含两个关键：

（1）Reference Counting （引用数）：

引用数就是在内存中引用同一个object的变量多少，每增加一个变量引用该object，引用数就+1
var a:Object = new Object(); // new Object in memory given reference count of 1
var b:Object = a; // Object now has reference count of 2
无论什么时候，当没有变量引用该object的时候，垃圾回收就会把他们回收了
delete a; // Object has reference count of 1
delete b; // Object has reference count of 0, removed from memory
注意delete只能删除非成员变量，而且删除的是引用该object的变量而不是将object从内存中删除，那是垃圾回收器要做的事
看下边这种情况：
var a:Object = new Object(); // reference(a) count 1
var b:Object = new Object(); // reference(b) count 1
a.b = b; // reference(b) count 2
b.a = a; // reference(a) count 2
delete a; // reference(a) count 1
delete b; // reference(b) count 1
虽然a和b变量被删除了，而且我们再也不能用程序访问到他们了，但他们仍然存留在内存中~这种情况下垃圾回首器就没有办法了吗？错！这是记号清理要做的！

（2）Mark and Sweep （记号清理）：

Mark and Sweep简单来说就是一种扫描机制，如下图，从root开始，扫到对象就mark一下，并扫描这个对象，等待全扫描完了，没有mark的自然是没有用的了，就会被从内存中删掉了.
[root] <- scan...
[objectRef (marked)] <- scan...
[objectRef (marked)] <- scan...
[objectRef (marked)] <- scan...
[objectRef (marked)] <- scan...
[objectRef (marked)] <- scan...
...
[delete all objects not marked]
当然这种扫描是昂贵的，需要很长时间才能发生一次，所以不要指望他了，编程的时候多注意引用数就可以了

9. Weak References

使用弱引用来引用对象，不会被垃圾回收器视为有效的引用数。这样可以帮助垃圾回收器的工作
所以使用弱引用这是一种比较好的编程习惯，使你不会在不经意间错误的引用到了某个object导致这个object不能被从内存中卸载~~~
但不是哪里都可以使用弱引用的，as3中有两处可以使用：
（1）在Directionary类的构造函数中传入true
var dict:Dictionary = new Dictionary(true); // use weak references as keys
var obj:Object = new Object();
dict[obj] = true;
delete obj; // 虽然dict中有引用到obj，但并不是一个有效引用，所以obj仍然会被垃圾回收

（2）在EventDispatcher的addEventListener 的第5个参数指定true
// addEventListener(type:String, listener:Function, useCapture:Boolean = false, priority:int = 0, useWeakReference:Boolean = false):void
addEventListener(MouseEvent.CLICK, clickHandler, false, 0 true); // use weak references

10. MXMLC: SWF Metadata Tag

如果你用mxmlc编译swf的话，可以使用swf metadata tag来指定swf的一些属性

支持以下属性：

width
height
frameRate
backgroundColor

例子：

package {
[SWF(width="500", height="450", frameRate="24", backgroundColor="#FFFFFF")]
public class MyApp extends Sprite {

}
}

11.TextField.appendText()

(flash.text.TextField)类多了一个appendText()方法

var my_tf = new TextField();
my_tf.text = "Hello";
my_tf.appendText(" world!"); // my_tf.text == "Hello world!"

相当于以前的my_tf.text+=" world!" ,只是效率提高了

12. Access to stage and root

* 在as3中，当swf被loaded到player中时 stage object 是最顶端的容器，所有其他东西都在它里边，包括root在内

* 一个application中只有一个stage，却可以有若干个 root ，比如有外部内容被Loader类加载近来的时候

* 所有的DisplayObject (flash.display.DisplayObject)都有 stage 和 root 属性，但只有当他们被直接或间接的加入到display list 中的时候才有值，否则他们都为 null 。

* stage 属性如果有值，那么他一直指向 stage 对象， root 却不同，具体哪不同，下边懒得翻引用原话 - -b

引用

For the stage, root always references the stage
For the main timeline of the SWF and all display objects within it, root references the main timeline
If an object is added directly to the stage from any timeline, the root property for it and its children references the stage
For display objects in loaded SWF files, root references the main timeline of that SWF file
For loaded bitmap images, root references the Bitmap instance of the image loaded
Loader objects used to load external SWFs and images follow the rules of all other display objects within the SWF it is being used

* 在as1 ,as 2中所有类都是在时间轴上创建的，这使的所有东东都能访问_root ，在as3中就不同了，如果你不是DisplayObject的话，访问root(或stage)会很困难，你需要一些技巧

技巧1：写一个TopLevel类，让Document类继承它，通过TopLevel类访问stage

package {

import flash.display.DisplayObject;
import flash.display.MovieClip;
import flash.display.Stage;

public class TopLevel extends MovieClip {

public static var stage:Stage;
public static var root:DisplayObject;

public function TopLevel() {
TopLevel.stage = this.stage;
TopLevel.root = this;
}
}
}

package {

public class MyDocumentClass extends TopLevel {

public function MyDocumentClass() {
// code
}
}
}

package {

public class RandomClass {

public function RandomClass() {
trace(TopLevel.stage); // [object Stage]
}
}
}

当然这很不oo也很不雅观~~~如果别人的Document类没继承TopLevel类就会有问题出现

技巧2 ：传递引用

类似这样通过构造函数将stage传进去

package {

import flash.display.Stage;

public class CustomObject {

private var stage:Stage;

public function CustomObject(stageRef:Stage) {

// stage access through
// constructor argument
stage = stageRef;
}
}
}

作者给了一个 StageDetection 类
地址：http://www.senocular.com/flash/actionscript.php?file=ActionScript_3.0/com/senocular/events/StageDetection.as

好象是用于检测某个display object 的 stage 或 root 属性是否存在，然后才能把stage的引用传给非display object

（N神注：作者可能用的老版本flex？貌似现在的版本只要监听DisplayObject 的 addedToStage 或removedFromStage 事件就可以检查是stage和root的存在，不需要这个自定义的StageDetection 类吧...还请明人指点）

13. No More Color Class; Use ColorTransform

as3 中彻底没了flash8就不推荐使用了的 Color类改用 ColorTransform类

注意ColorTransform 的rgb属性已经改名为color

// creates a red square
var square:Shape = new Shape();
square.graphics.beginFill(0x000000);
square.graphics.drawRect(0, 0, 100, 100);

var colorTransform:ColorTransform = square.transform.colorTransform;
colorTransform.color = 0xFF0000;
square.transform.colorTransform = colorTransform;

addChild(square);

14. Array.indexOf (Array.lastIndexOf())

Array类多了两个方法 indexOf 和 lastIndexOf

AS3 function indexOf(searchElement:*, fromIndex:int = 0):int
AS3 function lastIndexOf(searchElement:*, fromIndex:int = 0x7fffffff):int

跟String类的同名方法差不多，返回指定元素位置，如果没有返回 -1

var sprite:Sprite = new Sprite();
var object:Object = new Object();
var boolean:Boolean = true;
var number:Number = 10;

var array:Array = new Array(sprite, object, number);
trace(array.indexOf(sprite)); // 0
trace(array.indexOf(number)); // 2
trace(array.indexOf(boolean)); // -1

15. System.totalMemory

System 类 (flash.system.System) 有一个新属性叫做 totalMemory，返回当前flash player占用的内存

var o:Object = new Object();
trace(System.totalMemory); // 4960256

var o:MovieClip = new MovieClip();
trace(System.totalMemory); // 4964352

16. Closing Net Connections

as1,2时候，当loading开始后，你就不能关闭这个连接了，在as3世界里，即使loading开始了，你也可以停止它

var loader:Loader = new Loader();
var request:URLRequest = new URLRequest("image.jpg");
loader.load(request);
addChild(loader);

// 如果3秒钟还没loading完，就关闭连接
var abortID:uint = setTimeout(abortLoader, 3000);

// abort the abort when loaded
loader.contentLoaderInfo.addEventListener(Event.COMPLETE, abortAbort);

function abortLoader(){
try {
loader.close();
}catch(error:Error) {} //注意这里有可能抛出IOError
}
function abortAbort(event:Event){
clearTimeout(abortID);
}

17. AVM2 (AS3) to AVM1 (AS2/AS1) Communication via LocalConnection

由于as3与as1,2虚拟机的不同导致as1,2 与as3不能直接沟通，如果需要的话必须要间接的使用

LocalConnection AS2
http://livedocs.macromedia.com/flash/8/main/00002338.html

LocalConnection AS3 (flash.net.LocalConnection)
http://livedocs.macromedia.com/flex/2/langref/flash/net/LocalConnection.html

在as2中

// ActionScript 2 file, AS2animation.fla
// one movie clip animation named animation_mc on the timeline

// local connection instance to receive events
var AVM_lc:LocalConnection = new LocalConnection();

// stopAnimation event handler
AVM_lc.stopAnimation = function(){
animation_mc.stop();
}

// listen for events for "AVM2toAVM1"
AVM_lc.connect("AVM2toAVM1");

as3中

// ActionScript 3 file, AS3Loader.fla

// local connection instance to communicate to AVM1 movie
var AVM_lc:LocalConnection = new LocalConnection();

// loader loads AVM1 movie
var loader:Loader = new Loader();
loader.load(new URLRequest("AS2animation.swf"));
addChild(loader);

// when AVM1 movie is clicked, call stopPlayback
loader.addEventListener(MouseEvent.CLICK, stopPlayback);

function stopPlayback(event:MouseEvent):void {
// send stopAnimation event to "AVM2toAVM1" connection
AVM_lc.send("AVM2toAVM1", "stopAnimation");
}

as3 movie把as2的movie加载进来然后调用as2的stopAnimation

18. Class member enumeration

as3中只有dynamic class 中的dynamic definitions才可以被枚举（就是for in ），例如下边的class就没有可枚举的成员

package {

public class EnumerateClass {

public var variable:String = "value";
public function method():void {}
}
}

var example:EnumerateClass = new EnumerateClass();
for (var key:String in example) {
trace(key + ": " + example[key]); // 没有输出
}

即使上边的class改成dynamic的，也是没有输出，为什么呢？

因为里边的变量和方法是他们自己的，而并不是动态（dynamic）填加的，只有动态填加的属性可以被for in

Object类有个 setPropertyIsEnumerable方法，可以控制某个属性是否可枚举，但它只对dynamic属性有效

package {

public dynamic class EnumerateClass {

public var variable:String = "value";
public function method():void {}

public function EnumerateClass(){
this.dynamicVar = 1;
this.dynamicVar2 = 2;
this.setPropertyIsEnumerable("dynamicVar2", false);
}
}
}

上边的dynamic类有两个dynamic属性， dynamicVar 和 dynamicVar2 ，满足条件，都应该是可枚举的

但调用 setPropertyIsEnumerable("dynamicVar2", false);阻止了枚举 dynamicVar2

var example:EnumerateClass = new EnumerateClass();
for (var key:String in example) {
trace(key + ": " + example[key]); // dynamicVar: 1
}

propertyIsEnumerable方法可以测试某一属性是否可枚举

trace(example.propertyIsEnumerable("variable")); // false
trace(example.propertyIsEnumerable("dynamicVar")); // true
trace(example.propertyIsEnumerable("dynamicVar2")); // false

19. Key.isDown in AS3

在as1，2时代，尤其是游戏中经常会用到 Key.isDown ，但到了as3，Key类已经不存在了，但我们可以通过些技巧实现这个类

package {

import flash.display.Stage;
import flash.events.Event;
import flash.events.KeyboardEvent;

/**
* The Key class recreates functionality of
* Key.isDown of ActionScript 1 and 2. Before using
* Key.isDown, you first need to initialize the
* Key class with a reference to the stage using
* its Key.initialize() method. For key
* codes use the flash.ui.Keyboard class.
*
* Usage:
* Key.initialize(stage);
* if (Key.isDown(Keyboard.LEFT)) {
* // Left key is being pressed
* }
*/
public class Key {

private static var initialized:Boolean = false; // marks whether or not the class has been initialized
private static var keysDown:Object = new Object(); // stores key codes of all keys pressed

/**
* Initializes the key class creating assigning event
* handlers to capture necessary key events from the stage
*/
public static function initialize(stage:Stage) {
if (!initialized) {
// assign listeners for key presses and deactivation of the player
stage.addEventListener(KeyboardEvent.KEY_DOWN, keyPressed);
stage.addEventListener(KeyboardEvent.KEY_UP, keyReleased);
stage.addEventListener(Event.DEACTIVATE, clearKeys);

// mark initialization as true so redundant
// calls do not reassign the event handlers
initialized = true;
}
}

/**
* Returns true or false if the key represented by the
* keyCode passed is being pressed
*/
public static function isDown(keyCode:uint):Boolean {
if (!initialized) {
// throw an error if isDown is used
// prior to Key class initialization
throw new Error("Key class has yet been initialized.");
}
return Boolean(keyCode in keysDown);
}

/**
* Event handler for capturing keys being pressed
*/
private static function keyPressed(event:KeyboardEvent):void {
// create a property in keysDown with the name of the keyCode
keysDown[event.keyCode] = true;
}

/**
* Event handler for capturing keys being released
*/
private static function keyReleased(event:KeyboardEvent):void {
if (event.keyCode in keysDown) {
// delete the property in keysDown if it exists
delete keysDown[event.keyCode];
}
}

/**
* Event handler for Flash Player deactivation
*/
private static function clearKeys(event:Event):void {
// clear all keys in keysDown since the player cannot
// detect keys being pressed or released when not focused
keysDown = new Object();
}
}
}

20.Scale and Alpha Ranges

值得注意一下的是，as3中好多属性值的范围变化了，有些值原来范围是0 到 100 ，现在变成了0 到 1 ，例如下边几个，要留心一下

ActionScript 2.0 | ActionScript 3.0
_xscale: 0 - 100 | scaleX: 0 - 1
_yscale: 0 - 100 | scaleY: 0 - 1
_alpha: 0 - 100 | alpha: 0 - 1

21. Available ActionScript packages

AS3 package 概要

* flash 包 (player的核心类包，永远可用)
* mx 包 (flex 专用类包，flex 的组件们需要)
* fl 包 (flash 专用类包，flash组件等)
* adobe 包 (flash 专用类包，绘图工具扩展等)

更多详细包内容，看文档

Flex: http://livedocs.adobe.com/flex/201/langref/
Flash: http://livedocs.adobe.com/flash/9.0/ActionScriptLangRefV3/
Apollo: http://livedocs.adobe.com/apollo/1.0/aslr/

注意： Apollo相关的类在 flash和mx包里

22. Numeric Calculations: Number vs. int Speed

比较Number类型和新出现的int类型速度

*只有在用到 bitwise operations (<<, >>, &, ^, and |) 的时候 int 类型比较快，例如

var valueN:Number = 10;
result = valueN << 2; // not so fast

var valueI:int = 10;
reesult = valueI << 2; // Fast!

*其他情况下声明为Number比较快

23. Getting Around globally accessible _root and _global

as1 ,2中任何地方都能访问到_root ,_global ，这样可以很简单的保存变量或函数到这里，但在as3中已经没有_global了，root 也只有Disobject在显示列表里时才会得到，如果你非要这么做的话，应该自己写一个glo类，里边用一个静态变量bal指向一个Object，下边是代码

package {
public class glo {
public static var bal:Object = new Object();
}
}

现在可以把 gol.bal 当成以前的_root或_global用了

trace(glo.bal.foo); // undefined
glo.bal.foo = "bar";
trace(glo.bal.foo); // bar

24. ActionScript 2 to ActionScript 3 Converter

Patrick Mineault（http://www.5etdemi.com/blog/）用php写了一个as2 -->as3 转换器，不是百分之百准确但也不错

online 版本：http://www.5etdemi.com/convert

下载：http://www.5etdemi.com/convert/convert.zip

25. Accessing FlashVars and HTML Parameters

你可以用HTML中的 object/embed 代码向镶入的SWF传递变量。

有两种方法：

1。在swf的url后边加变量（query string）

2.使用FlashVars

在as2中这些变量会被简单的声明到_root上，但在as3中有所改变。现在这些变量被放到了root下的parameters对象下，上边HTML传的值可以这样访问：

root.loaderInfo.parameters.myVar;

26. ActionScript Speed Through Typing

考虑到效率，尽量把你的变量声明类型，如果可能的话避免使用dynamic class

27. LivePreview and the LivePreviewParent class

as2 的组件使用_global下的isLivePreview属性来判断是否是在Flash IDE中预览，as3中这个属性不见了，取而代之的是你可以检查这个组件的parent是否为 LivePreviewParent 类的实例

var isLivePreview:Boolean = (parent != null && getQualifiedClassName(parent) == "fl.livepreview::LivePreviewParent");

（ N神注：as2时代的isLivePreview这个属性偶也没用过，不清楚这个翻译的对不对 - -b ）

28. Flex Component Kit for Flash CS3

Flex Component Kit for Flash CS3（在Adobe Labs里）允许把flash中做的交互内容，在Flex中当成Flex comonnet来用

现在可以很容易的使Flash symbol继承我们的新 UIMovieClip 类
从而使
* flash 组件放在一个Flex container里，所有layout会很好的工作
* flash 的帧标签被完全转换为 Flex 的state和 transition
* 只要简单的填加个 SWC 到 library path里Flex Builder就可以有flash组件的语法提示了
* Simple JSFL commands are available to set up new documents as well as publish the Flex-enabled SWC （这句没看明白- -b）

29. Loading URL encoded Variables

URLLoader类(flash.net.URLLoader) 在as3中用来读外部文本文件.当一个外部文件被load后，它的内容会被存储在URLLoader实例的data属性里，一般情况下无论外部文件是什么格式，都会被以raw text形似读取，如果读变量可能需要改一下dataFormat属性

URLLoader类的dataFormat属性决定被加载数据的格式。 dataFormat属性的可选值在 URLLoaderDataFormat 类中(flash.net.URLLoaderDataFormat)

可选值为:

BINARY - 指定按2禁止数据接受
TEXT - 指定当成文本接受
VARIABLES - 指定当作 URL-encoded变量接受

指定URLLoaderDataFormat.VARIABLES 作为 URLLoader的 dataFormat属性, 被加载的数据将被当作一组变量，而不是字符串
data属性将为包含被加载变量的一个 URLVariables 类 (flash.net.URLVariables)的实例

ActionScript 代码:

var loader:URLLoader = new URLLoader();

// specify format as being variables
loader.dataFormat = URLLoaderDataFormat.VARIABLES;

loader.addEventListener(Event.COMPLETE, varsLoaded);

// vars.txt contents: foo=bar&foo2=bar2
loader.load(new URLRequest("vars.txt"));

function varsLoaded (event:Event):void {
trace(loader.data is URLVariables); // true
trace(loader.data.foo); // bar
trace(loader.data.foo2); // bar2
}

30. Interactive Masks

默认情况下，当一个对象 mask 另一个对象的时候，前者（这个遮照）将失去它的交互性，例如，一个sprite有一个 click事件，但当这个sprite成为一个遮照的时候，这个click事件就不起作用了

如果你想让一个对象作为遮照的时候也拥有交互性，就指定它的buttonMode属性为true

ActionScript Code:

maskInstance.buttonMode = true;

31. No _lockroot

ActionScript 3 没有 _lockroot属性了.
_lockroot 属性是在Flash Player 7 引入近来的，_lockroot属性原本用来确保被load进来的movie的_root属性始终引用它自己而不是主swf在 ActionScript 3 中, 所有的root引用永远指向文件本身的root 就像_lockroot已经在那了一样。（ N神注：想引用原来主swf的root应该用stage了）

[最后编辑于 N神, at 2007-05-13 13:09:08]

leoli 2007-05-15 11:22 发表评论

flex dateForm

leoli — Mon, 14 May 2007 03:27:00 GMT

http://www.adobe.com/2006/mxml" height="22" paddingBottom="0" paddingLeft="0" paddingRight="0" paddingTop="0" maxHeight="22" minHeight="22" minWidth="120">

















  //Copyright (c) 2005-2006 JianHan Fan
//Mail:henryfan@msn.com
//All rights reserved.
//-------------------------------------
  import mx.containers.ControlBar;
  import mx.controls.Button;
  import mx.events.IndexChangedEvent;
  import mx.controls.Alert;
  private var mDateValue:Date =new Date();
  function oninit():void
  {

   ViewDate(DateValue);
   __CreateControls();
   var b:Button = new Button();
   removeChild(frmData);
   selectdate.popUp= frmData;
  }

  public function set DateValue(value:Date)
  {
   mDateValue = value;
   ViewDate(value);
  }
  public function get DateValue():Date
  {
   return mDateValue;
  }
  private function ViewDate(value:Date):void
  {
   selectdate.label= value.fullYear.toString()+"年"
   +(value.month+1).toString()+"月"+ value.date.toString()+"日";

  }
  private function __CreateControls():void
  {
   SetSelectYears(DateValue.fullYear);
   createDate(DateValue);

  }
  private function createDate(value:Date):void
  {
   frmdates.removeAllChildren();
   var towmonth:int=0;
   var buttons:Array = new Array();
   var item:Button;
   if((value.fullYear%4==0 && value.fullYear%100 !=0) || value.fullYear%400==0)
   {
    towmonth=29;
   }
   else
   {
    towmonth = 28;
   }
   var monthdays:Array= new Array(
   31,towmonth,31,30,31,30,31,31,30,31,30,31);
   //生成本月第一天
   var nd:Date = new Date(value.fullYear,value.month,1);
   var pmdays:int;//上一个月的日数
   if(nd.month==0)
   {
    pmdays= monthdays[11];
   }
   else
   {
    pmdays = monthdays[(nd.month-1)];
   }


   for(var i:int=(pmdays-nd.day+1);i<=pmdays;i++)
   {
    item = new Button();
    item.label = i.toString();
    item.setStyle("fillColors",[0x808080, 0x808080]);
    if(nd.month==0)
    {
     item.data =new Date(nd.fullYear-1,11,i);
    }
    else
    {
     item.data = new Date(nd.fullYear,nd.month-1,i);
    }
    buttons.push(item);

   }
   for(var i:int=1;i<=monthdays[nd.month];i++)
   {
    item = new Button();
    item.label = i.toString();
    item.data = new Date(nd.fullYear,nd.month,i);

    item.visible= true;
    buttons.push(item);
   }
   //生成本月最后一天
   nd = new Date(value.fullYear,value.month,monthdays[nd.month]);
   var nday:int=1;//下一个月的日期
   for(var i:int= nd.day+1;i<7;i++)
   {
    item = new Button();
    item.label = nday.toString();
    item.setStyle("fillColors",[0x808080, 0x808080]);
    if(nd.month==11)
    {
     item.data =new Date(nd.fullYear+1,0,nday);
    }
    else
    {
     item.data =new Date(nd.fullYear,nd.month+1,nday);
    }
    buttons.push(item);
    nday++;
   }
   var panel:ControlBar;
   var row:int=0;
   for(var i:int =0;i< buttons.length;i++)
   {
    buttons[i].width =35;

    (buttons[i] as Button).addEventListener("click",onclick);
    if(i==0 || (i+1)%7==1)
    {
     panel = new ControlBar();
     panel.width=new Number("100%");
     panel.setStyle("paddingBottom",1);
     panel.setStyle("paddingLeft",14);
     panel.setStyle("paddingRight",1);
     panel.setStyle("paddingTop",1);
     row++;

     panel.label=i.toString();
     frmdates.addChild(panel);

    }
    panel.addChild(buttons[i] as DisplayObject)


   }






  }
  private function onclick(event:Event)
  {
   DateValue= (event.currentTarget.data as Date);
  }
  private function SetSelectYears(year:Number):void
  {
   var nyears:Array = new Array();
   var start:Number = year-50;
   var end:Number = year+50;
   var months:Array = new Array();
   for(var i:Number=start;i   {
    nyears.push({label:i,data:i});
   }
   for(var k:int=1;k<13;k++)
   {
    months.push({label:k,data:k});
   }
   cmdPYears.dataProvider= nyears;
   cmdPYears.selectedIndex=50;
   cmdmonth.dataProvider= months;
   cmdmonth.selectedIndex = DateValue.month;
  }
  private function yearchange()
  {
   var d:Date = new Date(
   cmdPYears.selectedItem.data,
   cmdmonth.selectedItem.data-1,1);
   createDate(d);
  }
  private function monthchange()
  {
   var d:Date = new Date(
   cmdPYears.selectedItem.data,
   cmdmonth.selectedItem.data-1,1);
      createDate(d);
  }
]]>

leoli 2007-05-14 11:27 发表评论

flex 大赛获奖

leoli — Fri, 11 May 2007 01:53:00 GMT

从EverythingFlex那里看到的，转载过来，就不翻译成中文了，大家一起欣赏下这些获奖作品吧。

Winner Product Configurators/Self-Service Guided Applications
Home Locator—(Flash Player 9 Required) Home Locator is an intuitive real estate searching application. It lets users search by area by clicking on a US map and then filter the results by price, number of bedrooms, bathrooms and other relevant criteria. For each property, detailed information is shown and actual location is plotted on a map, all in one screen. Users can see pictures for a property, helping them determine whether or not they want to visit the property. They can also save properties as favorites to be reviewed at a later time and can let other people see their favorite list. As a bonus, it also includes an administration to edit properties.

Technology Flex 2.0
Developer Nahuel Foronda

Winner Components and Gadgets
SQLAdmin—(Flash Player 9 Required)
SQLAdmin is an online version of query analyzer for Microsoft SQL Server. Features include a graphical execution plan, syntax highlighting, live table editing, tabbed query windows, an object browser and more. Click on a table name from the object browser to popup a menu to generate select, insert, update, or delete scripts or to open the table for live data editing.

Technology Flex 2.0
Developer Kevin Kazmierczak
Kevin Kazmierczak is the senior software developer for Citynet, a telecommunications company in Bridgeport, West Virginia. He graduated from Alfred University with a Bachelors in Computer Science and a Masters in Business Administration and spends most of his time programming in ColdFusion. He's a Certified Advanced ColdFusion Developer and has written an article published in the ColdFusion Developers Journal.

Winner Data Dashboards

StatPods—(Flash Player 9 Required)
StatPods is a dashboard for the visualization of web visits, page views, session tracking, and browser/platform properties information. StatPods allows for multiple days or months of datasets to be loaded for comparison views. StatPods was written with Flex 2 beta 3 with a Cairngorm 2 framework and uses ColdFusion MX7 for data retrieval as well as pdf, flash paper, and excel data exports. StatPods takes advantage of many new features of Flex 2 including state management, print views, effects, and more. Now updated with Yahoo! Mapping.

Technology Flex 2.0
Developer Rich Tretola
Rich Tretola has been an internet applications developer since 2000. He began his career as a ColdFusion developer and since the original Royale beta (prior to the release of Flex 1.0) has spent the majority of his time as a Flex/Java & ColdFusion developer. Rich is a featured author at IFBIN.com and runs a Flex weblog at EverythingFlex.com

Winner Mashups
E41ST—(Flash Player 9 Required)
E41ST is a mashup between Amazon.com and the Public Library system. Its objective to provide an an integrated interface wherein book lovers can get an enriched browsing experience based on Amazon.com's content, but at the same time have the ability to seamlessly lookup selected book's availability in their library. Currently about a dozen of the largest public libraries are integrated into E41ST, but almost any library with a website that allows searches by ISBN number can be integrated easily & quickly.

Technology Flex 2.0
Developer Amit Gupta

Winner Communication/Collaboration
Lesson Builder Tool—(Flash Player 9 Required) The Lesson Builder Tool, code-named "Project nGrain", serves as a practical, rich-internet solution that enables a group of content editors to collaborate in the creation of Flash-based training modules. The application includes a check-in/check-out system that prevents users from overwriting changes made by other members of their team. The training modules, or Lessons, are XML driven and fully dynamic. After Lessons have been created, the user is able to preview their changes. Once the user is happy with the final content, they may download the zipped module (to be loaded into the offline player) through the "Pack and Download" feature. Other features of the application include: User Management, Edit Profile, drag-n-drop Slide Re-ordering, Image Upload, Voice-Over Upload, Multiple Slide Types, Preview by Lesson, Preview by Slide, Collaboration Notes, Lesson Categories.

Technology Flex 2.0
Developer Tim McLeod

Winner Just Freakin’ Cool (aka Wild Card)
FC64—(Flash Player 9 Required)
FC64 is a Commodore 64 Emulator written in ActionScript 3 for Flash Player 9. The original hardware of the Commodore 64 has been re-created in software to allow the Flash Player to be used just like an original Commdore 64. FC64 is not feature complete yet, but enough of the system works for it to be usable. You can write Commodore BASIC programs (e.g. POKE 53280, 2), and even run game ROMs that have been loaded into memory. A Flex user interface has been provided allowing you to load and play some public-domain games from Llamasoft. To play the games use the SPACE key to first and the arrow keys on the number pad act as the joystick (8 is UP, 4 is LEFT, etc).

Technology Flex 2.0
Developer Darron Schall

leoli 2007-05-11 09:53 发表评论

Modular

leoli — Fri, 11 May 2007 01:43:00 GMT

简单的说,Modular(模块)和Shell(壳)就象DLL(动态链接库)和EXE(可执行程序)之间的关系一样.例如我们在写WINDOWS的应用程序的时候可以调用大量的MICROSOFT提供的DLL里的方法(我们称之为API).同样的,我们也可以自己把功能相同或者同类的方法抽象成为动态链接库以方便我们的后续开发,升级,团队开发等等. 因此显然,Modular的推出更有利于我们开发程序的模块化.可能有人会说,这样的功能我们同样可以采用编译多个可执行SWF,然后用Loader载入不就行了?的确我不反对这样的做法,事实证明,这也可以被正确实施于未更新的版本的.不一样的是.

1.例如我们在模块中包含Application的标签,大家可以去看一下它的依赖关系就知道为什么只写一个Helloworld就会生成>100K的原因了.而事实,这些东西我们在主程序中其实是包含了这些类的.类的重复被编译导致文件变得更大.

2.Application标签是可以被运行的,简单的说,Application编译的SWF可以直接运行,这样我们的编程似乎就成了EXE和EXE的嵌套,似乎有点奇怪? 而Modular本身是不可执行的,就象DLL一样,里面可以包含很多方法也可以包含许多窗体,但事实自身是不可被运行的.而这些好处在Modular里可以轻松的实现.

好的,现在我们来直接一点吧,看一下例子.

代码下载: http://res.ezse.com/Howto/ModularDemo.rar

我们在FLEX BUILDER里建立三个项目,一个专门放MODULARS,一个为SHELL,最后一个是Interface.当然,视需要我们也可以建立多个项目.

当然,Shell(ModularMain)就是我们的主程序,相当于我们的EXE文件;

Modulars(Modulars)就是我们的DLL文件的聚集地J 当然合适的建立模块,可以使得我们的程序更具扩展性和部署.

Interface(UserModularsInterface)这不是必须的,但我建议在团队合作和大型程序开发的时候采用接口.接口的具体功能我就不在这里说了,可以找本OOD书看一下.简单的说就是模块之间混合编程所统一的必须的方法或属性.接口没有具体的实现方法,只是声明了方法或属性.

在这个例子中,我们建立了三个Modular,一个是在Shell项目中的InnerModular.mxml . 另一个是在Modulars中的OuterModular.mxml . 这个Modular和InnerModular相似. 最后一个是在Modulars中的OuterModularWithInterface.mxml . 这个Modular和前两个区别不大,仅仅是使用了Interface(推荐使用这种方式).

首先我们看一下Inner Modular. 为什么取名为Inner Modular是因为这个Modular是和Shell在同一个Project中.

InnerModular.mxml

Module xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute">

[Bindable]

public var textValue:String = "(default inner text value)";

]]>

Module>

在源程序中,唯一要注意的就是我们新建一个Application的时候,红色标记部分是引用的Application标签.把它改为Module即可.

引用中,ModularMain.mxml中

import mx.modules.*;

import mx.events.ModuleEvent;

private var mdInnerModular:Object;

private function init():void

{

mdInner.addEventListener(ModuleEvent.READY,onInnerModularLoaded);

}

private function onInnerModularLoaded(evt:ModuleEvent):void

{

mdInnerModular = mdInner.child;

mdInnerModular.textValue = "Inner Modular";

}

private function CallIOuterModularFunction():void

{

var iOuter:IOuterModular = mdOuterWithInterface.child as IOuterModular;

iOuter.SetText("IOuter Called");

}

]]>

Shell中的有红色部分是对InnerModular的操作.注意的就是要执行Modular中的方法或者更改属性必须等ModularLoader触发了ModuleEvent.READY 后才能执行.

OuterModular.mxml:

[Bindable]

public var textValue:String = "(default outer text value)";

public function testFunction():void

{

this.textValue = "Outer Function Called";

}

]]>

内容和InnerModular一样.不一样的是放在了另一个Project中.

而我推荐的是使用Interface.下面我们就看一下使用了Interface的操作方法.

首先我们要定义Interface文件,为了方便,我们新建立一个Lib Project.这样编译后会生成一个swc的可被引用的代码包.
在Shell和Modular的Project中添加引用.
在Modular中实现具体的接口中定义的方法或属性.

IOuterModular.as

package

{

import flash.events.IEventDispatcher;

public interface IOuterModular extends IEventDispatcher

{

function SetText(val:String):void;

}

在接口中,我们定义了SetText这个方法.于是我们在Modular中先实现这方法:

OuterModularWithInterface.mxml

implements="IOuterModular">

[Bindable]

public var textValue:String = "(default outer(with interface) text value)";

public function SetText(val:String):void

{

this.textValue = val;

}

]]>

其中红色部分标记了此Modular为接口IOuterModular的实现. 蓝色部分则是具体实现的方法.

在ModularMain.mxml的橙色部分则是它的使用方法.

和不用接口不一样的地方是: var iOuter:IOuterModular = mdOuterWithInterface.child as IOuterModular;新建一个实体,此实体正是ModularLoader的child.这里可能要注意一下,这个child可能是Flex的Bug,这个child是一个DisplayObject,例如我们这样写mdOuterModular.child.SomeFunction().编译无法通过,提示是DisplayObject没有这个方法(废话).但是在调试模式下可以看到,这个child并非一个DisplayObject. 因此很郁闷,必须把这个child 设置成Object才能执行里面的方法.

用接口还有一个好处,那就是可以直接看到Modular中的方法和属性.而在前两个例子中是没有这种功能的.

另一个要注意的地方是,如果我们的Modular的Width,Height设置成的是100%, 而在ModularLoader中设置了Width和Height为绝对值的时候,会发现,事实上,Modular并没有填充这个固定区域! 做实验的话可以在Modular中设置一个Canvas.引用后会发现大小是0x0.所以我们可能在写这种高宽不定的时候,可能要建立一个方法,在Modular Ready后执行方法来重设置它的大小.

现在我们可以看到程序可以正常的被执行了,但是Modular生成出来的swf个个都是100多K! 当然,因为我们还没有对Modulars Project进行裁剪尺寸. 这个裁减过程的原理就是我们的主程序中已经编译了的类,在Modular中就不再编译了.而如何设置呢?在Shell的Project中的编译器的附加参数里设置为-locale en_US -link-report=d:/testreport.xml 这样在编译的时候会生成一个关于Shell里所引用过的类库列表在d:/testreport.xml的文件中. 在Modulars中的编译器的附加参数里设置为-locale en_US -load-externs=d:/testreport.xml 这样,在编译Modulars的时候,载入Shell已经编译过的类库.在编译的时候就跳过这些类库.再编译一看,大小豁然小了100K,变成了10多k.

在Dreamer的Blog上也有一篇翻译的文章大家也可以去看一下: http://www.zhuoqun.net/article.asp?id=382

leoli 2007-05-11 09:43 发表评论

Coloring the Background of Cells

leoli — Thu, 10 May 2007 02:36:00 GMT

原文地址：http://weblogs.macromedia.com/pent/archives/2007/02/coloring_the_ba.cfm

leoli 2007-05-10 10:36 发表评论

flex metadata tag

leoli — Thu, 10 May 2007 02:07:00 GMT

Flex 2.0 裡面有許多的 Metadata
有些是給 AS 編譯器看的
有些是給 MXML 編譯器看的
使用者也可以自行定義 Metadata

官方文件內只有說明一部分的 Metadata Tag
還有很多不知道其功能為何

以下是粗略的整理，包含 Metadata Tag 名稱與幾個簡單的例子

文件上有記載的

http://livedocs.macromedia.com/flex/2/docs/00001651.html

	[ArrayElementType]
		[ArrayElementType("mx.states.Transition")]
		[ArrayElementType("mx.states.State")]
	
	[Bindable]
		[Bindable("errorStringChanged")]
		[Bindable("toolTipChanged")]
		[Bindable("currentStateChange")]
		[Bindable("verticalScrollPolicyChanged")]
	
	[DefaultProperty]
		[DefaultProperty("dataProvider")]
		[DefaultProperty("children")]
	
	[Effect]
		[Effect(name="hideDataEffect", event="hideData")]
		[Effect(name="moveEffect", event="move")]

	[Embed]
		[Embed(source="Beep.mp3")]
	
	[Event]
		[Event(name="itemClick", type="mx.charts.events.LegendMouseEvent")]
		[Event(name="hide", type="mx.events.FlexEvent")]
	
	[IconFile]
		[IconFile("Repeater.png")]
		[IconFile("AreaChart.png")]
	
	[Inspectable]
		[Inspectable(defaultValue="true")]
		[Inspectable(environment="none")]
		[Inspectable(category="Data")]
		[Inspectable(category="General", enumeration="overlaid,stacked,100%", defaultValue="overlaid")]

	
	[InstanceType]
		[InstanceType("mx.controls.Label")]
		public var topRow:IDeferredInstance;
	
	[NonCommittingChangeEvent]
		[NonCommittingChangeEvent("change")]
	
	[Style]
		[Style(name="axisStroke", type="mx.graphics.IStroke", inherit="no")]
		[Style(name="fontWeight", type="String", enumeration="normal,bold", inherit="yes")]
		[Style(name="barWidthRatio", type="Number", inherit="no")]

文件上沒記載的

	[SWF]
		[SWF(width="300", height="200", frameRate="18", backgroundColor="#FFFFFF")]
	
	[RemoteClass]
		[RemoteClass(alias="flex.messaging.io.ArrayCollection")]
		[RemoteClass(alias="flex.messaging.io.ArrayList")]
	
	[Frame]
		[Frame(factoryClass="mx.managers.SystemManager")]
		[Frame(factoryClass="mx.core.FlexApplicationBootstrap")]

		[Frame(extraClass="Obj")]
[ExcludeClass]
[DefaultBindingProperty]
[DefaultBindingProperty(destination="dataProvider")]
[DefaultTriggerEvent]
[DefaultTriggerEvent("itemClick")]
[DefaultTriggerEvent("scroll")]
[Exclude]
[Exclude(name="defaultButton", kind="property")]
[Exclude(name="horizontalScrollPolicy", kind="property")]
[Exclude(name="icon", kind="property")]
[Exclude(name="label", kind="property")]
[Exclude(name="tileHeight", kind="property")]
[ResourceBundle]
[ResourceBundle("validators")]
[ResourceBundle("SharedResources")]
[ResourceBundle("foo")]
[PercentProxy]
[PercentProxy("percentHeight")]
[RequiresDataBinding]
[RequiresDataBinding(true)]
[CollapseWhiteSpace]
[MaxChildren]
[MaxChildren(0)]
[AccessibilityClass]
[AccessibilityClass(implementation="mx.accessibility.PanelAccImpl")]
[AccessibilityClass(implementation="mx.accessibility.TitleWindowAccImpl")]
[Transient]

leoli 2007-05-10 10:07 发表评论

Flex Datagrid 's tooltip using the itemRollOut event

leoli — Tue, 08 May 2007 09:20:00 GMT

Flex Datagrid 's tooltip using the itemRollOut event

Datagrid Flex component is a very powerful tool to display data. For an enterprise application we're trying to create a tooltip only if the content of the row data is bigger than the width of the row.
We solved the problem using the itemRenderer, but I had some strange behaviours using the itemRollOver.
The itemRollOver is an event of the ListBase class, the base class for controls that represent lists of items that can have one or more selected and can scroll through the items.
This is the MXML code :

   id="myDG"
   dataProvider="{commandList.command}"
   itemRollOut="destroyBigTip(event)"
   itemRollOver="createBigTip(event)"
   editable="true"
   width="290"/>

These are the two event handler functions :

public function createBigTip(event:Object):void {

var s:String = "Over"
var label:Label = new Label;
label.text = s;
label.setVisible(true);
label.x = 10;
label.y = 10;

addChild(label);

}

public function destroyBigTip(event:Object):void {

var s:String = "Out"
var label:Label = new Label;
label.text = s;
label.setVisible(true);
label.x = 10;
label.y = 10;

addChild(label);

}

All that works just for the first row of the Datagrid !

leoli 2007-05-08 17:20 发表评论

export to excel from flex

leoli — Tue, 08 May 2007 08:41:00 GMT

Clever solution to the "How can I export to Excel?" problem, by bdeen, as posted on MM Flex forum.

I know we all have users asking "Can I Export/Import to Excel?". Apparently Excel is the best thing to come along to the user community since large amounts of RAM. I personally have used Excel maybe 3 times in my life, but I always try to help out the user. So this is about exporting DataGrid information into Excel.

A few things to realize about this solution.
1) It should be able to run in all the Flash Players.
2) I only tested the output in Excel 2003.
3) I added IE specific javascript (which you don't need to have to still get this functionality) which will open Excel and populate it with the data in the DataGrid.
4) This solution uses basic html styles and table.
5) I populate the styles with background colors however Excel only has a handful of allowable colors and it might assign odd colors to an unodd color in Flash. so light blue might come out as lavendar. soft shades of gray/grey come out as white. Dark colors are seen as purple. However if you paste the result of this into an html file and have IE or FireFox render it, it comes out very much like the look and feel you have in Flex.
6) Font's seem to translate well, as well as sizes of fonts. I didn't do anything other than font family and font size, if you want more you can add it yourself, it's rather easy.
7) I added widths (which again looks great in a Browser) but Excel seems to ignore them.
8) I use labelFunctions and then columnNames, if you define the labelFunction then the copied content will reflect what the labelFunction produces, as well as the String version of the columnName

Code:

// ACTION SCRIPT FOR YOUR FLEX APP
function doCopy(dg)
{
var font = dg.getStyle('fontFamily');
var size = dg.getStyle('fontSize');
var hcolor ;
if(dg.getStyle("headerColor") != undefined) hcolor = [dg.getStyle("headerColor")];
else hcolor = dg.getStyle("headerColors");
var str:String = '';
for(var i=0;i"+dg.__columns[i].headerText+"";
}
else
{
str+= "";
}
}
str += "";
var colors = dg.getStyle("alternatingRowColors");
for(var j=0;j";
var style = 'style="font-family:'+font+';font-size:'+size+'pt;"';
for(var i=0;i"+
dg.__columns[i].labelFunction(dg.getItemAt(j),dg.__columns[i].columnName)+"";
else
str += "";
}
str += "";
}
str+=""+dg.__columns[i].columnName+"
"+
dg.getItemAt(j)[dg.__columns[i].columnName]+"";
System.setClipboard(str);
}
function handleOnKeyUp()
{
if(Key.isDown(Key.CONTROL) &&Key.getCode() ==67)
{
mx.managers.CursorManager.setBusyCursor();
doCopy(grid);  
                  // exchange 'grid' with the id of your datagrid you want copied
mx.managers.CursorManager.removeBusyCursor();
}
}
// only register interest if you want ctrl-c to process a copy of a datagrid. 
// it's also ctrl + c (on key up, not down)
var obj:Object;
function registerKeyInterest()
{
if(obj == undefined)
{
obj = new Object();
obj.onKeyUp = mx.utils.Delegate.create(this,handleOnKeyUp);
}
Key.addListener(obj);
}
function removeKeyInterest()
{
Key.removeListener(obj);
}
function copyAndOpen(grid)
{
doCopy(grid);
getUrl("javascript:openExcel();");
}
// JAVASCRIPT for your HTML PAGE

"+dg.__columns[i].columnName+"
"+ dg.getItemAt(j)[dg.__columns[i].columnName]+"

leoli 2007-05-08 16:41 发表评论

不用Cell Renderer如何在ComboBox里加入自定义ICO

leoli — Wed, 11 Apr 2007 02:20:00 GMT

FLEX 2005-7-27 15:59

//转自：http://www.richinternetapps.com/index.html

My first thought was to suggest the creation of a custom cell renderer, an example of which ships with Flex. However, I then remembered that the List control in Flex has an iconField property, which can be used to specify an image that will appear next to each item in the control. An example MXML file using the iconField property with the List control is as follows:

[Embed(source="one.png")]
var iconSymbol1:String;
[Embed(source="two.png")]
var iconSymbol2:String;
[Embed(source="three.png")]
var iconSymbol3:String;

The above MXML uses the iconField property of the List control to retrieve the icon property from each item in the control's data provider, and produces the following List control (image only):

图片如下：

But (and isn't there always a but?), the poster to FlexCoders wanted the icons not in a List, but in a ComboBox and, such is fate, the Flex ComboBox does not have an iconField property.

However, those who have looked into the Flex components in any detail will know that the ComboBox control uses the List control internally, to display its own drop down portion. So, I delved into the classes to see what I could find and the result of that find was as follows:

[Embed(source="one.png")]
var iconSymbol1:String;
[Embed(source="two.png")]
var iconSymbol2:String;
[Embed(source="three.png")]
var iconSymbol3:String;

creationComplete="theCombo.getDropdown().iconField='icon'" >

图片如下：

Simple! The highlighted code shows that we can get the List portion of the ComboBox control using the getDropdown() method of the ComboBox, and set its iconField property in the same manner as we did with the List control previously. For those that haven't yet investigated Flex in any detail, the creationComplete property allows us to define a handler that will run when the component instance has been created.

There is one further point worth noting - the original poster wanted to be able to change the icon at runtime - the solution above does allow that. We can add the following to our MXML file so that when the user presses the button, the icons are rotated through the items in the dropdown.

public function rotate() : Void
{
var firstIcon = theCombo.dataProvider[0].icon;
for ( var i = 1; i < theCombo.dataProvider.length; i++ )
{
theCombo.dataProvider[i-1].icon = theCombo.dataProvider[i].icon;
}

theCombo.dataProvider[theCombo.dataProvider.length-1].icon = firstIcon;

theCombo.bLabelFieldChanged = true;
theCombo.invalidate();

theCombo.dispatchEvent({type:"labelFieldChanged"});
}
]]>

The for loop in the rotate() method is self-explanatory, but the last three lines in the method need further explanation. Because we are changing the underlying List component of the ComboBox, the ComboBox icons are not updated when we update the data provider. By including those three lines (which are what are called when the labelField property of the ComboBox is changed), the ComboBox is tricked into redrawing its drop down items. This is a quick and dirty way to get it working - I'm going to investigate a better solution.

After the user has pressed the button (which is hidden under the drop down portion of the control), the ComboBox looks as follows, with the icons having moved:

图片如下：

The obvious next step in the development of the above is to extract the code to a new component, which could then be used within any application. We'll show how that can be done in a future blog entry.

This example does show the power of Flex,

leoli 2007-04-11 10:20 发表评论

比较好的 flex 网站

leoli — Mon, 02 Apr 2007 10:00:00 GMT

AFR Access

The Australian Financial Review

Sony Ericsson Phone Selector

Adobe Flex Store

Kodak EasyShare Gallery

NOMOS Online

Flex Data Services

Pikeo

Motionbox

Trenitalia -

Fidelity Labs

www.fidelitylabs.com

Belgacom TV Portal

ESRI ArcWeb Explorer

services

Harley-Davidson Customizer

Intelligent Finance Mortgage Offset Calculator

Yahoo! Maps

leoli 2007-04-02 18:00 发表评论

flex 参数

leoli — Mon, 19 Mar 2007 08:50:00 GMT

flash使用FlashVars接收html参数

本教程主要介绍HTML网页如何取得形如test.html?foo=mytest的foo参数，以及在HTML网页中如何向swf传递参数。

一、在HTML网页中使用js获取参数。
我们知道HTML页面是在客户端执行的，这样要获取参数必须使用客户端脚本（如JavaScript），在这点上不同于服务器端脚本获取参数方式。
下面的这段js代码获取HTML网页形如"test.html?foo=mytest&program=flash" "?"后所有参数。

下面的这段js代码则可以更加细化获取HTML网页某一参数

二、在HTML网页中向swf传递参数。
方法一：在网页中使用js，SetVariable设置flashobject中的变量，代码如：

// "HtmlToSwf"为网页中的flashobject ID
HtmlToSwf.SetVariable("_root.info_str","Happy Newyear");

方法二：路径参数，如test.swf?foo=happy2005
方法三：使用FlashVars，以下主要介绍FlashVars的用法。使用FlashVars后嵌入HTML的flashobject代码如下：

通过上面的代码，在SWF(FlashVars.swf)中就可以直接获取foo、program、language变量数据。FlashVars.fla获取FlashVars参数的代码如下：

// 创建三个文本字段
_root.createTextField("foo_txt",1,0,0,16,16);
_root.createTextField("program_txt",2,0,32,16,16);
_root.createTextField("language_txt",3,0,64,16,16);
foo_txt.autoSize = true;
foo_txt.border = true;
program_txt.autoSize = true;
program_txt.border = true;
language_txt.autoSize = true;
language_txt.border = true;
// 获取FlashVars变量
foo_txt.text = "HTML中的foo参数："+foo;
program_txt.text = "HTML中的program参数："+program;
language_txt.text = "HTML中的language参数："+language;

三、两者的有效结合。
在HTML网页中使用js获取参数，然后将获取的参数作为FlashVars写入flashobject传递给swf。代码如下：

leoli 2007-03-19 16:50 发表评论

Flex2 官方学习资料(转载)http://www.killflash.net/blog/article.asp?id=108

leoli — Thu, 07 Dec 2006 03:27:00 GMT

帮助文档是学习一个软件最好的途径。

下面是ADOBE公司提供的学习FLEX2的文档下载地址：

安装Flex 2
介绍安装Flex 2 包括对Flex Builder 2, Flex Data Services 2, Flex 2 SDK, 和Flex Charting 2的指导和配置.
地址：http://www.adobe.com/support/documentation/en/flex/2/install.html

Flex 2 初级体验
针对那些第一次体验Flex的开发者，给予了他们一个对特色和性能总览的认识。本书包括了一系列的教程来帮助你快速学习Flex Builder 2 和 Flex 2 SDK 的基础
PDF文件, 4.3MB： http://www.adobe.com/go/flex2_gettingstarted_pdf
在线版：http://www.adobe.com/go/flex2_gettingstarted

使用Flex Builder 2
介绍如何快书建立Flex应用程序的方法。
PDF文件, 2.6MB：http://www.adobe.com/go/flexbuilder2_using_pdf
在线版：http://www.adobe.com/go/flexbuilder2_using

Flex 2 手册
本手册给出了Flex ActionScript 和 MXML 编程的参考。Flex2 框架包括了类库，MXML语法，方式，属性，风格。ActionScript API包括函数，表达式，操作符和类库。

地址：http://www.adobe.com/go/flex2_apiref

Flex 2 开发指南

关于建立应用程序，使用组件，数据模型，错误处理。也包括了Flex Charting 2 和Flex Data Services 2.

PDF文件, 10.5MB：http://www.adobe.com/go/flex2_devapps_pdf
在线版：http://www.adobe.com/go/flex2_devapps

建立并扩展 Flex 2 组件
使用 MXML 和ActionScript建立并扩展Flex2组件

PDF文件, 1.3MB：http://www.adobe.com/go/flex2_components_pdf
在线版：http://www.adobe.com/go/flex2_components

建立并配布 Flex 2 应用
描述建立并配布Flex 2 应用的过程. 包括安全，运行效率，日志，播放器检测，编译器。

PDF文件, 2.7MB：http://www.adobe.com/go/flex2_building_pdf
在线版：http://www.adobe.com/go/flex2_building

ActionScript 3.0 编程
描述了ActionScript 3.0 的编程基础概念。包括了语言，事件处理，面向对象变成，数据类型，正则表达式，XML（E4X），网络和Flash Player安全。

PDF文件, 3.8MB：http://www.adobe.com/go/programmingAS3_pdf
在线版： http://www.adobe.com/go/programmingAS3

移植应用到 Flex 2上
描述了如何移植Flex 1.5的程序到 Flex2上。

PDF文件, 900KB：http://www.adobe.com/go/flex2_migrating_pdf

Flex 2 Quick Starts Flex Developer Center 文本打包
包括Flex 2 使用说明的PDF文档和HTML格式的Flex 2 手册和Flex Data Services 2 文档。

下载 (.zip, 45.5MB)http://www.adobe.com/go/flex_documentation_zip

leoli 2006-12-07 11:27 发表评论

flex2 + jsp +mysql sample

leoli — Mon, 27 Nov 2006 08:58:00 GMT

摘要: 数据库表这个sql是用pd生成的，具体内容大家自己看一下好了，很简单，数据也自己填充一下。标题上说是用mysql，其实无所谓用啥数据库了，这里我推荐Postgresql，现在有for win平台了，不用cygwin来模拟unix环境，这个Postgresql一来小巧，二来功能齐全，看起来有点象Oracle，当然速度也很快了。 ... 阅读全文

leoli 2006-11-27 16:58 发表评论

ActionScript语言函数重载

leoli — Wed, 08 Nov 2006 02:10:00 GMT

关键字:

ActionScript与JavaScript类似，都是符合ECMAScript语言规范的语言。ActionScript 3.0更是向面向对象语言靠近了一大步。相对而言，JavaScript则在停留在基于对象的层次上（曾经看到一份资料，说Firefox对JavaScript的支持有一个时间表，大概到07年春季就能支持JavaScript2.0,目前也就是1.5左右）。

抛开ActionScript与JavaScript的版本不谈，让我们探讨一些以下几个问题：
1.ActionScript 3.0 是面向对象的吗？
2.ActionScript 3.0 为什么不支持函数重载？

首先，官方对ActionScript3.0的描述如下：
ActionScript 3.0 offers a robust programming model that will be familiar to developers with a basic knowledge of object-oriented programming.

Because of ActionScript's roots as a scripting language, ActionScript 3.0 OOP support is optional. This affords programmers flexibility in choosing the best approach for projects of varying scope and complexity. For small tasks, you may find that using ActionScript with a procedural programming paradigm is all you need. For larger projects, applying OOP principles can make your code easier to understand, maintain, and extend.

从上述叙述来看，ActionScript的确是支持面向对象语言的，但它不是作为一个面向对象语言来设计的。它源自脚本语言，并支持对象的概念。引入面向对象机制是为了克服脚本语言面对大型软件开发的重用、维护及扩展的难题。实际上，脱离应用和历史，谈论某种语言的面向对象机制的纯粹性毫无意义可言（就像论坛经常就C++或Java孰优孰劣论战一样毫无意义）。

其次，ActionScript语言为什么不支持函数重载。

照我的理解，函数重载（Function Override）从来不是面向对象语言的核心。因此，ActionScript语言是否支持函数重载不应该成为人们批评或质疑它的原因之一，是否实现函数重载完全取决于你的应用。

曾经遇到一个问题，Java语言的某个类接口要映射要ActionScript类，由于该类的接口有函数重载的现象，导致ActionScript无法声明相应的接口。例如：
//Java类
interface PetStoreFacade{
Account getAccount(String username);
Account getAccount(String username, String password);
//...
}

//ActionScript类
interface PetStoreFacade{
function getAccount(username:String):Account;
function getAccount(username:String, password:String):Account;//ERROR,ActionScript不支持
}

从此例，大家可以看出，讨论ActionScript是否支持函数重载的来源了（这大概是其中之一，即与支持函数重载的语言配合工作，或者要从支持函数重载的语言迁移到ActionScript就可能会遇到函数重载的问题）。

关于ActionScript支持函数重载的文章很多，通过ActionScript提供的语言机制和变通的手法，可以让ActionScript支持函数重载。示例如下：

class PetStoreFacadeImpl{
function getAccount(obj:*):Account{
if(arguments.length==1){
if(arguments[0] typeof 'String'){
//do getAccount(username:String)
}
}
else if(arguments.length==2){
if(arguments[0] typeof 'String' && arguments[1] typeof 'String'){
//do getAccount(username:String,password:String)
}
}
}
}

通过arguments的判断比较，实现了函数重载，只需调用时传入合适的参数即可。不过我们仍然要问，为什么ActionScript不能直接支持函数重载。语言内部的实现机制是怎么样的？仔细查阅了一些资料之后，发现这个问题其实很简单。原来，这跟ActionScript语言的内部设计实现有关。我们给出几个重要的概念，有助于理解上述问题。

（一）函数也是对象
ActionScript语言所谓的函数实际上也是对象（即Function），而且函数也是对象。函数可以依附于任何对象，它是自由的。而面向对象语言例如Java，函数是和类实例绑定在一起的（静态函数可以脱离类实例，但绑定于类，仍然不能自由访问）。

（二）对象是关联数组
ActionScript语言的所谓对象，实际上是一个属性和函数关联数组。你可以定义一个类，包含若干属性和函数。例如上述PetStoreFacadeImpl类。假设它包含一个String类型的属性attribute，可以通过.操作符访问属性，如:
PetStoreFacade facade = new PetStoreFacadeImpl();
var attr:String = facade.attribute;

访问函数，通过 facade.getAccount(username)调用函数。实际上，还可以这样：
var attr:String = facade['attribute'];//数组
facade['getAccount'].call(null,username) //数组
或者
facade['getAccount'].call(null,username,password) //数组

看来，属性和函数标识是作为其对象访问时的唯一主键，因此也就没办法直接支持编码式的函数重载了。

leoli 2006-11-08 10:10 发表评论

BlogJava-Thinking in MyLife-文章分类-Flex

alert

flex 's bug (can't post data ie)

转 http://www.nshen.net/blog/article.asp?id=495 flex tip

flex dateForm

flex 大赛 获奖

Modular

Coloring the Background of Cells

flex metadata tag

Flex Datagrid 's tooltip using the itemRollOut event

Flex Datagrid 's tooltip using the itemRollOut event

export to excel from flex

不用Cell Renderer如何在ComboBox里加入自定义ICO

比较好的 flex 网站

flex 参数

flash使用FlashVars接收html参数

Flex2 官方学习资料(转载)http://www.killflash.net/blog/article.asp?id=108

flex2 + jsp +mysql sample

ActionScript语言函数重载

flex 大赛获奖