Ed's Commonplace 學習筆記

Android 筆記-讓 WebView 裡的 javascript 呼叫 java

2011-12-20T14:58:00.004+08:00

這幾天碰到了一個問題
在 WebView 裡面有撥電話的連結
使用類似下面這樣的 html 碼

<a href="tel:0288888888">0288888888</a>

點下連結時 Android 會叫出撥號介面並且自動將號碼填進去
使用者只要按下撥號鍵就可以撥出

不過要是電話號碼有分機資訊時
我們需要的電話號碼可能是 0288888888,123 這樣的格式(","代表暫停兩秒)
使用上述方法叫出撥號介面的話
Android 會把","及其後面的號碼都給去掉

為此我做了一些測試
發現如果是透過 Intent.ACTION_DIAL 叫出撥號介面會出現一樣情形
但是 Intent.ACTION_CALL 直接撥號可以正常撥出分機

所以只要我讓 WebView 呼叫 java
透過 Intent.ACTION_CALL 直接撥號
就可以解決分機的問題了

那要怎麼做呢?
就是用 addJavascriptInterface 這個方法

把要做的事情寫在一個對應 Object 的 method 裡面


MyObj myObj = new MyObj();

public class MyObj{
 public void telext(String telStr) {
  Uri uri = Uri.parse("tel:"+telStr);
  Intent intent = new Intent(Intent.ACTION_CALL, uri);  
  startActivity(intent); 
 }
}

在 WebView 載入資料前要指定對應的 Obj

//打開 JavaScriptEnabled 並加入對應物件
myWebView.getSettings().setJavaScriptEnabled(true);
myWebView.addJavascriptInterface(myObj, "myObj");

addJavascriptInterface 需要傳入兩個參數
第一個是 Object 物件，第二個是 javascript 呼叫時的名稱

載入的 html 就可以用類似這樣的方式呼叫 java

<a href="#" onClick="window.myObj.telext('"+sContactTel+"');\">sContactTel</a>

Android 筆記-WebView 無法正確顯示 UTF-8 編碼內容的解決辦法

2011-12-20T14:43:00.004+08:00

公司的測試手機 Nexus S 升級 Ice Cream Sandwich (4.0.3) 之後
發現了一個小問題
就是原本 app 裡面的 WebView 裡面的中文字變成了亂碼
而在 2.3.6 的版本則是正常顯示

但是明明 html 碼裡面已經指定了

<meta http-equiv="Content-Type" content="text/html; charset=utf-8">

WebView 載入資料時也指定為 UTF-8 了

myWebView.loadData(sHtml, "text/html", "utf-8");

為什麼還是會有亂碼呢?

上網搜尋後發現有一個解法
就是改用 loadDataWithBaseURL 這個 method

myWebView.loadDataWithBaseURL(null, sHtml, "text/html", "utf-8", null);

其原理是利用這個方法強迫 WebView 去把 html 的內容給 base encode
資料來源是這裡

PureMVC 入門筆記-2

2011-02-10T14:22:00.006+08:00

接著來看看 Notification

Notification

Package：org.puremvc.as3.patterns.observer
實作 INotification，與 Flash 的 Event 機制不同的是
Event 機制遵循的是責任鍊(Chain of Responsibility) 模式，事件會跟著 displayObject 的 parent 一直上浮
而 Notification 則是遵照發布/訂閱模式，訂閱者只接收感興趣的消息，與接收者之間並無 parent/child 關係
而 Notification 並不是用來取代 Event 機制的，它們需要相互合作使用

主要 public 方法有：
//建構子

Notification(name:String, body:Object = null, type:String = null)

getBody():Object
getName():String
getType():String

setBody(body:Object):void
setType(type:String):void

toString():String

由於 Proxy, Mediator, Command 都繼承自 Notifier 並實作 INotifier
所以有一些共通的屬性方法

//連到 Facade 實體的參照

facade : IFacade

initializeNotifier(key:String):void

sendNotification(notificationName:String, body:Object = null, type:String = null):void

這些就不一一列在下面了
而要注意的是 Mediator/View 之間的關係不可避免的是緊耦合，Proxy/Data 也是一樣。但這樣可以讓他們與其他程式碼變成松耦合

Proxy

Package：org.puremvc.as3.patterns.proxy
繼承 Notifier，實作 INotifier, IProxy
Proxy 的角色是被 Model 註冊的數據持有者，並用來實現 Domain Logic，其中 data 可以透過 getter 轉型為它真正的型別

Protected 屬性：

data : Object
proxyName : String

主要 public 方法有：
//建構子

Proxy(proxyName:String = null, data:Object = null)

setData(data:Object):void
getData():Object
getProxyName():String

Mediator

Package：org.puremvc.as3.patterns.mediator
繼承 Notifier，實作 INotifier, IMediator
Mediator 的工作是負責讓 view component 與系統其他部分進行溝通，其中 viewComponent 可以透過 getter 轉型為它真正的型別

Protected 屬性：

mediatorName : String

//用來存放視覺組件的變數

viewComponent : Object

主要 public 方法有：
//建構子

Mediator(mediatorName:String = null, viewComponent:Object = null)

//在這邊列出要 Mediator 感興趣的 INotification 的名稱，這裡有列的，handleNotification()才會收到

listNotificationInterests():Array

//Mediator需要監聽 Flash 裡的 Event (來自 view Component)，也要監聽 Notification，其差別就在於使用 listNotificationInterests() 跟 handleNotification() 這兩個方法來管理 Notification

handleNotification(notification:INotification):void

//handleNotification 範例 CODE
override public function handleNotification(notification:INotification):void{
 //建議使用 switch/case 來處理 Notification
 switch(notification.getName()){
  //這裡處理的 Notification 如果太多(超過四五個)，應把 Mediator 拆開
  case LoginProxy.LOGIN_FAILED:
   //..省略...
   break;
  case LoginProxy.LOGIN_SUCCESS:
   //..省略...
   break;
 }
}

//viewComponent 的取得與設定

setViewComponent(viewComponent:Object):void
getViewComponent():Object

getMediatorName():String

至於 Command，則分成 SimpleCommand 跟 MacroCommand 兩種
差別在於 MacroCommand 可以執行其他 ICommand
Command 的功能在於協調 Proxy、處理異常等等

SimpleCommand

Package org.puremvc.as3.patterns.command
繼承 Notifier，實作 INotifier, ICommand

繼承自 Notifier 的屬性與方法
//連到 Facade 實體的參照

facade : IFacade

sendNotification(notificationName:String, body:Object = null, type:String = null):void

自己的方法只有一個，就是

execute(notification:INotification):void

這個方法是給我們 override 用的，可以把要處理的事情寫進去

MacroCommand

Package org.puremvc.as3.patterns.command
繼承 Notifier，實作 INotifier, ICommand

除了跟 SimpleCommand 一樣擁有

facade : IFacade

execute(notification:INotification):void

sendNotification(notificationName:String, body:Object = null, type:String = null):void

之外

還有以下方法：

initializeMacroCommand():void
addSubCommand(commandClassRef:Class):void

addSubCommand(commandClassRef:Class) 可以為 Command 增加 SubCommand
( SubCommand 本身可以是 SimpleCommand 也可以是 MacroCommand)
在 execute() 時會遵循 First In/First Out (FIFO) 的順序

要注意的是 execute() 在這裡已經變成一個 final function
所以要改為 override 它的 initializeMacroCommand() 方法
initializeMacroCommand()的 override 應該要像這樣：

override protected function initializeMacroCommand():void{
 addSubCommand(me.myapp.controller.FirstCommand);
 addSubCommand(me.myapp.controller.SecondCommand);
 addSubCommand(me.myapp.controller.ThirdCommand);
}

以上，已經把這四個重要的類別掃過一遍了
再搭配高手們的範例來看應該就會對 PureMVC 有一些認識

PureMVC 入門筆記-1

2011-02-10T11:15:00.013+08:00

雖然已經有很多先進寫過關於 PureMVC 的相關文章
但是我還是習慣自己整理一下筆記來釐清觀念

PureMVC 的目的就是實踐 MVC 設計模式，把程式分成Model、View、Controller 三個部份，當然裡面還實作了 GoF 設計模式：可復用物件導向軟體的基礎裡面的其他設計模式(代理模式, 命令模式, 觀察者模式, 外觀模式, 單例模式, 工廠方法模式, 中介者模式...等)

Model (負責轉發請求，對請求進行處理) --> Proxy
View (使用者介面) --> Mediator
Controller(資料管理或實作演算法) --> Command
Facade (實做外觀模式，使用單一類別作為MVC三者溝通之用)

而溝通則使用 Notification (實做觀查者模式)，不使用 Flash 的 Event 機制，以便移植到其他語言
Notification 可以被用來觸發 Command 的執行
Facade, Proxy, Mediator, Command 大家都可以 sendNotification
而 Facade 跟 Proxy 不會接收 Notification

以下針對個別部份進行詳細說明：( Standard 版本)

Facade

Package：org.puremvc.as3.patterns.facade
是 IFacade 的單例實作
Facade 的功能有：
初始化 Model, View, Controller 的單例類別並提供所有方法
對主程式註冊 Command 的地方

主要 public 方法有：

getInstance():IFacade

//建立並發送 INotification.

sendNotification(notificationName:String, body:Object = null, type:String = null):void

//取得 Mediator

retrieveMediator(mediatorName:String):IMediator

//取得 Proxy

retrieveProxy(proxyName:String):IProxy

//註冊 Command, Mediator, Proxy

registerCommand(notificationName:String, commandClassRef:Class):void
registerMediator(mediator:IMediator):void
registerProxy(proxy:IProxy):void

//移除 Command, Mediator, Proxy

removeCommand(notificationName:String):void
removeMediator(mediatorName:String):IMediator
removeProxy(proxyName:String):IProxy

//檢查 Command, Mediator, Proxy 是否已註冊

hasCommand(notificationName:String):Boolean
hasMediator(mediatorName:String):Boolean
hasProxy(proxyName:String):Boolean

Protected 屬性及方法有：

instance : IFacade [static]
model : IModel
view : IView
controller : IController

//初始化的方法

initializeFacade():void
initializeModel():void
initializeView():void
initializeController():void

Facade 的範例 ApplicationFacade.as：

package com.me.myapp{
//import
import com.me.myapp.view.*;
import com.me.myapp.model.*;
import com.me.myapp.controller.*;

import org.puremvc.as3.interfaces.*;
import org.puremvc.as3..patterns.facade.*;

// 繼承 Façade, 實作 IFacade
public class ApplicationFacade extends Façade implements IFacade{
 // 為 Notification 定義常數
 public static const STARTUP:String = "startup";
 public static const LOGIN:String = "login";
 // 用以取得單一實體的工廠方法
 public static function getInstance() : ApplicationFacade{
  if ( instance == null ) instance = new ApplicationFacade();
  return instance as ApplicationFacade;
 }
 // 初始化 Controller，註冊 Command (建立 Notification 與 Command 的對應關係)
 override protected function initializeController( ):void{
  super.initializeController();
  registerCommand( STARTUP, StartupCommand );
  registerCommand( LOGIN, LoginCommand );
  registerCommand( LoginProxy.LOGIN_SUCCESS, GetPrefsCommand );
 }
 /** 建立一個 startup 方法把應用程式作為參數傳入
  * 並發出 Notification 將它送到已註冊的 StartupCommand
  */
 public function startup( app:MyApp ):void{
  sendNotification( STARTUP, app );
 }
}
}

整理到這邊好像篇幅差不多了
下一篇繼續來看 Proxy, Mediator, Command, 還有 Notification

Error in an XML file: aborting build. 的解決方式

2010-12-26T23:04:00.002+08:00

最近想來看一下 Android 的書
稍微了解一下手機應用程式開發會是怎麼樣的

但練習沒幾個範例就發現
寫完 main.xml ...編譯的時候會出現錯誤訊息
Error in an XML file: aborting build.
同時也自動新增了一個 main.out.xml 的空白檔案
但檢查來檢查去....程式碼都沒有錯誤阿

反覆測試後發現在 Eclipse 使用 ADT 開發 Android 的 apk 時
編譯的時候 Package Explorer 或編輯視窗不可以 focus 到任何一個 xml 檔案
不然編譯就會上述有問題，且會自動生成該 xml 檔案的 out.xml 檔

解決方式如下：
1. 先刪除自動生成的 ****.out.xml 檔案
2. 由於專案有錯誤是不能 compile 的，所以要先到 Project > Clean... 把該專案狀態與錯誤清空
3. 重新 Run (注意不要再 foucs 在 xml 檔案上)

在這裡做個筆記，希望能幫上遇到相同困擾的新手們

flash.net.registerClassAlias 與 Value Object

2010-11-03T00:30:00.001+08:00

接續前面的內容，在 Zend_Amf 入門裡面，透過 gateway 程式我們可以呼叫 PHP 的方法傳回資料
今天來研究一下另一種 Typed Object 的方式，把 PHP 類別 mapping 到 ActionScript 裡面(這種專門用來存放資料的物件稱為 Value Object)

首先回顧一下我們的 gateway，透過 addDirectory 我們把 AMFapp/ 下的 .php 動態載入

<?php
require_once 'Zend/Amf/Server.php';

$server = new Zend_Amf_Server();
$server->addDirectory(dirname(__FILE__) . '/AMFapp/');

$response = $server->handle();
echo $response;
?>

接下來我們在 AMFapp 下面新開一個資料夾 vo，專門用來放 Value Object 的類別
並在裡面建立一個 VOPerson.php

<?php
class VOPerson{
 //注意這裡!! 用 public $_explicitType 設定類別別名
 public $_explicitType = "VOPersonAlias";
 
 public $fName = "Joseph 喬瑟夫";
 public $lName = "Joestar 喬斯達";
 public $favoriteFood = array("T-Bone Steak", "Fried Chicken", "Chewing Gum");
 
 protected $standName = "Hermit Purple";
 private $birthday = "1920-09-27";
}
?>

除了用 public $_explicitType 設定類別別名外，也可以用 getASClassName 回傳類別別名
兩種方式擇一即可

public function getASClassName(){
 return 'VOPersonAlias';
}

有了 mapping 的 PHP 類別後，我們再寫一個 TestVO.php (放在 AMFapp下) 用來回傳這個 VOPerson 類別

<?php
//記得要把類別匯入
include 'vo/VOPerson.php';

class TestVO{
 public function getVOPerson(){
  return new VOPerson();
 }
}
?>

在 Flash 裡面我們也要準備一個跟 VOPerson 對應的類別，本例為 VOPerson.as
範例方便起見就使用 default package

package  {
 public class VOPerson {
  public var fName:String;
  public var lName:String;
  public var country:String;
  public var favoriteFood:Array;
  //非 public 的物件成員是不會 mapping 過來的，這邊只是測試用而已
  protected var standName:String;
  private var birthday:String;
  //這邊我們定義 toString 方法以便傾印資料
  public function toString():String{
   var s:String = "======== " + fName +" ‧ "+ lName +" ========\n";
   s += "國籍: "+ country +"\n";
   s += "喜歡的食物: "+ favoriteFood +"\n";
   s += "替身名: "+ standName +"\n";
   s += "生日: "+ birthday +"\n";
   s += "=================================================";
   return s;
  }
 }
}

該準備的東西都齊了，組合!!
ValueObjectTest1.fla

import flash.net.*;

//注意這裡!! 一定要註冊類別別名且與 $_explicitType 的值相同，這樣才可以正確識別
registerClassAlias("VOPersonAlias", VOPerson);

[Bindable]
var person:VOPerson;

var nc:NetConnection = new NetConnection();
var responder:Responder = new Responder(onNCResult, onNCFault);
nc.connect("http://localhost/zend_gateway.php");
nc.call("TestVO.getVOPerson", responder);

function onNCResult(re:*):void{
 person = VOPerson(re);
 trace(person); //因為我們寫了 toString()，所以可以直接 trace
}
function onNCFault(fault:Object):void{
 for(var s:String in fault){
  trace(s);
 }
}

如果順利的話就可以見到如下資訊
可以看到非 public 的屬性是過不來的

======== Joseph 喬瑟夫 ‧ Joestar 喬斯達 ========
國籍: U.S.A.
喜歡的食物: T-Bone Steak,Fried Chicken,Chewing Gum
替身名: null
生日: null
=================================================

如果出現錯誤訊息的話，請檢察類別別名是否有設定？
在 PHP 跟 AS 裡面設的別名是否相同？
需要的檔案是否正確匯入？...等

ActionScript (AMF3) 與 PHP 資料型別對照表

2010-11-01T11:47:00.003+08:00

ActionScript (AMF3) 對應 PHP 資料型別

ActionScript type (AMF3)	PHP type
undefined null	null
int	integer (超出範圍時為 float)
Number uint	float
Boolean	boolean
String	string
Array	array
Xml	SimpleXml
flash.utils.ByteArray	string
Object mx.collections.ArrayCollection	object
RemoteClass Object	class mapped object
date	Zend_Date

PHP 對應 ActionScript (AMF3) 資料型別

PHP type	ActionScript type (AMF3)
null	null
boolean	Boolean
string	String
integer float	Number
DomDocument	Xml
DateTime	Date
Array (索引式陣列)	Array
object Array (關聯式陣列)	Object
RemoteClass Zend_Amf_Value_TypedObject	typed object
RemoteClass Zend_Amf_Value_ArrayCollection	mx.collections.ArrayCollection

Zend_Amf 入門

2010-10-25T17:25:00.002+08:00

上一篇整理了 Flash 的資料交換方式，這次要開始慢慢切入正題
Flash Remoting 是 swf 使用 AMF 二元資料格式與伺服器的 Remoting Component 進行資料交換的技術(透過 HTTP)
在 PHP 有 amfphp, Zend_Amf 等
但由於 PHP 5.3 與 amfphp 1.9 在 localhost 測試時會出現錯誤
在找不到解決方法下，我打算改由 Zend_Amf 來上手

Zend Framework 是 Zend 公司針對 PHP 企業級開發的 Framework，而 Zend_Amf 就是其中的一組函式庫
取得的方法很簡單，只要上官方網站下載後解壓縮打開即可

而我是使用 svn 的方式來取得，既然是寫入門還是說清楚一點好了：
1. 首先如果 PC 裡沒有安裝 svn 軟體，可以下載安裝 TortoiseSVN (俗稱小烏龜)軟體
2. 在電腦裡開一個資料夾並命名，如 Zend Framework，按右鍵選擇 SVN Checkout，網址輸入 http://framework.zend.com/svn/framework/standard/trunk
3. 此時會跟網址上的檔案進行版本更新，但因為 Zend Framework 並不是很小，所以等它跑完大約需要幾分鐘

至於布署方式，只要把 library 的內容放到網站目錄下即可
(租用虛擬主機空間時由於無法更改主機設定故要用這種方式來布署)
我是選擇直接在 php.ini 裡做 include 設定，檔案就不用貼來貼去占空間
include 的方法如下：只要找到 include_path 這一行，然後以分號分隔把路徑加上去即可
路徑請記得改成自己的...

; Windows: "\path1;\path2"
include_path = ".;c:\php\includes;C:\Zend Framework\library"

這樣安裝跟布署就完成了!!

接下來還有一個重點就是要設定 Gateway 程式
在網頁目錄下新增一個 zend_gateway.php 輸入以下程式碼
並開一個子資料夾來放 remoting component，本例為 AMFapp/

<?php
//匯入 Zend/Amf/Server.php 檔案
require_once 'Zend/Amf/Server.php';

// 建立 Server 物件
$server = new Zend_Amf_Server(); //由於檔案是在 Zend/Amf/ (套件路徑)下，所以 new 的時候要寫為 Zend_Amf_Server
$server->addDirectory('AMFapp/'); //呼叫  Zend_Amf_Server 的 addDirectory 方法，將指定路徑下的檔案自動加進來

//呼叫 handle 方法處理資料並放入 $response 裡輸出
$response = $server->handle();
echo $response;
?>

而在 AMFapp 裡，開一個 HelloWorld.php 來測試吧

<?php
class HelloWorld{
 /**
  * 就是 Hello World 啦!!
  * @param string $arg
  * @return string
  */
 function sayHelloWorld($arg = ""){
  $returnValue = "Hello Zend_Amf!! 如果看到這就成功嚕!!". $arg;
  return $returnValue;
 }
}
?>

接下來是 ActionScript 的部分：(關於 NetConnection 的詳細內容請參閱官方文件)

package {
 import flash.display.*;
 import flash.net.*;
 
 public class MyTest_zend_01 extends MovieClip {
  private var ncZend:NetConnection;
  private var rsZend:Responder;
  
  public function MyTest_zend_01() {
   //建立 NetConnection 物件
   ncZend = new NetConnection();
   //將 Gateway 的完整路徑傳入 connect 方法
   ncZend.connect("http://localhost/zend_gateway.php");
   //建立 Responder 物件，指定回應與錯誤的 callback func
   rsZend = new Responder(onResult, onFault);
   //呼叫 call 方法開始連線
   //注意這裡是用 SomeClass.SomeFunc 的表示方式
   ncZend.call('HelloWorld.sayHelloWorld', rsZend, "這是傳入的字串");
  }
  //回應處理函式
  private function onResult(result:Object):void {
   trace(result);
  }
  //錯誤處理函式
  private function onFault(err:Object):void {
   trace("fault:");
   for (var i:String in err) {
    trace(i, ":", err[i]);
   }
  }
 }
}

測試發布時如果看到 output 有 trace 出訊息就表示成功了!!

Flash 資料交換方式整理

2010-10-20T17:52:00.000+08:00

把已知的 Flash 資料交換方式筆記整理一下 (部分參閱自 shinder 老師書裡的內容，請多多支持 shinder 老師的大作呦)

● FlashVars
使用時機：使用 URL-Encoded 字串，故我覺得很適合配合 JavaScript 把 GET 參數在一開始帶入 swf 裡
可以參考此篇舊文
● ExternalInterface
使用時機：swf 實體跟它的 Container 進行溝通，例如呼叫網頁上的 JavaScript function 或 JavaScript 呼叫 actionscript function
● LocalConnection
使用時機：一個以上執行中的 swf 實體互相進行溝通用
● URLLoader
使用時機：透過 GET/POST 傳遞字串資料至 Server 並接收回應
參考此篇舊文
● XML
使用時機：以字串方式傳遞結構性、且筆數較少的資料

須伺服器環境配合的有下面兩種：
● Flash Remoting
使用時機：使用 HTTP 傳遞 AMF 格式的二元資料(可傳遞 Object 及 Array 等格式)，但必須 Server 有相對應的 Remoting Component
● Socket
使用時機：及時網路遊戲或聊天室，使用的是 TCP Socket 連線，需要 Socket Server

備忘-Gaia Framework 安裝路徑

2010-06-14T10:15:00.000+08:00

Gaia Framework 的 mxp 檔案用 Extension Manager 安裝之後
會放在類似如下的路徑：
C:\Documents and Settings\使用者帳號\Local Settings\Application Data\Adobe\Flash CS5\語系\Configuration\

所以如果有語言版本上的問題導致 Gaia 安裝後卻找不到面板
可以把該路徑下的相關檔案拷貝到正確語系的資料夾再重開 Flash 就可以找到了

Dreamweaver 小技巧 - 自訂開新檔案範本

2010-04-19T10:19:00.001+08:00

來分享一個簡單到一個不行的小小小技巧

在 Dreamweaver 制定網站的 CSS 樣式時
總是會有一些常用的樣式
以前我每次都要去舊的檔案裡把可以通用的樣式找出來再貼進新的檔案裡
再開始修修改改
或著是乾脆重打

但是每次都這樣搞也太累了
有沒有省事一點的方法咧？
可以參考一下這個小步驟：

只要到 Adobe Dreamweaver 安裝路徑下的
\configuration\DocumentTypes\NewDocuments
這資料夾裡面放的是 Dreamweaver 在開新檔案時會使用的範本
如果要修改範本就打開該檔案類型的 Default 檔
例如要修改CSS的範本就打開 Default.css
不管是注釋還是什麼的通通都盡情寫進去吧
編輯完存檔就搞定啦！

現在你可以在 Dreamweaver 裡選開新檔案
然後選你剛改過範本的那個檔案類型(如 CSS)
你會發現你剛剛修改的範本的確出現了

如果你的 html 也有一個固定的 div 架構
當然也可以制定在 Default.html 裡面

雖然只是小小一個步驟
不過在工作上還蠻方便的
尤其是習慣寫注釋跟分區塊整理原始碼的人
檔案一打開就有條有理的感覺超好的啦
有路過的就參考看看嚕

Flash 如何在 SWF 檔案中內嵌字型

2010-04-09T16:38:00.002+08:00

很久沒寫 blog 的我今天再來寫一篇基礎文章吧

稍微有在寫 actionscript 的人應該碰過這樣的狀況，
就是你想在某個地方放一個動態文字欄位
但是動態文字如果不內嵌字型的話，就會是醜醜的鋸齒狀文字
要是用了使用者電腦沒有的字體，還顯示不出來哩

那麼要如何在SWF檔案中內嵌字型呢？
作法其實要看你的狀況而定

1. 動態文字的內容是固定的
如果動態文字的內容是固定的，這樣的狀況可以考慮用 Flash IDE 的功能把要用的字內嵌在 SWF 檔案中
由於中文字數遠多於英文字母，因此不建議全部嵌入
只嵌入我們要的文字即可
首先建立一個動態文字欄位 embed_txt，然後把你要內嵌的文字內容全部貼進去
接下來在屬性面板打開字元內嵌的對話框
並在"包括下列字元"這個選項，選擇"自動填字"，然後按下確定就可以了。
(當然你也可以自己把會用到的字填到這一欄中)

接下來你可以把 embed_txt 裡的字給刪掉，或將他的 visible 設為 flase
嵌入的文字在同一個檔案中是可以共用的
因此同一個檔案如果有其他需要使用相同內嵌字的，只要內嵌一個空白就可以，不用重複嵌入。

2. 動態文字的內容較多或不固定
如果動態文字的內容是不固定或比較多，我們就該考慮是否要把整個字型給嵌入
要嵌入整個字型當然也可以在字元內嵌的對話框中去做。
但這樣整個字型都會包在要執行的 SWF 檔中，好一點的作法是把它變成另一個檔案再載入進來使用
要發布字型的SWF檔案還是要靠 Flash IDE
在 CS4 的 Library (元件庫)面板，點開右上角的功能表，然後選擇"新增字體"

選擇你要嵌入的字體及樣式(如果是要把字體當做點陣圖嵌入的話要順便指定字體大小)
連結部份勾選"匯出給 Actionscript 使用"，並指定類別名稱
(順便可以看到他的基底類別是 flash.text.Font)
確定後發布 SWF 檔。這樣我們就有一個字型檔案了
接下來在另一個檔案把它載入吧
開一個新檔案並輸入以下程式碼：

var ldrContext:LoaderContext = new LoaderContext();
var wordLdr:Loader = new Loader();
var myFont:Font;

//指定載入的SWF檔的 applicationDomain 為 currentDomain
ldrContext.applicationDomain = ApplicationDomain.currentDomain;

wordLdr.contentLoaderInfo.addEventListener(Event.COMPLETE, onWordLdrComplete);
try{
 //載入事先準備好有內嵌字型的 SWF 檔案
 wordLdr.load(new URLRequest("DFLiKaiShu-Md.swf"), ldrContext);
}catch(err:Error){
 trace(err);
}

function onWordLdrComplete(event:Event):void{
 //使用  getDefinitionByName 傳入類別名稱
 var fontClass:Class;
 fontClass = getDefinitionByName("Font_DFLiKaiShuMd") as Class;
 //註冊字型
 Font.registerFont(fontClass);
 //如果不知道字型名稱，就把它 new 出來，就可讀取 fontName 屬性
 myFont = new fontClass;
 useFont();
}

var tf:TextFormat;
var t0:TextField= new TextField();
t0.autoSize = TextFieldAutoSize.LEFT;
//embedFonts = true 表示使用內嵌字體
t0.embedFonts = true;
this.addChild(t0);

function useFont():void{
 //字型的名稱如果已經知道的話，不用new出myFont直接填入名稱字串也是可以
 tf = new TextFormat(myFont.fontName, 18); 
 t0.defaultTextFormat = tf;
 t0.text = "這裡的字會是華康儷楷書!!";
}

這樣就可以把內嵌字型給載入進來了，不過字型SWF檔案動輒好幾MB
最好是控制動態文字的字型不要太多，否則讀進這麼大容量的檔案也不是一件好事阿。

Gaia Framework - API 簡易說明

2010-01-19T11:17:00.003+08:00

這幾天把 Gaia API 的官方文件稍微翻譯一下
以下大致整理 Gaia Framework API 方法(AS3)

goto(branch:String, flow:String = null):void
呼叫goto方法前往網站的分支(branch)，如果該分支不存在會找到最近的
如果傳入的分支層級超過 site.xml 裡的架構，Gaia會記住該 branch 字串並發出 deeplink 事件，可用 getDeeplink() 得出這種 branch 字串。
第二個參數 flow 的值為 Gaia.NORMAL, Gaia.PRELOAD, and Gaia.REVERSE
例：

Gaia.api.goto("index/nav/people/friends");
Gaia.api.goto(Pages.HOME); //前往"index/nav/home"，建議使用這種方式，這樣若架構變更也不會有影響

getPage(branch:String):IPageAsset
傳入branch字串，回傳PageAsset，若字串不是有效的id則回傳null可利用它得到PageAsset物件進而利用content屬性對頁面的成員做操控(看來是擴充自 Loader)；PageAsset還有一個屬性children:Object可用來存取其下層物件
例：

Gaia.api.getPage("index/nav/home").content.myProp = value;
Gaia.api.getPage("index/nav/home").content.myFunc();
Gaia.api.getPage("index/nav/home").content.MC_Movieclip.x = 10;

getDepthContainer(depth:String):Sprite
回傳 Sprite 或 MovieClip 深度容器。必須傳入dapth常數。(Gaia.TOP, Gaia.MIDDLE, Gaia.BOTTOM, Gaia.PRELOADER)
例：

var top:Sprite = getDepthContainer(Gaia.TOP);

getDeeplink():String 從GaiaSWFAddress類別回傳超出site.xml領域的深層鏈結。
getSiteTitle():String
setSiteTitle(value:String):void
回傳/設定該網站的 title 屬性值(包含 %PAGE% 標記)。

getValidBranch(branch:String):String 把傳入 branch 字串轉為有效branch字串
getCurrentBranch():String 回傳目前branch。
setDelimiter(value:String):void 設定網站的分隔符號。完成後需呼叫refreshContextMenu()把ContextMenu更新。
getSiteTree():PageAsset 傳回index頁的PageAsset實體。
getMenuArray():Array 回傳site.xm中所有menu="true"的頁面的陣列。(從上到下排列)
getSiteXML():XML 回傳原始site.xml

getContextMenu():ContextMenu
refreshContextMenu():void

getPreloader():IMovieClip 回傳preloader。可以用它來呼叫自訂方法、重新定位等。
setPreloader(asset:MovieClipAsset):Void 用已載入的 MovieClipAsset 覆蓋preloader。不傳參數呼叫時則恢復預設。
getAssetPreloader():IMovieClip
getAssetPreloader():IMovieClip

getDefaultFlow():String
setDefaultFlow(flow:String):Void
回傳/設定網站的預設flow。值為 Gaia.NORMAL, Gaia.PRELOAD, Gaia.REVERSE 或 Gaia.CROSS。

Gaia.api.addAssets(nodes:XMLList, page:IPageAsset):void 在runtime為頁面添加外部動態assets 。

getWidth():int
getHeight ():int
回傳stage原始寬/高

getSitePosition():Object 以Object型態回傳目前Site View的x, y位置。對於要網站置中時有用。
setLoadTimeout(value:int):void 調整Gaia在載入branch時的容許等待時間，以毫秒為單位，預設值為10000。
setPreloaderDelay(value:int):void preloader呼叫transitionIn()的延遲時間(防止從快取載入時，preloader先跑出來)。預設150毫秒，可傳入的最小值為1。

setGlobalVolume(value:Number, duration:Number = 0; onComplete:Function = null):void 設定整個網站的全域數值。如果有傳入duration參數，它會在指定時間內漸變到該數值。如果有傳入onComplete參數，會在漸變完成後呼叫該function。
getGlobalVolume():Number 回傳目前全域數值。

getAvailableFonts():Array 回傳使用Runtime Font Loading成功註冊的所有字體類別名稱的陣列。
getFontName(className:String):String

SWFAddress Proxy方法

back():Void
forward():Void
getTitle():String
setTitle(title:String):Void
href(url:String, target:String):Void
popup(url:String, name:String, options:String, handler:String):Void
setHistory(b:Boolean):Void 除非你在site.xml的site節點設定history="false"，否則預設是開啟。
getHistory():Boolean
setTracker(s:String):Void 設定瀏覽追蹤函數。預設值為'urchinTracker'。
getTracker():String
getBaseURL():String

用於 Flash 網站前端開發的 GAIA Flash Framework-1

2009-12-09T16:16:00.017+08:00

GAIA Framework For Adobe Flash
是一個開放原始碼的 Flash 網站前端開發 framework
支援 AS3 與 AS2
整合 SWFObject, SWFAddress, TweenLite, DeMonster Debugger 等相關的東西
目前最新版是 Version 3.1.9

Adobe TV 裡有一段約一小時的影片是作者 Steven Scaks 對於 GAIA Flash Framework 做的介紹
http://tv.adobe.com/watch/fitc/gaia-framework-for-adobe-flash/
看完之後感覺用這個來做 flash 網站的話應該是會蠻快的
可以專心在製作頁面內容上

想玩玩看的話可以上官方網站 http://www.gaiaflashframework.com/
下載這個 framework 的 mxp 檔，安裝在 Flash CS3 或 CS4
或是先在該站首頁的左側看看那些使用本框架做出來的酷炫網站

官方的文件我稍微看了一下
目前的感覺是這個 framework 的確如作者所說
不會試圖改變開發者原本的習慣
而是提供快速的方法來幫助架構的建置
整個框架似乎還蠻好了解與上手的
而且是開放原始碼所以便於修改及研究
但還是要真正拿來實做一下才會知道好不好用
doc 也要詳細 k 一下才能了解所有的機制跟功能

後續文章會把 study 官方網站的 doc 後做一些整理...
但何時會有後續咧...我也不確定耶

Flex 筆記-養成良好習慣之 mxml 的 tag 順序

2009-12-09T11:49:00.004+08:00

雖然在順序上面好像是沒有硬性的規定
不過在 Adobe 官方的教學影片 Flex 4 beta in a week 裡面建議了 mxml 的順序應該依照下面順序來放置：

Properties of the parent(屬於本檔案最外層 container 的屬性，如 layout
, states 跟 transitions 標籤)
Metadata (後設標籤，如[Event]等等，可參考這裡)
Styles (css 樣式)
Script (ActionScript)
Declarations (非視覺化的 tag )
UI components (所有看得到的 components)

每一個區塊最好是用註解分隔開來

當然啦
tag 裡面的屬性應該要一行一個，或是相關的屬性放在同一行
這一點透過 Flex Formater 可以做很個人化的設定與排序

以上兩點好習慣養成
這樣對於易讀性會提高很多

Flex 筆記 - 讀取 XML 資料並做 filtering

2009-12-02T15:19:00.018+08:00

之前花了很多時間在 Flex in a week 上面
現在把一些 MXML 的基礎整理一下放上來
也算是對於這段時間的學習做個交代(不然 Flex 4 都要出了說...)

<?xml version="1.0" encoding="utf-8"?>
<MX:APPLICATION creationComplete="init()" xmlns:mx="http://www.adobe.com/2006/mxml">
 <MX:SCRIPT>
   <![CDATA[
   import mx.collections.XMLListCollection;
   import mx.controls.Alert;
   import mx.rpc.events.FaultEvent;
   import mx.rpc.events.ResultEvent;
   
   [Bindable]
   private var myData1:XMLListCollection = new XMLListCollection();
   
   protected function init():void{
    httpSer1.send();
   }
   protected function httpSer1_faultHandler(event:FaultEvent):void{
    Alert.show(event.message.toString(),"錯誤訊息：");
   }
   protected function httpSer1_resultHandler(event:ResultEvent):void{
    var list:XMLList = event.result.dataItem;
    myData1.source = list;
   }
   protected function searchBtn_clickHandler(event:MouseEvent):void{
    if (searchText.text != "") myData1.filterFunction = searchMyData;
    else myData1.filterFunction = null;  
    myData1.refresh();
   }
   protected function searchMyData(item:XML):Boolean{
    var searchResult:XMLList = item.(firstname == searchText.text || lastname == searchText.text);
    if (searchResult.length() > 0) return true;
    else return false;
   }
  ]]>
</MX:SCRIPT>
 <MX:HTTPSERVICE id=httpSer1 result="httpSer1_resultHandler(event)" fault="httpSer1_faultHandler(event)" resultFormat="e4x" url="assets/myData.xml" />
 <MX:HBOX>
  <MX:TEXTINPUT id=searchText />
  <MX:BUTTON id=searchBtn click="searchBtn_clickHandler(event)" label="Search" />
 </MX:HBOX>
 <MX:DATAGRID id=myDataGrid dataProvider="{myData1}">
  <MX:COLUMNS>
   <MX:DATAGRIDCOLUMN headerText="First" dataField="firstname" />
   <MX:DATAGRIDCOLUMN headerText="Last" dataField="lastname" />
  </MX:COLUMNS>
 </MX:DATAGRID>
</MX:APPLICATION>

重點說明:
1. 利用 HTTPService 標籤讀取 xml 資料，resultFormat 設為 e4x
2. 將 result 放入 XMLListCollection 實體的 source 中，因為 Collection 這種類別可以進行篩選
3. 篩選功能利用的是 XMLListCollection 的 filterFunction 屬性指定實際進行篩選的 function，再利用 XMLListCollection 的 refresh() 方法更新
4. filterFunction 必須要將合乎篩選規則的資料回傳 true

jQuery-動畫效果

2009-11-10T17:54:00.002+08:00

分類	方法	說明
基本	.show()	可傳入 'fast'(0.2秒)、'normal'(0.4秒)、'slow'(0.6秒)或毫秒數第二個參數可傳入 callback
	.hide()
	.toggle()	可傳入 boolean 值，或速度與 callback
滑動	.slideDown(speed)	可傳入 'fast'(0.2秒)、'normal'(0.4秒)、'slow'(0.6秒)或毫秒數第二個參數可傳入 callback
	.slideUp(speed)
	.slideToggle(speed)
淡入淡出	.fadeIn(speed)	可傳入 'fast'(0.2秒)、'normal'(0.4秒)、'slow'(0.6秒)或毫秒數第二個參數可傳入 callback
	.fadeOut(speed)
	.fadeTo(speed, opacity)	傳入速度, 透明度(第三參數為 callback)
自訂動畫	.animate()	參數為( params, [duration], [easing], [callback] ) easing 除了"linear"跟"swing"外，都需要 plugin 例：$("#block").animate({width:"70%", opacity:0.4, fontSize:"3em"}, 1500);
自訂動畫	.stop([clearQueue], [gotoEnd])	停止動畫
設定指令	jQuery.fx.off	設為 true 則 disable 所有動畫

分類	方法	說明
佇列 (可與動畫串接)	.queue()	將非效果的方法也排入佇列傳入 callback 則為在佇列結尾附加 callback 若已存在佇列，傳入新佇列會取代舊佇列
佇列 (可與動畫串接)	.dequeue()	執行佇列中的下一個動畫 (若沒有在 queue 後面執行 dequeue 則動畫會停止)

在 css 中執行 js 陳述式 (IE only)

2009-11-10T17:15:00.003+08:00

今天在逛同事 Bruce 的部落格, 看到了一個在 CSS 裡執行 js 的方式
原來還有這一招阿! 趕快給它學起來...

<style>
a{
noframe:expression(this.onFocus=this.blur());
/*noframe為自訂屬性名，可替換為任意名稱*/
}
img.altImg1{
text:expression(src="myImage.jpg");
width:expression(300 +"px");
}
</style>

...(略)

<img id="altImg" class="altImg1">
<a href="#">這個連結點下去時不會有虛線框</a>

如上，透過在 css 裡面執行 expression() 方法，就可以替該 DOM 元素的屬性給值
但可別高興得太早阿
經過我驗證之後，發現這個功能是 IE 擴充的，而非 W3C 標準
也就是說它在其他瀏覽器上沒有作用!!
哇哩咧...這不是白玩了嗎??
不過也許可以利用這一點來做一些 IE hack
例如 IE 不支援的 fixed定位，或是 max-width 與 max-height
下次有機會再來 try try 看吧

jQuery-選擇器

2009-11-09T18:07:00.009+08:00

有鑑於每次要用 jQuery 的時候都要重新翻書確定一下用法
所以乾脆還是把一些要用的資訊整理一下好了

選擇器 (Selector)：

分類	選擇器	意義
CSS 選擇器	標籤名稱	文件中所有該標籤的元素(element)
	#	id
	.	class
	,	用來結合不同條件
子元素組合運算子	a>b 或 a b	a 的子元素 b
	a+b	緊接 a 元素的 b 元素例：$('tr + td')
	a~b	與 a 在同一層的 b 元素例：$('#myDiv ~ div')
屬性選擇器 (支援正規表示式)	[]	屬性篩選 ^ 字串首 $ 字串尾 * 任意字 ! 反向例：$('a[href^=mailto:]') $('a[href$=.pdf]')
自定選擇器	:eq(index)	索引值
	:gt(index)	索引值後
	:lt(index)	索引值前
	:visible	可視元素
	:hidden	隱藏的元素
	:first	第一個元素
	:last	最後一個元素
	:odd()	奇數
	:even()	偶數
	:has(selector)	含
	:not(selector)	不含
	:empty	無子元素
	:contains(text)	含有指定文字
	:header	<h1>到<h6>
	:animated	正在動畫中的元素
子元素選擇器	:child(formula)	公式的形式為 a*n+b
	:parent	父元素
	:first-child	第一個子元素
	:last-child	最後一個子元素
	:only-child	在父元素下是唯一的子元素
	:nth-child(index/even/odd/equation)	父元素的第index(從 1 開始)個子代元素
	:nth-	父元素的子代元素
表單選擇器	:text :checkbox :radio :image :submit :reset :file
	:input	input, textarea, select, button 等元素
	:button	Button 元素及具有 type 屬性的 input 元素
	:enabled	作用中的表單元素
	:disabled	禁用中的表單元素
	:checked	被核取的radio button 和 checkbox
	:selected	被選到的下拉選單 option

或是參考官方的 doc
http://docs.jquery.com/Selectors

讓 IE 8 以下版本對 CSS 有更佳支援度的方法

2009-10-30T11:00:00.002+08:00

昨天碰到一個 IE6 下的網頁樣式問題，因為一直解不掉覺得很傷腦筋
今天不甘心上網查詢看看
後來去同事 Bruce 的部落格竟然找到解決方法!!
趕快我也記錄下來：



將以上這段碼貼到 head 標籤區塊內
就可以讓 IE 8 以下版本對 CSS 有更佳支援度歐

大家可以試試看呦!!
在此也感謝 Bruce 啦!!

出處：
http://code.google.com/p/ie7-js/

Flash 的 cookie -- SharedObject 類別

2009-10-20T18:40:00.005+08:00

今天要講的是已經存在很久我卻一直沒有機會用到...可以看作 "Flash 的 Cookie"的 ShareObject 類別(flash.net.SharedObject)

這個類別可以把資料存進使用者電腦本機裡
比 cookie 好用的地方在於，它可以存放如 Array 或 Object 這樣的物件資料型態
這樣同一網域下的不同 swf 檔也可以共用資料了
廢話不多說，直接介紹要怎麼用吧~~
(這邊只介紹本機 SharedObject，更詳細用法或遠端 SharedObject 請直接查官方 doc)

1. 建立或取得 SharedObject
先建立一個 SharedObject 實體，然後使用 static 方法 SharedObject.getLocal(name:String, localPath:String = null, secure:Boolean = false) 依照傳入的名稱取得 SharedObject 回傳，若不存在則會建立
例：
var share_so:SharedObject;
share_so = SharedObject.getLocal("localVar");

2. 把需要存放的資料放進 SharedObject 實體的 data 屬性，注意不可直接將資料指給 share_so.data 否則會被忽略
刪除 data 裡的某個資料應使用 delete
例：
share_so.data = this.myData; //無效
share_so.data.myData1 = this.myData1; //正確
share_so.data.items = items_array; //複雜資料型態
share_so.myData2 = this.myData2; //可以，但其他同網域下的 swf 無法存取該屬性，且在該 swf 關閉後也不會被存在本機裡
delete share_so.data.myData3; //刪除 myData3 的資料 (將 myData3 設為 null 或 undefined 並不會刪除它)

3. SharedObject 會在被關閉前自動寫入本機，但可以呼叫 flush(minDiskSpace:int = 0) 立即將 SharedObject 寫到本機。
minDiskSpace 為要求空間大小的位元組(建議一次要夠，因為如果可存取空間小於 minDiskSpace 的話，flash player 會跳出對話方塊要求使用者加大允許空間)
這個方法會回傳 SharedObjectFlushStatus.PENDING 或 SharedObjectFlushStatus.FLUSHED
例：
var flushResult:String = share_so.flush();
if(flushResult == SharedObjectFlushStatus.FLUSHED) trace("寫入完成!");
else if(flushResult == SharedObjectFlushStatus.PENDING) trace("配置的空間不足以儲存此物件");

4. 其他重要屬性
size:uint (ShareObject 目前大小，以位元組為單位。)

不過有幾點要注意：
1.swf檔的尺寸必須大於 215x138。這是為了要在 swf 跳出對話方塊，以便使用者可以更改本機存放的資料大小設定(預設是 100KB)
2.由於存放資料的空間大小是使用者可以變更設定的，所以資料有可能會因為使用者變更設定而遺失
3.隱私權方面，swf 檔僅能讀寫在自己網域內的 SharedObject(但存在本機上的 swf 檔可以隨時將其他網域的共享物件寫入磁碟。)

為 swf 自訂右鍵選單

2009-10-14T11:40:00.006+08:00

這小技巧其實已經用了很久了
但是竟然一直沒有在這個 blog 裡寫一篇關於這個的備忘
今天來補一下吧

InteractiveObject 類別下層的每一個物件都可以有一個唯一快顯選單，可以將 Stage 屬性 showDefaultContextMenu 設為 false 移除選單中所有預設的命令( 除了「設定」和「關於」以外 )。
那要怎麼自訂快顯選單咧~~
先建立一個新的 ContextMenu 類別實體、呼叫 hideBuiltInItems() 方法，並將該實體指定給該 DisplayObject 實體的 contextMenu 屬性。

下面來看看簡單的 Demo Code：

import flash.net.*;
import flash.ui.*;

....(省略)

private var customMenu:ContextMenu;
private var customMenuItem:ContextMenuItem;

....(省略)

//===============================
//custom ContextMenu setup
private function initContextMenu():void {
　customMenu = new ContextMenu();
　customMenuItem = new ContextMenuItem("By Edward Lo");
　customMenuItem.addEventListener(ContextMenuEvent.MENU_ITEM_SELECT, contextMenuHandler);
　customMenu.hideBuiltInItems();
　customMenu.customItems.push(customMenuItem);
　this.contextMenu = customMenu;
}
//ContextMenuEvent Handler
private function contextMenuHandler(e:ContextMenuEvent):void {
　navigateToURL(new URLRequest("http://edscb.blogspot.com/"),"_blank");
}
//===============================

TextField 的 htmlText 所支援的標籤

2009-10-09T17:40:00.003+08:00

從 Flash 外部讀入文字資料，放入 TextArea 組件裡呈現時
往往都會覺得文字的編排不美觀
這時候就要靠 html 標籤來為文字資料指定樣式
但網頁設計師可別高興得太早...Flash 支援的 html 標籤可是很有限阿
不過做些簡單編排的話是還算夠用的
以下把 Flash 支援的 html 標籤做個整理 (又在做沒營養的事情....)

<a>
可用屬性：target、href
<font>
可用屬性：color、size、face (用法與 font-family 同)
<img> 可以塞 SWF (表示它其實是個 Loader 來著)
可用屬性：src、id (可藉 id 以 AS 進行控制)、width、height、align ( left 或 right)、hspace (預設為 8 )、vspace (預設為 8 )、checkPolicyFile
<p>
可用屬性：align (有效值為 left、right、justify 和 center)、class (由 flash.text.StyleSheet 物件定義的 CSS 樣式類別 )
<span>
可用屬性：class (由 flash.text.StyleSheet 物件定義的 CSS 樣式類別 )
<textformat>
可用屬性：blockindent (區塊縮排)、indent (首行縮排)、leading (行距)、leftmargin、rightmargin、tabstops

以下這些就不用多做介紹了：
<li>項目符號(不排序)
<b>
<i>
<u>
<br>

為 TextField 的 html 超連結加入事件機制

2009-10-08T10:22:00.002+08:00

在 Flash 裡，文字欄位可以直接在屬性面板裡面設定超連結與目標視窗(target)
這樣做的話滑鼠移動到該文字欄位時會變成手指圖示

那麼若是超連結需要動態指定時，如何使用 ActionScript 3 達到相同效果呢?

昨天我就遇到了這個問題
一開始我在 TextField 監聽 MouseEvent.CLICK 事件，並指定處理函式負責連結到不同位置的功能
功能上是沒問題，但這樣一來滑鼠游標就不是原本想要的手指圖案，而是文字的" I "圖示了
本來想直接在文字上面放一個透明 MovieClip 就解決了
但今天還是不甘心查了一下，想知道 Flash IDE 是怎麼做的
往 TextField 的 htmlText 屬性去查，果然一查就查到了!!
原來要在 TextField 的 htmlText 指定 <a> 標籤裡的 href 去發出 TextEvent.LINK
趕快記下來：

(前略)...您可以使用 link 事件，讓連結執行 SWF 檔中的 ActionScript 函數，而不是開啟 URL。若要指定 link 事件，請使用事件結構，而不是您的 href 特質中的 http 結構。例如使用 href="event:myText"，而不是 href="http://myURL"。當使用者按一下包含事件配置的超文字連結時，文字欄位會傳送其 text 屬性設定為 "myText" 的 link TextEvent。接著，您可以建立於傳送 link TextEvent 時執行的 ActionScript 函數。您也可以使用樣式表，定義錨點標籤的 a:link、a:hover 及 a:active 樣式。

之前都沒有接觸過 TextEvent，這下子學到了!!
以後可不能什麼都習慣用 MouseEvent 阿.....

如何使用 AS3 + SWC 在 FlashDevelop 裡進行開發

2009-10-07T10:20:00.010+08:00

Flash Develop 是使用 .NET 2.0 架構與 C# 語言所實作出來針對開發 Flash 平台的程式編輯器
除了提供了不錯的編輯環境外，它還針對 Flash 的開發提出了不錯的 workflow

這次要來談一談如何使用 AS3 + Flash IDE 發布的 SWC 元件在 Flash Develop 裡進行開發
(本篇只討論開發流程，不介紹安裝與設定方面的細節，若需詳細資訊可參考 flashdevelop.org 官方文件)

0. 專案建立
　在 FlashDevelop 裡建立專案(官方建議是 AS3 Project with preloader，但如果是較簡單專案可選 AS3 Project 就好)

1. 元件製作
　(1) 視覺部分在 Flash IDE 裡繪製 (原始檔存在專案的 src 資料夾內)，也可以做時間軸動畫，但唯一要注意的是元件與其子元件的在元件庫裡的命名最好是相關而有意義的，否則很容易重覆或搞混
　(2) 做好後在元件庫選該元件的右鍵"屬性"或"連結"，勾選"匯出給 ActionScript 使用"，並設定類別 (建議就是元件名稱，但建議加 package 以免混淆) 與基底類別 (預設 flash.display.MovieClip，但若元件本身沒有時間軸動畫建議改為 Sprite)
　(3) 發布選項記得勾選 "匯出SWC"，發布路徑選擇專案的 lib 資料夾內

2. 程式撰寫
　(1) 在 Flash Develop 裡為元件建立程式邏輯，官方提出了"繼承"與"組合"兩種方式，但建議是使用"組合"的方式，Demo Code 如下：
// composition (safe choice)
package {
　import flash.display.Sprite;

　public class MySymbol extends Sprite{
　　private var design:MySymbol_design;

　　public function MySymbol(){
　　　trace("I'm a MySymbol instance called", name);
　　　design = new MySymbol_design();
　　　addChild(design);
　　　// custom properties of design
　　　design.text = "some text";
　　　design.showText(); //可呼叫時間軸上的 function...但我個人不建議在 Flash IDE 寫任何 code
　　　design.txtLabel.x += 100;
　　}
　}
}
　(2) 在專案的 Main Class 裡，new 出 MySymbol 並使用 addChild 加進來

這樣就可以建立有自己程式邏輯的視覺元件在 FlashDevelop 專案內使用
唯一要注意的是元件的命名千萬別搞混
若還有不清楚的地方請詳閱 flashdevelop.org 官方文件：AS3:FlexAndFlashCS3Workflow

ActionScript 3.0 的事件模型

2009-09-23T12:08:00.008+08:00

(於 200909 整理舊文後重寫)

Flash 的事件模型中有幾種角色：
1. 事件發出者 -- 負責發出事件及傳遞事件實體
(1) 自定義的類別要成為事件發出者最簡單的方式，就是 extends EventDispatcher。因為事件發出的方法 dispatchEvent，就定義在 EventDispatcher 裡面
(2) 如果此類別已經擴充其它類別，可以改為實作 IEventDispatcher 介面、建立 EventDispatcher 成員，然後撰寫簡單的攔截程序將呼叫遞送到彙總的 EventDispatcher。
(3) 事實上, EventDispatcher 是一個很上層的類別, 所以子系類別很多, 舉凡 SimpleButton, Sprite 等等都是。

2. 事件實體 -- 事件的常數字串會定義在這邊，實體是被事件發出者產生
(1) 最簡單最上層的就是 Event 類別，可以繼承他然後自己寫出自定義的事件實體。你可以自定義事件的建構子參數中定義任何你想傳遞給監聽者的資料
(2) 建立自定義事件時，必須覆寫 Event.clone() 方法，才能讓其複製自訂的屬性。否則這些屬性將無法在偵聽程式處理重新傳送的事件時，提供正確的值。

3. 監聽者 -- 負責接收事件實體並處理事件
透過事件實體，監聽者可以完全不管事件發出者的屬性跟方法。只要利用 addEventListener(事件類別.事件常數, 事件處理函式) 的方法針對事件去監聽並指派處理函式，來完成事件的處理即可。

來看看簡單的範例吧

事件實體：
package edlo.events{
//import
import flash.events.Event;

public class DataInsideEvent extends Event{
/* ======= Event const ============================== */
public static const DATA_INSIDE:String = "dataInside"; //自定義的事件常數

/* ======= attributes =============================== */
private var _data:Object;

/* ===============================================
* constructor
* =============================================== */
public function DataInsideEvent(type:String, data:Object=null, bubbles:Boolean = false, cancelable:Boolean = false):void{
super(type, bubbles, cancelable);
this._data = data;
}
/* ===============================================
* functions
* =============================================== */
public override function clone():Event{
return new DataInsideEvent(type, this._data, bubbles, cancelable);
}
/* ===============================================
* Setter & Getter
* =============================================== */
public function get data():Object{
return this._data;
}
}
}

事件發出者：
...(略)
//在類別宣告前用後設標籤宣告此類別會發出什麼事件
[Event(name=DataInsideEvent.DATA_INSIDE, type="DataInsideEvent")]
....(略)
//這邊的例子是本身的MouseEvent.CLICK事件觸發後，發出一個自定義的事件給外面
private function onItemClick(e:MouseEvent):void {
dispatchEvent(new DataInsideEvent("dataInside", {itemName: e.currentTarget.name}));
}
...(略)

事件監聽者：
...(略)
content.addEventListener(DataInsideEvent.DATA_INSIDE, onMenuItemClick);
...(略)
private function onMenuItemClick(e:DataInsideEvent):void {
trace(DataInsideEvent.data. itemName);
}

如果不需傳遞什麼參數的話...可以用 Event 類別作為事件實體....這樣就不必專門寫一個事件實體出來
再偷懶一點的話可以一個類別自己發出事件自己監聽
看情況提供作為參考嚕

以上
只要可以搞懂 AS 3 事件模型的概念
相信對於整個 ActionScript 的了解程度上面會更進一步
開發時在架構規劃上也是會很有幫助的

在 Flash Builder 裡讓程式碼自動排好的 Flex Formatter

2009-08-20T13:58:00.005+08:00

用 Flash Develop 寫 AS3 也好一段時間了
但有些時候還是要用 Flex Builder 比較好做事
(且 Flex Framework 裡的 component 比 Flash IDE 裡的要先進多了)
所以最近開始"認真"要學 MXML 還有 Flex Framework 了
(我承認之前對 Flex 都沒有很認真....Orz )

但是要用 Flex Builder 來開發
首先得先把一些 coding style 給設定一下
這樣用起來才順手
......
.........!!!!(翻桌)
竟然 Flex Builder 3 跟最新的 Flash Builder 裡面都沒有這種設定可以選!!

還好有人報給我這支外掛
http://sourceforge.net/projects/flexformatter/
下載解壓縮後放到 plugin 資料夾內
重開 Builder 之後就可以在 Preference 裏找到 Flex Formatting 的選項
雖然這外掛沒辦法讓 Flex 自己生成的碼一開始就照我們要的方式去排
但是可以藉由"Format Flex Code"按鈕
去針對部分或全部程式碼進行格式化
算是非常實用的功能

設計模式小筆記-Singleton Pattern

2009-07-21T22:01:00.003+08:00

Singleton Pattern
單例模式

使用時機:
希望確保一個類別只能有一個實體時使用。

懶漢式要點:
1. 類別內宣告一個本身型別的 private static 變數(本例為 theInstance)
2. private 建構子(所以只能由自己 new 實體出來)
3. 建立一個 public static 的 getInstance 方法，如果 theInstance 為空則 new 出一個實體給 theInstance 並 return (若不為空就直接 return theInstance)
4. 用戶端就透過 getInstance 方法獲得該類別實體

餓漢式要點:(靜態初始化)(目的在解決執行緒安全問題)
1. 類別不可被繼承
2. private static 變數(本例為 theInstance)，宣告時就 new 一個本身型別實體，同時要設成唯讀
3. 其它部分同懶漢式

維基百科關於Singleton Pattern的說明(英文)
維基百科關於Singleton Pattern的說明(中文)

設計模式小筆記-Builder Pattern

2009-07-18T08:04:00.002+08:00

Builder Pattern
建造者模式

使用時機:
把一個複雜物件的各部分拆開，使各部分可以有不同的實作方式

要點:
1. 定義一個 Builder 的 interface，包含每個單一功能(或元件)的抽象方法，然後用一個子類別實作它
2. 定義一個 Director 類別，裡面有一個存放 Builder interface 實體的變數，還有一個方法用來呼叫適當 Builder 子類別裡的方法
(Builder 子類別負責生產零件；Director 類別負責組合零件)
3. 用戶端透過 Director 類別去產生適合的 Builder 子類別，再呼叫 Director 類別裡的方法讓 Builder 子類別負責把各功能(或元件) 產生出來

維基百科關於Builder Pattern的說明(英文)
維基百科關於Builder Pattern的說明(中文)

設計模式小筆記-Facade Pattern

2009-07-13T14:13:00.002+08:00

Facade Pattern
外觀模式

使用時機:
化繁為簡，建立操作子系統的簡單介面
原有系統難以維護和擴展時

要點:
1. 建立一個外觀類別，並再其內定義一些操作的方法，以簡化依賴與複雜性
2. 用戶端不需直接操作各類別，只要透過外觀類別提供的方法即可

維基百科對於 Facade Pattern 的說明(英文)
維基百科對於 Facade Pattern 的說明(中文)

設計模式小筆記-Template Method Pattern

2009-07-13T11:41:00.005+08:00

Template Method Pattern
範本方法模式

使用時機:
制訂一些規格讓子類別遵守，減少程式碼重複，而子類別可用不同方式去實作方法。

要點:
1. 定義一個 abstract 父類別，把子類別都要用到的功能定義進去
2. 子類別繼承並實做父類別的方法
3. 用戶端用父類別型別變數存放子類別實體，再呼叫其方法

維基百科關於 Template Method Pattern 的說明(英文)
維基百科關於 Template Method Pattern 的說明(中文)

設計模式小筆記-Prototype Pattern

2009-07-13T10:32:00.004+08:00

Prototype Pattern
原型模式

使用時機:
有複製物件的功能需求時

要點:
1. 建立抽象父類別，內有一個 return 此父類別的 clone 方法
2. 子類別實作 clone 方法(在 .NET 裡只要實做 Icloneable 就可以，第一步可省略)
3. 用戶端可呼叫子類別的 clone 方法複製出一個相同的子類別

維基百科上關於 Prototype Pattern 的說明(英文)
維基百科上關於 Prototype Pattern 的說明(中文)

設計模式小筆記-Factory Method Pattern

2009-07-10T23:50:00.004+08:00

Factory Method Pattern
工廠方法模式

使用時機：
改良簡單工廠模式，缺點為所需建立的類別更多

要點：
1. 先建立一個工廠的 interface 內有一個可以 return 所需類別的方法
2. 工廠子類別繼承自 interface，實作的方法可以 return 適當的類別
3. 這些被 return 的類別也要一一建立，並且都有一個同名的操作方法供呼叫
4. 用戶端用工廠的 interface 為變數型態，先 new 出適當的工廠子類別，再呼叫其內的方法 return 回適當的操作類別
5.該操作類別就可呼叫其內的方法，以後修改時在用戶端只需修改 new 出適當的工廠子類別的地方即可

維基百科對於 Factory Method Pattern 的描述(英文)
維基百科對於 Factory Method Pattern 的描述(中文)

設計模式小筆記-Proxy Pattern

2009-07-10T17:15:00.004+08:00

Proxy Pattern
代理模式

使用時機：
需求物件跟執行物件可以無任何關連，用代理者物件做為中介

要點：
1. 代理者與被代理者都實作同一個介面(具有相同方法)
2. 代理者裡有一個變數存放被代理者，代理者所實作的方法都是透過這個變數去執行被代理者所實作的方法
3. 用戶端只需要對代理者進行操作即可

維基百科對於Proxy Pattern的說明

設計模式小筆記-Decorator Pattern

2009-07-09T01:54:00.004+08:00

Decorator Pattern
修飾模式

使用時機：
希望可以在執行期間把一些功能選擇性地加入物件裡

要點：
1. 定義一個 interface，包含一個用來操作功能的方法(本例取名為 component)
2. 實作上述 interface，撰寫具體物件類別(將來把功能加在它身上，本例為 ConcreteComp)與 Decorator 類別，在 Decorator 類別有一個型別為 component 的變數，並有一個方法來設定它(本例為setComp方法)
3. 可選擇性加入的功能都繼承 Decorator 類別而建立
4. 用戶端，new 一個 ConcreteComp 及欲加入的的功能實體，第一個功能實體 setComp 將ConcreteComp 指派給自己，第二個功能實體 setComp 將第一個功能實體指派給自己，以此類推(所以這些功能具有順序性，為物件鏈)

維基百科關於修飾模式的說明與範例
維基百科關於修飾模式的說明與範例(英文)

設計模式小筆記-Strategy Pattern

2009-07-07T23:59:00.005+08:00

Strategy Pattern (Policy Pattern)
策略模式
使用時機：
同一個動作可能有不同演算法，而且可能隨時 (或頻繁) 更動

要點：
1. 建立介面，並建立多個子類別去實做介面內的同一個方法
2. 建立一個 Context 類別，建構時把合適的子類別存進一個型別為父類別的變數裡，並撰寫一個 public 方法負責呼叫該父類別變數的演算法方法(也可與 Simple Factory Pattern 結合，把 Factory 類別判斷合適的子類別為何的邏輯放進 Context 類別的建構子裡)
3. 用戶端程式只要傳進合適的參數去 new 出 Context 類別，就可以使用 Context 類別內的 public 方法達到呼叫不同的演算法的目的。

維基百科上的說明與範例

比較 Simple Factory Pattern 與 Strategy Pattern：
1. 簡單工廠模式解決的是物件建立的問題，策略模式的重點則在用一個方式調用一系列演算法，使演算法的變動不會影響到用戶端
2. 對用戶端來說，使用簡單工廠模式必須 import 父類別跟 Factory 類別；但使用策略模式時只需 import 一個 Context 類別就行，耦合度降低

設計模式小筆記-Simple Factory Pattern

2009-07-07T22:51:00.012+08:00

Simple Factory Pattern (Static Factory Pattern)
簡單工廠模式
使用時機：
同一個動作可能有不同運算方式(或邏輯)時

要點：
1. 子類別擁有相同名稱的方法(先定義一個父類別，再建立多個子類別去 override 父類別內的同一個方法)
2. 由 Factory 類別裡的一個 static 方法(依據傳入的參數)去負責判斷並 new 出適合的子類別，回傳
3. 用戶端以一個父類別變數呼叫 Factory 類別裡的那個 static 方法，即可得到適合的子類別(雖回傳為父類別，由於方法是 override，故可使用子類別的方法)
4. 子類別可依狀況做增加或維護，但記得要一併修改 Factory 類別裡的 static 方法，使其能正確 new 出需要的子類別

Flash IDE 匯出 SWC 供專案使用

2009-06-11T11:40:00.006+08:00

現在 Edward 都是用 Flash Develop 來寫 Actionscript 的 code 了
不過一些牽涉到視覺的元件還是必須透過 Flash IDE 來做發佈
且命名上面也是一個問題
這樣實在是很鳥
雖然知道這要用匯出 SWC 的方式來解決
可是一直沒有用過
剛好今天逛網路看到了關於這方面的分享
趕快記錄下來

其實方法很簡單:
1. 在 Flash IDE 裡開一個檔案, 把要匯出的元件作好放在裡面
2. 元件設定好類別連結(建議可用 package 做個分類)
3. 發布設定中要勾選 "匯出SWC", 並把產生的 SWC 檔放在專案路徑下(建議是 libs 資料夾)
4. 進 Flash Develop 將該 SWC 右鍵點選 "Add To Library", 就可以 import 在 SWC 裡面的類別了
(或是在專案屬性的 SWC Libraries 裡填上 SWC 檔名及路徑)

Flex Builder 的作法也差不多
在Project -> Properties-> ActionScript Build Path -> Library Path -> Add SWC
輸入 SWC 檔名及路徑即可( libs 資料夾內的會自己抓, 不用另外設)

不過 Flex Builder 不可以直接在 MXML 加進 SWC 裡的物件
這要怎麼辦呢!!??
在 CS3 有一個 Flex Component Kit for Flash CS3 的 Extension
安裝後在"命令"選單裡會多出 Make Flex Component 選項
點選後再匯出就可以了

印刷尺寸

2009-06-09T14:14:00.001+08:00

一、開數

尺寸單位	公釐 mm	英吋 in	換算才數
全紙	1040x760	40.94x29.92	8.78
對開	760x520	29.92x20.47	4.39
3 開	760x345	29.92x13.58	2.91
4 開	520x375	20.47x14.76	2.17
8 開	375x260	14.76x10.24	1.08
16 開	260x185	10.24x7.28	0.53
32 開	185x128	7.28x5.04	0.26
64 開	128x90	5.04x3.54	0.13

二、菊數

尺寸單位	公釐 mm	英吋 in	換算才數
菊全	610x860	24.02x33.86	5.83
菊對	420x610	16.54x24.02	2.85
菊 3K	280x610	11.02x24.02	1.90
菊 4K	395x420	15.55x16.54	1.84
菊 8K	210x295	8.27x11.61	0.69
菊 16K	148x205	5.83x8.07	0.34
菊 32K	102x148	4.02x5.83	0.17

三、AB數

尺寸單位	公釐mm	英吋 in	換算才數
A0	840x1200	33.07x46.77	11.09
A1	594x840	23.39x33.07	5.54
A2	420x594	16.54x23.39	2.77
A3	297x420	11.69x16.54	1.39
A4	210x297	8.27x11.69	0.69

關於 Actionscript 的後設標籤(Metadata Tags)

2009-06-06T14:03:00.005+08:00

使用 Flex SDK 編譯時
可以在類別宣告外加上後設標籤(Metadata Tag)
基本上就是給編譯器看的一些設定

根據 Adobe 在 Flex3 的 Live Doc 裡面所描述, 可以在 ActionScript 類別檔使用下面的 Metadata Tags:

[ArrayElementType("elementType")]
// 幫 Array 的 Element 宣告型別

[Bindable(event="eventname")]
//若省略eventname則為"propertyChange"

[DefaultProperty("propertyName")]
//為 component 指定預設值, 詳見Adding properties and methods to a component

[Deprecated]
//"不建議使用"的宣告

[Effect(name="eventNameEffect", event="eventName")]
//效果設定

[Embed(source="filename",mimeType="mimeTypeString")]
//在編譯時內嵌指定的檔案(檔案格式與MimeType可參考這裡)

[Event(name="eventName", type="package.eventType")]
//事件設定

[Exclude(name="label", kind="property")]
//Flex Builder tag inspector 省略檢查該屬性

[ExcludeClass]
//Flex Builder tag inspector 省略檢查該類別

[IconFile("fileName")]
//幫 component 指定 IconFile

[Inspectable(attribute=value[,attribute=value,...])]
//與code hints 還有屬性檢查有關

[InstanceType("package.className")]
//IDeferredInstance 類型的物件設定data type

[NonCommittingChangeEvent("event_name")]
//在設定的Event發生時不要進行檢查

[RemoteClass]
//使用Action Message Format(AMF)時讓 Flex Builder 先保留(不指定)類別資訊

[Style(name="style_name"[,property="value",...])]
//自訂Style屬性資料

[Transient]
//當使用[RemoteClass] 將 AS Object 給 mapping 為 Java object 時, 加了此設定的屬性在送到 server 時會被忽略
-------------------------------
doc上沒寫的:

[SWF]
//例:[SWF(frameRate="30", width="1024", height="576", backgroundColor="#000000", pageTitle="Edward Design")]

目前我比較常用到 [SWF] 跟 [Event] 這兩個
其它的以後有機會再慢慢試嚕

瀏覽器不支援 height: 100% 問題

2009-05-18T15:53:00.001+08:00

用 flash 做了一個全版面的網站
但在新版瀏覽器上面卻顯示不正常
這問題起因於在標準規格中不建議將高度設為100%
有沒有解決的方式呢?
一定有

今天試了幾種不同的方式
最後取消了 Dreamweaver 在 HTML 檔案第一行所寫的<!DOCTYPE;>宣告
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
問題解決了

不過客戶還是希望把宣告加回去
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
這樣寫是 OK 的

XHTML 1.0 跟 HTML 4.01 之間到底規格差別如何呢??
加了<!DOCTYPE;>宣告跟沒有加<!DOCTYPE;>宣告的差別又真的很重要嗎??
查了一下維基百科裡關於 XHTML 的說明以及關於 HTML 的說明
並沒有發現有相關的解釋

至於在 XHTML 1.0 下面實現 100% 高度的方法
在論壇上面求教高手後得到了解答
趕快記錄下來

CSS:
html, body, #fullContainer {
margin: 0;
padding: 0;
height:100%;
border: none;
text-align: center;
}

#fullContainer {
width:100%
text-align: left;
vertical-align: middle;
}
---------------------------------
HTML:
<body>
<div id="fullContainer">
This is centered
</div>
</body>

此程式碼是修改自 http://apptools.com/examples/tableheight.php

這樣可以在網頁中製造一個 100% 滿版且置中的效果
table tag 可以換成 div tag
但是 vertical-align: middle; 會失效
所以還是使用 table 比較完美

for .. in 跟 for each.. in 迴圈

2009-05-06T10:06:00.003+08:00

本文技術等級: 低

這兩個迴圈雖然會用到, 但每次要用的時候都給它小忘記
還是在這邊做個筆記好了

for .. in 迴圈
說明: 在我之前寫過的 flashvars 文章中就有用過了, 此迴圈會取出物件的所有屬性
例:(把 flashvars 的 code 拿來貼...)
var flashvars:Object = stage.loaderInfo.parameters;
var vars:Object = [];
var k:String;
for(k in flashvars){
vars.push({key:k, value:flashvars[k]});
}

for each .. in 迴圈
說明:此迴圈會取出物件的所有屬性值, 由於知道了屬性名稱後當然可以取出其值, 所以 for each .. in 跟 for .. in 事實上是很相似的, 不過特點在於它可以用 E4X 來操作 XML 檔案, 這一點就很棒, 引述官方的說法於下: "for each..in 陳述式是新的 E4X 語言擴充功能，不只可針對 XML 物件使用，也可針對其它物件與陣列使用..."
例:
for each(var element:XML in myXML.elements()) {
//將 XMLList 物件 myXML 裡的每一個 element 取出
......
}
也可以將上例的 XMLList 物件換成取出 XML 物件內的資料, 只是在 in 後面接的也要改成 XML的第一個子節點

這樣應該清楚了
要是再忘記就在上來偷看一下吧^^

IE6 hack

2009-05-06T09:52:00.000+08:00

針對舊版瀏覽器 IE6 在 CSS 上會出現較不同的視覺呈現
克服的方式有以下幾種

1.
*html Selector {....}
例:
#myDiv {padding:10px;}
* html #myDiv {padding:0;} /*IE6 Hack*/

2.
_屬性名稱
例:
padding-top:10px;
_padding-top:0; /*IE6 Hack*/

3.
!important 設定
margin: 0 0 0 24px !important; /*IE不支援!important所以略過此行*/

身為網頁設計師
對於各家瀏覽器不同的呈現當然要盡量要求能沒有差別是最理想
這才是專業的地方

MOUSE_OVER 跟 ROLL_OVER

2009-04-17T10:25:00.005+08:00

這一點相信是一定會讓初學者困擾的問題
在 Flash 的 MouseEvent 裡面有兩組很相似的事件
就是 MOUSE_OVER, MOUSE_OUT 跟 ROLL_OVER, ROLL_OUT
長期以來我也一直不是很清楚

之前有人說分別在於 MOUSE_OVER 這組會一直觸發, 而 ROLL_OVER 這組只會觸發一次
這樣說其實是不對的

在網路上搜尋了一下
很快的找到結論
趕快記下來免得以後又搞混

真正的差別在於
MOUSE_OVER 與 MOUSE_OUT 在事件的傳遞上面會 bubbling 上去
也就是偵聽該事件的實體若還有 child 實體存在
則 child 實體也會觸發該事件
也就是說在事件偵聽函式中得到的 target 屬性(觸發者)未必會是偵聽該事件的實體
而有可能會是它的 child
(但 currentTarget 會是偵聽該事件的實體)

而 ROLL_OVER 跟 ROLL_OUT 則比較特殊
只有偵聽該事件的實體會觸發
其 child 實體不會多觸發一次事件
如果 child 實體也註冊了 ROLL_OVER 跟 ROLL_OUT 事件
則事件實體會有兩個
(相同的狀況在 MOUSE_OVER 與 MOUSE_OUT 這一組則會是只有一個事件實體, 但在 bubbling 階段廣播到不同實體)

以往概念不清楚時我常常用麻煩的方法
叫物件實體去偵聽 MOUSE_OVER 與 MOUSE_OUT
卻又不希望child 實體來干擾
所以會去停用物件實體的 mouseChildren 屬性
並使用事件的 currentTarget 屬性
觀念清楚後發覺自己怎麼這麼笨....
遇上這種狀況只要偵聽 ROLL_OVER 跟 ROLL_OUT 就好了阿
不過 MOUSE_OVER 與 MOUSE_OUT 也還是有它適合的狀況歐
要視不同狀況善加利用內建的事件才是最好的^^

參考網站:(他做了範例, 概念馬上就很清楚)
http://www.zedia.net/2008/difference-between-mouseeventroll_over-and-mouseeventmouse_over-in-as3/
另外在 Ticore 的網站也很久之前就討論過
http://ticore.blogspot.com/2007/08/as3-mouseover-rollover-2.html

檔案下載(跳下載視窗而不由瀏覽器開啟)

2009-04-01T18:29:00.003+08:00

本文技術等級:低

有時候我們會想要讓使用者在點了某個按鈕之後可以下載檔案
但如果只是設該檔案的連結位置
那麼像是圖檔或是PDF檔案等
這些瀏覽器有支援顯示的格式
就會變成用瀏覽器開啟而不是跳出下載視窗了

有沒有辦法解決呢
怎麼可能沒有....
要用到 Actionscript 裡面負責檔案上/下載的類別 FileReference

簡單 code 如下:

import flash.net.FileReference;

var req:URLRequest;
var fileName:String = "SomeFile.pdf";
var file:FileReference;

req = new URLRequest();
req.url = "http://www.xxx.com/ffffff.pdf";//注意這邊一定要是 http 協定
file = new FileReference();
file.download(req, fileName);//第二個參數fileName是下載視窗中預設的檔案名稱

至於事件的監聽
FileReference 會發出以下事件
Event.CANCEL
Event.COMPLETE
IOErrorEvent.IO_ERROR
Event.OPEN
ProgressEvent.PROGRESS
SecurityErrorEvent.SECURITY_ERROR
Event.SELECT

先簡單寫到這裡
有想到再補充吧

將 Array 裡的物件依照自訂規則做排序

2009-03-19T13:22:00.007+08:00

這是今天遇上的一個小問題
還好查過 doc 之後豁然開朗
趕快記錄在這邊

故事是這樣的
我用了一個 Array 存放了一些 MovieClip
並希望他們在做某個動作之前先照他們的 y 軸數值做排序
一開始我用的是 Array 的 sortOn 方法
如下:
myArr.sortOn(y, Array.NUMERIC);
但結果並不如預期是照 y 的數值去排列
(很奇怪..不知出問題的原因為何...)

原本打算自己寫個 Function 來解決
但後來又仔細查了 doc
發現 sort 方法有一個參數
可以指定某個自訂 Function 讓 sort 方法依此來做排序
簡單 code 如下:

/*將 Array 裡的物件照自訂規則排序
* 此 Function 要傳入兩個參數並回傳 Number */
myArr.sort(sortOnMyRule);

/*自訂的排序 Function */
private function sortOnMyRule(a:DisplayObject, b:DisplayObject):Number {
if (a.y > b.y) return 1; //將 a 排在 b 的前面
else if (a.y < b.y) return -1; //將 a 排在 b 的後面
else return 0; //排序優先順序相同
}

這樣 Array 就會依照傳回的值把裡面的物件排序完成, 太棒了!
以後要更專心看 doc 才行....

矩陣迴旋濾鏡-ConvolutionFilter

2009-03-18T09:42:00.000+08:00

flash.filters.ConvolutionFilter 將輸入影像內的像素和鄰近的像素結合產生影像。達到包含模糊、邊緣偵測、銳利、浮雕和斜角各種效果。

適用物件, 套用方式與尺寸限制: 與 ColorMatrixFilter 同

屬性:
matrix : Array
//用於矩陣變化的值陣列。必須等於 matrixX * matrixY
//矩陣迴旋係依據 n x m 矩陣，來描述輸入影像內的指定像素值如何與鄰近像素值結合以產生結果像素值。每一個結果像素都是根據將矩陣套用到對應的指定像素及其鄰近像素所決定。
//對於 3 x 3 矩陣迴旋，下列公式可用於每一個獨立的顏色色版：
//dst (x, y) = ((src (x-1, y-1) * a0 + src(x, y-1) * a1....
// src(x, y+1) * a7 + src (x+1,y+1) * a8) / divisor) + bias

matrixX : Number //矩陣的 x 維度 (矩陣的行數)。
matrixY : Number //矩陣的 y 維度 (矩陣的列數)。

divisor : Number
//預設值為 1。除數值是所有矩陣值總和除以結果的總顏色飽和度。若值是 0 則忽略，改用預設值。

bias : Number
//增加至矩陣變化結果的偏差值量。偏差值會增加每個色版的顏色值，可讓深顏色看起來明亮一點。預設值為 0。

preserveAlpha : Boolean //是否保留 Alpha 色版而未保留濾鏡效果，或是否套用到 Alpha 色版及顏色色版。
clamp : Boolean //是否應該固定影像。
color : uint //用來替代原始影像中像素的 16 進位顏色。
alpha : Number //替代顏色的 Alpha 值。

建構子:
ConvolutionFilter(
matrixX:Number = 0, matrixY:Number = 0,
matrix:Array = null,
divisor:Number = 1.0, bias:Number = 0.0,
preserveAlpha:Boolean = true, clamp:Boolean = true,
color:uint = 0, alpha:Number = 0.0)
//把所有參數初始化給 ConvolutionFilter 實體就對了

方法:
clone():BitmapFilter
//傳回此濾鏡物件的副本。

簡單範例如下:
var blur:Array =
[0,1,0,
1,1,1,
0,1,0];

var sharpen:Array =
[0,-1,0,
-1,5,-1,
0,-1,0];

var edge:Array =
[0,-1,0,
-1,4,-1,
0,-1,0];

var emboss:Array =
[-2,-1,0,
-1,1,1,
0,1,2];

Flex 快速鍵

2009-03-17T22:41:00.005+08:00

Flex 的快速鍵...
跟 Flash Develop 的快速鍵
在共通性上並不好

不過 Flex 是 Eclipse Base 的 Tool
應該是比較多使用者在用吧....

Ctrl + Shift + T //檢視專案中的類別原始碼(這個太讚了!!我喜歡!)
Ctrl + O //檢視檔案 Outline
Alt + / //程式碼屬性提示
Ctrl + Shift + Space //程式碼參數提示
Ctrl + Alt + R //Rename功能(自動更新專案所有檔案中被更名的成員)
Ctrl + Alt + ↑ //複製游標所在行並貼上在新行
Ctrl + Alt + ↓ //複製游標所在行
Ctrl + D //刪除游標所在行
Ctrl + Shift + p //尋找成對大括弧

Alt + ↑ //游標所在行向上移動
Alt + ↓ //游標所在行向下移動
Ctrl + K //尋找(游標反白的字串)
F3 //尋找宣告(如在call function的地方按, 可以跳到該function)
Ctrl + / //註解單行
Ctrl + Shift + c //註解區塊

Ctrl + M //編輯視窗放到最大
Alt + ← //切換到左頁籤檔案
Alt + → //切換到右頁籤檔案

F11 //Debug
Ctrl + F11 //Run
Ctrl + B //Build All Projects

FlashDevelop 快速鍵

2009-03-02T10:21:00.009+08:00

最近接觸到了 FlashDevelop 這個軟體
算是很不錯的 ActionScript 編輯器(重點是免費!!)

以下列出一些快捷鍵做個備忘吧

Ctrl + Shift + 1 //自動匯入類別, 產生 Event Handler, Method override, 產生 Getter/setter, 自動宣告變數(或本地變數轉成類別變數), 實做介面方法...等等
Ctrl + B //插入 Snippet
Ctrl + Shift + K //插入色碼
-------------------------------------------
Ctrl + Shift + Space //出現程式碼提示
Ctrl + Alt + Space //類別提示
F1 //(提示區塊有 ... 時)展開訊息
F4 //尋找宣告(如在call function的地方按, 可以跳到該function)
Shift + F4 //從宣告返回(按了F4後回去用的)
Ctrl + D //游標所在行複製並貼上新行

Ctrl + Q //單行註解
Ctrl + Shift + Q //取消單行註解

Ctrl + Shift + F //程式碼收合
Ctrl + Shift + A //程式碼全部收合
Ctrl + Shift + E //程式碼全部展開

在 swf 中傳遞參數與接收回應

2009-02-23T16:06:00.003+08:00

//========================================
//傳送參數(不接收回應)
//========================================
var handlePage:String = "xxxxxxxx.aspx";
var req:URLRequest = new URLRequest(handlePage);
var param:URLVariables = new URLVariables();
param.var1 = "11111111";
param.var2 = "22222222";
req.method = URLRequestMethod.POST;
req.data = param;
sendToURL(req);
//若是要跳下頁並帶參數要用 navigateToURL(req, "_self");

// data 可以為 ByteArray、URLVariables 或 String 類型
// data 為 URLVariables 物件時，若方法是 POST，就會使用 x-www-form-urlencoded 格式來編碼變數；若方法是 GET， URLVariables 就會使用 URLRequest 物件傳送的變數

//========================================
//傳送參數(接收回應)
//========================================
function onBtnClick(event:MouseEvent){
//送出並等待回應
var loader:URLLoader = new URLLoader();
var param:URLVariables = new URLVariables();
var req:URLRequest = new URLRequest("handlePage.aspx");
param.var1 = "11111111";
param.var2 = "22222222";
req.method = URLRequestMethod.POST;
req.data = param;
loader.dataFormat = URLLoaderDataFormat.TEXT;
//可接收三種dataFormat:
//BINARY 二進位資料形式
//TEXT 文字形式
//VARIABLES URL參數形式
loader.addEventListener(Event.COMPLETE, onResponse);
//用 try..catch 包住 load 以處理錯誤
try {
loader.load(req);
} catch (error:Error) {
trace(error.toString());
}
}
function onResponse(event:Event){
var loader:URLLoader = URLLoader(e.target);
info_txt.text = loader.data;
//如果回應的類型是 URLLoaderDataFormat.VARIABLES, 可以用 loader.data.參數名取出值
}

Date 類別

2009-02-18T13:33:00.003+08:00

package: 最上層
public final dynamic class Date
繼承: Object

(以下都省略 UTC 的部份)
屬性:
fullYear : Number //完整年份 (四位數的數字，如 2000)
month : Number //月份 (0 代表一月，1 代表二月，其它依此類推)
date : Number //月份中的日期 (從 1 到 31 的整數)
day : Number //[read-only] 星期別 (0 代表星期日，1 代表星期一，其它依此類推)
hours : Number //時 (從 0 到 23 的整數)
minutes : Number //分 (從 0 到 59 的整數)
seconds : Number //秒 (從 0 到 59 的整數)
milliseconds : Number //毫秒部分 (從 0 到 999 的整數)

time : Number //全球時間 1970/1/1 午夜開始計算的毫秒數
timezoneOffset : Number //[read-only] 與全球時間 (UTC) 之間相差的分鐘數

建構子:
Date(yearOrTimevalue:Object, month:Number, date:Number = 1, hour:Number = 0, minute:Number = 0, second:Number = 0, millisecond:Number = 0)

方法:
getFullYear():Number //傳回完整年份 (四位數的數字，如 2000)
getMonth():Number //傳回月 (0 代表一月，1 代表二月，其它依此類推)
getDate():Number //傳回月份中的日期 (從 1 到 31 的整數)
getDay():Number //傳回星期 (0 代表星期日，1 代表星期一，其它依此類推)
getHours():Number //傳回時 (從 0 到 23 的整數)
getMinutes():Number //傳回分 (從 0 到 59 的整數)
getSeconds():Number //傳回秒 (從 0 到 59 的整數)
getMilliseconds():Number //傳回毫秒 (從 0 到 999 的整數)

getTime():Number //傳回全球時間 1970/1/1 午夜開始計算的毫秒數
getTimezoneOffset():Number //傳回與全球時間 (UTC) 之間相差的分鐘數

parse(date:String):Number //[static] 將代表日期的字串轉換成數字形式(從 UTC 時間 1970/1/1 日開始經過的毫秒數)

setFullYear(year:Number, month:Number, day:Number):Number //設定年份，並傳回以毫秒為單位的新時間
setMonth(month:Number, day:Number):Number //設定月份及選擇性的月份日期別，並傳回以毫秒為單位的新時間
setDate(day:Number):Number //設定月份中的日期，並傳回以毫秒為單位的新時間
setHours(hour:Number, minute:Number, second:Number, millisecond:Number):Number //設定小時，並傳回以毫秒為單位的新時間
setMinutes(minute:Number, second:Number, millisecond:Number):Number //設定分鐘，並傳回以毫秒為單位的新時間
setSeconds(second:Number, millisecond:Number):Number //設定秒數，並傳回以毫秒為單位的新時間
setMilliseconds(millisecond:Number):Number //設定毫秒，並傳回以毫秒為單位的新時間

setTime(millisecond:Number):Number //使用從 1970/1/1 午夜開始到當時的毫秒數來設定日期，並傳回以毫秒為單位的新時間

toString():String //會傳回星期別、日期、時間及時區的字串
toDateString():String //傳回星期別與日期的字串
toTimeString():String //只傳回時間與時區的字串
toLocaleString():String //傳回本地時間之星期別、日期、時間的字串
toLocaleDateString():String //只傳回星期別與日期的字串
toLocaleTimeString():String //只傳回時間的字串

valueOf():Number //會傳回 Date 物件從全球時間 1970/1/1 午夜開始計算的毫秒數

RegExp 正規表示式-符號意義參考表

2009-02-16T14:52:00.007+08:00

中繼字元

中繼字元	意義
^ (跳脫字元)	1.字串的開頭 2.設定 m 旗標時,代表行的開頭 3.用於字元類別時, 代表"負"(相反)
$ (貨幣符號)	1.字串的結尾 2.設定 m 旗標時,代表行的結尾(\n前的位置)
\ (反斜線)	特殊字元跳脫符號
. (點)	1.任何單一字元 2.設定 s 旗標時，代表換行 (\n)
* (星號)	重複 0 或多次
+ (加號)	重複 1 或多次
? (問號)	重複 0 或 1 次
( )	定義群組
[ ]	定義字元類別 (在字元類別(通常是中繼字元)中，其它字元會被視為一般字元，因此無須加上反斜線)
\| (管道)	替代 (就是"或"的意思)

中繼序列

中繼序列	意義
{ }	數量詞 {n} 代表重複 n 次; {n, } 代表重複 n 次以上; {n1, n2} 代表重複 n1~n2 次
\b	文字字元和非文字字元之間的位置
\B	兩個文字字元之間的位置。也符合兩個非文字字元之間的位置
\d	十進位數字(意思就是 0-9 )
\D	數字外任何字元
\f	換頁
\n	換行
\r	回車符號(Enter)
\s	任何空白字元 (空格、定位點、新行或傳回字元)
\S	空白字元以外的任何字元
\t	Tab
\unnnn	Unicode 字元 (字元代碼由十六進位數字 nnnn 指定)
\v	垂直換頁字元
\w	英文文字字元 (A-Z、a-z、0-9 或 _) (請注意，\w 不符合非英文字元，例如 È、Ò 或 Á)
\W	英文文字字元以外的任何字元
\xnn	ASCII 值字元 (字元代碼由十六進位數字 nn 所定義)

旗標與屬性

旗標	屬性	說明
g	global	符合一個以上
i	ignoreCase	不區分大小寫 (但不套用至擴充字元，如 é 和 È)
m	multi-line	$ 符合行的開頭 ^ 符合行的結尾
s	dotall	. (點) 符合換行字元 (\n)
x	extended	允許忽略空格

簡單使用範例：
從外部讀入的 XML 或文字檔資料如果內容不止一行
那麼直接拿來顯示時在格式上"可能"會有多餘空行的問題
這時可以利用正規表示式這麼解決：

var s:String = e.target.data as String; //來源字串
var pattern:RegExp = new RegExp(/\r\n/g);
s = s.replace(pattern, "\n");

意思就是將來源字串利用 String 的 replace 方法將換行 \r\n 換成一個 \n 就好

經驗累積-Error #2122排除

2009-02-06T16:05:00.003+08:00

Error #2122 官方說明:

2122 違反安全執行程序：_ 無法存取 _。需要原則檔案，但載入此媒體時並未設定 checkPolicyFile 旗標。
SecurityError: Error #2122: Security sandbox violation: 錯誤物件: _ cannot access _. A policy file is required, but the checkPolicyFile flag was not set when this media was loaded.

發生情況:
當跨網域載入圖片時, 即使已經指定了 crossdomain.xml 但實際部署時卻發生 #2122 錯誤
查了相關 checkPolicyFile 的說明還是找不出問題點
於是上網搜尋了一下
發現這裡有提到
圖片在 INIT 時改變了 Bitmap 的內容(範例中為設定smoothing 屬性為 true)
結果就出現 #2122 錯誤
這一點以後要多多注意

影像色調的矩陣-ColorMatrixFilter

2009-02-04T14:37:00.015+08:00

flash.filters.ColorMatrixFilter 類別是用 4 x 5 矩陣產生一組 RGBA 值。可以用來進行飽和度變更、色相旋轉、Alpha 明度以及各種其它效果。

適用物件: 繼承自 DisplayObject 的物件都可套用，例如 MovieClip、SimpleButton、TextField 和 Video 物件，以及 BitmapData 物件。

套用方式:(套用時該物件cacheAsBitmap 屬性會自動設為 true, 移除則還原)
MovieClip、TextField、Button 與 Video: 使用 filters 屬性 (從 DisplayObject 繼承而來)。
//只要清除 filters 屬性就可以移除濾鏡，不會修改該物件。
BitmapData 物件: 使用 BitmapData.applyFilter() 方法。
//會採用原始 BitmapData 物件和濾鏡物件，結果會產生套用濾鏡後的影像。

尺寸限制: 影像的 width 或 height 不可超過 2880 px，否則不會套用濾鏡。

建構子:
public function ColorMatrixFilter(matrix:Array = null)
//傳入的 matrix 參數即為長度 20 的 Array

屬性:
matrix : Array
//用於 4 x 5 顏色變化的 20 個項目陣列。使用 Array 的 concat() 方法調整矩陣內容

方法:
clone():BitmapFilter //傳回此濾鏡物件的副本。

完全沒有套用任何濾鏡的 ColorMatrixFilter 應該是這樣:

		Value
			Red	Green	Blue	Alpha	Offset
Channel		┌						┐
	Red	│	1	0	0	0	0	│
	Green	│	0	1	0	0	0	│
	Blue	│	0	0	1	0	0	│
	Alpha	│	0	0	0	1	0	│
		└						┘

簡單範例如下:
var matrix1:Array =
[1,0,0,0,0,
0,2,0,0,0,
0,0,1,0,0,
0,0,0,1,0];
var cmf:ColorMatrixFilter = new ColorMatrixFilter(matrix1);
clip.filters = [cmf];
//套用後 clip 的綠色變成兩倍

var matrix2:Array = new Array();
matrix2 = matrix2.concat([1, 0, 0, 0, 0]); // red
matrix2 = matrix2.concat([0, 0, 0, 0, 0]); // green
matrix2 = matrix2.concat([0, 0, 0, 0, 0]); // blue
matrix2 = matrix2.concat([0, 0, 0, 1, 0]); // alpha
applyFilter(clip, matrix2);

function applyFilter(child:DisplayObject, matrix:Array):void{
　var filter:ColorMatrixFilter = new ColorMatrixFilter(matrix);
　var filters:Array = new Array();
　filters.push(filter);
　child.filters = filters;
}
//套用後 clip 只看得到 R Channel

還可以玩玩看下面方法:
調整亮度: 將 RGB 三個 Channel 的 Offset 都調整至同一數值(如:50)

灰階: 將 RGB 三個 Channel 的 R,G,B 都調整至同一數值(如:0.5)

調整對比: 將 R Channel 的 R, G Channel 的 G, B Channel 的 B 調整至同一數值(如:3)

負片效果: 將 RGB 三個 Channel 的 Offset 都調整至255, 並將 R Channel 的 R, G Channel 的 G, B Channel 的 B 調整至 -1

混合模式 BlendMode 的常數

2009-01-17T16:46:00.006+08:00

BlendMode類別提供視覺混合模式特效所需之常數值。
用在下面兩個地方：
flash.display.DisplayObject 類別的 blendMode 屬性
flash.display.BitmapData 類別 draw() 方法的 blendMode 參數

直接來看有哪些static常數吧~~
---------------------------------------------
NORMAL : String = "normal" //物件出現在背景前面
---------------------------------------------
LAYER : String = "layer" //強制建立物件的透明度群組
---------------------------------------------
DARKEN : String = "darken" //在物件顏色和背景顏色中選取比較暗(值較小)的顏色
MULTIPLY : String = "multiply" //將顯示物件基本顏色的值乘以背景顏色的值，然後除以 0xFF 以進行一般化，得到比較暗的顏色
---------------------------------------------
LIGHTEN : String = "lighten" //在物件顏色和背景顏色中選取比較淡(值較大)的顏色
SCREEN : String = "screen" //將物件的互補色 (反色) 乘以背景的互補色，產生漂白特效
---------------------------------------------
OVERLAY : String = "overlay" //根據背景的暗度調整每個像素的顏色
HARDLIGHT : String = "hardlight" //根據物件暗度調整每個像素的顏色
---------------------------------------------
ADD : String = "add" //將色值加上背景的色值，最大只能套用 0xFF
SUBTRACT : String = "subtract" //從背景顏色的值減去顯示物件基本顏色的值，最小只能套用 0
DIFFERENCE : String = "difference" //將物件顏色和背景色中較淡的色值減去較暗的色值
---------------------------------------------
INVERT : String = "invert" //反轉背景
ALPHA : String = "alpha" //將 Alpha 值套用到背景
ERASE : String = "erase" //根據物件 Alpha 值擦除背景
---------------------------------------------

縮放傾斜旋轉與漸層設定- Matrix

2009-01-17T14:45:00.009+08:00

Matrix 類別代表變形矩陣( 3x3 )

┌				┐		┌				┐
│	a	b	tx	│		│	x縮放	y傾斜	x位移	│
│	c	d	ty	│	=>	│	x傾斜	y縮放	y位移	│
│	u	v	w	│		│	0	0	1	│
└				┘		└				┘

透過將 Matrix 實體指派給 DisplayObject.transform.matrix 屬性　可以執行圖像旋轉、縮放及傾斜及位移等功能

Matrix 物件也可以當做某些方法的參數使用，例如
BitmapData 物件的 draw() 方法
或是
Graphics 物件的 beginBitmapFill()、beginGradientFill() 或 lineGradientStyle() 方法

建構子:
Matrix(a:Number = 1, b:Number = 0, c:Number = 0, d:Number = 1, tx:Number = 0, ty:Number = 0)
// b 屬性代表傾斜角度與 y 軸的正切函數值；c 屬性則代表傾斜角度與 x 軸的正切函數值。

方法:
scale(sx:Number, sy:Number):void //縮放
rotate(angle:Number):void //旋轉(旋轉角度，以弧度為單位)
translate(dx:Number, dy:Number):void //平移
identity():void //恢復原比例(1:1)且無旋轉位移狀態
createBox(scaleX:Number, scaleY:Number, rotation:Number = 0, tx:Number = 0, ty:Number = 0):void
//用此方法等於一次設定scale, rotate 跟 translate 三個方法
createGradientBox(
　width:Number, height:Number,
　rotation:Number = 0,
　tx:Number = 0, ty:Number = 0):void
//建立 Graphics 類別之 beginGradientFill() 和 lineGradientStyle() 方法預期的特定矩陣樣式

concat(m:Matrix):void
//將某個矩陣與目前的矩陣連接，有效地結合兩個矩陣的幾何效果
clone():Matrix
//傳回新 Matrix 物件 (此矩陣的翻版)，其具有和所包含物件完全相同的副本
invert():void
//執行原始矩陣的反向轉換

deltaTransformPoint(point:Point):Point
//在轉換前的座標空間中指定一個點，並於轉換完成後傳回該點的座標。
transformPoint(point:Point):Point
//會傳回將 Matrix 物件所代表之幾何轉換套用至指定點的結果

負責顯示物件變色的 ColorTransform

2009-01-17T11:42:00.006+08:00

Flash 裡的色彩採用 32 位元色值( 0xAARRGGBB )
若不算透明度, 也可寫為 24 位元色值( 0xRRGGBB )
由於 int 可能會放不下32位元的顏色值, 所以是以 uint 型別存放

當 ColorTransform 物件套用至顯示物件時，每個新的顏色色版數值計算方式如下：
新的紅色值 = (舊的紅色值 * redMultiplier ) + redOffset
新的綠色值 = (舊的綠色值 * greenMultiplier ) + greenOffset
新的藍色值 = (舊的藍色值 * blueMultiplier ) + blueOffset
新的 Alpha 值 = (舊的 Alpha 值 * alphaMultiplier ) + alphaOffset
(以十進位來說, 每個顏色的值都是0~255, 高於255以255計, 低於0以0計)

ColorTransform 物件的使用有兩種方式：
1.在 BitmapData 類別之 colorTransform() 方法的 colorTransform 參數中使用
2.當作 Transform 物件 (可當作顯示物件的 transform 屬性使用) 的 colorTransform 屬性使用

接下來看看屬性:
color : uint //ColorTransform 物件的 RGB 顏色數值
redMultiplier : Number //十進位值，將會和紅色色版值相乘
greenMultiplier : Number //十進位值，將會和綠色色版值相乘
blueMultiplier : Number //十進位值，將會和藍色色版值相乘
alphaMultiplier : Number //十進位值，將會和 Alpha 透明度色版值相乘
redOffset : Number
//從 -255 到 255 的數字。將會在乘以 redMultiplier 值之後，加上紅色色版值
greenOffset : Number
//從 -255 到 255 的數字。將會在乘以 greenMultiplier 值之後，加上綠色色版值
blueOffset : Number
//從 -255 到 255 的數字。將會在乘以 blueMultiplier 值之後，加上藍色色版值
alphaOffset : Number
//從 -255 到 255 的數字。將會在乘以 alphaMultiplier 值之後，加上 Alpha 透明度色版值
建構子:
ColorTransform(
　redMultiplier:Number = 1.0,
　greenMultiplier:Number = 1.0,
　blueMultiplier:Number = 1.0,
　alphaMultiplier:Number = 1.0,
　redOffset:Number = 0,
　greenOffset:Number = 0,
　blueOffset:Number = 0,
　alphaOffset:Number = 0)
//以指定的顏色色版值和 Alpha 值為顯示物件建立 ColorTransform 物件。

方法:
concat(second:ColorTransform):void
連接 second 參數指定的 ColorTranform 物件與目前的 ColorTransform 物件，然後將目前的物件設定為結果 (兩個顏色轉換的累增組合)

顯示物件的變色與變形-Transform

2009-01-17T11:18:00.008+08:00

DisplayObject 及其子系有個屬性 transform
該屬性為一個 Transform 物件(flash.geom.Transform)
透過將 Transform 實體指定(assign)給 DisplayObject 實體的 transform 屬性
就可以控制變形, 旋轉或顏色

那麼 Transform 物件裡面有什麼屬性跟方法呢?
看了一下doc...方法都是繼承來的..那來看看屬性就好吧

屬性:
colorTransform : ColorTransform
//ColorTransform 物件，含有調整整個顯示物件中顏色的值
matrix : Matrix
//Matrix 物件，含有影響顯示物件之縮放、旋轉和轉譯的值。

//另外還有三個重要的唯讀屬性
concatenatedColorTransform : ColorTransform
//[read-only] ColorTransform 物件，代表套用至顯示物件及其所有父物件之根層級中的混合顏色轉換
concatenatedMatrix : Matrix
//[read-only] Matrix 物件，代表顯示物件及其所有父物件之根層級中的混合變形矩陣。
pixelBounds : Rectangle
//[read-only] Rectangle 物件，定義「舞台」上顯示物件的矩形邊界。

至於 ColorTransform 跟 Matrix 類別
下面繼續分別討論嚕

FLASH載入的圖片縮放後品質不佳之解決辦法

2009-01-10T11:24:00.010+08:00

FLASH載入的圖片縮放後品質不佳
是一個很容易就會發生的問題

在此要先了解一下 ActionScript 3.0 中處理點陣圖影像的主要類別: Bitmap 和 BitmapData
Bitmap 類別可以用來在螢幕上顯示點陣圖影像
BitmapData 類別則用來存取和操作點陣圖的原始影像資料

如果對圖片品質比較要求的話
可以嘗試以下方法:

picLdr.contentLoaderInfo.addEventListener(Event.COMPLETE,
　function(event:Event){
　　var pic:Bitmap = event.target.content as Bitmap;
　　pic.smoothing = true; //Bitmap縮放平滑化
　}
);

picLdr 是負責把圖片載入進來的 Loader 類別
透過監聽 contentLoaderInfo 的 Event.COMPLETE 事件
在圖片載入完成時
Loader 的 content 屬性(參照到 Bitmap 物件)
去設定 Bitmap 類別的 smooting 屬性為 true
這樣 flash player 會針對圖片縮放作平滑化處理

-------------------------------------------------
或是在 Bitmap 實體建立時就利用建構子設定平滑化:

var bData:BitmapData = new BitmapData(picWidth, picHeight);
bData.draw(displayObj);
//BitmapData.draw 的 source 可以是 BitmapData 或 DisplayObject 物件
var bmp:Bitmap = new Bitmap(bData,PixelSnapping.AUTO, true);
//Bitmap建構子的Optional Params
//第三個參數可以指定smooting 屬性

=================================================

同場加映: FLV 視訊播放品質不佳怎麼辦??

Flash Player 9 update 3 以上支援使用 Mipmap 映射最佳化執行階段的呈現品質與效能
如果將 Video 物件的 smoothing 屬性設為 true
Flash Player 會在播放視訊時使用 Mip 映射 (Mipmapping) 最佳化
VideoPlayer 物件為 Video 物件的子系, 而 FLVPlayback 有包覆 VideoPlayer 物件
因此對 FLVPlayback 而言要使用 smoothing 屬性去做平滑化播放應該也是可以達成的

FLASH影音在IIS server上跑不出來嗎

2008-10-24T10:29:00.007+08:00

開發好的flash影音播放器放上IIS server卻跑不出來嗎?
最近我也碰到了這個說大不大
但還真有點麻煩的問題
這有可能是由於 IIS 不認識 flash 影音檔的格式(FLV, MP4)所造成的

首先請確定一下 IIS 的版本
Windows XP 使用的是 IIS 5(此版本不會有這問題)
Windows 2003 使用的是 IIS 6
Windows Vista 使用的是 IIS 7

若 server 運行的是 IIS 6(及之後版本) 的話
請嘗試下面的方法:

1. 進入IIS管理介面
2. 選擇要支援影音的網站或目錄, 按右鍵選"內容"
3. 在 "HTTP 標頭" 標籤找到 "MIME 對應" 按下 "檔案類型"
4. 新增要支援的 MIME Type, 例如:
副檔名:".flv"
MIME:"video/x-flv" 或 "flv-application/octet-stream"

副檔名:".mp4"
MIME:"video/x-mp4" 或 "application/octet-stream"

這樣應該就可以了
其他檔案格式要加入的話
也可以在網路上搜尋到 MIME 的值然後從相同地方設定

串流影音播放-FLVPlayback 類別-屬性-3

2008-10-14T18:30:00.001+08:00

-----------------------------------------
播放控制項相關:
-----------------------------------------
backButton : Sprite //BackButton 播放控制項。
bufferingBar : Sprite //緩衝列控制項。
forwardButton : Sprite //「快轉」按鈕控制項。
fullScreenButton : Sprite //FullScreen 按鈕控制項。
muteButton : Sprite //「靜音」按鈕控制項。
pauseButton : Sprite //「暫停」按鈕控制項。
playButton : Sprite //「播放」按鈕控制項。
playPauseButton : Sprite //「播放/暫停」按鈕控制項。
seekBar : Sprite //SeekBar 控制項。
stopButton : Sprite //「停止」按鈕控制項。
volumeBar : Sprite //音量列控制項。

-----------------------------------------
播放控制項屬性相關:
-----------------------------------------
skin : String
//字串，會指定外觀元素 SWF 檔的 URL。
skinAutoHide : Boolean
//Boolean 值，如果為 true，則當滑鼠移到視訊以外的區域時，組件外觀元素會被隱藏起來。
skinBackgroundAlpha : Number
//外觀元素之背景的 Alpha。
skinBackgroundColor : uint
//外觀元素的背景顏色 (0xRRGGBB)。
skinFadeTime : int
//進行隱藏或顯示時，外觀元素淡入或淡出所花費的時間，以毫秒為單位。

bufferingBarHidesAndDisablesOthers: Boolean
//設定為 true 則會隱藏 SeekBar 控制項，並在 FLV 檔處於緩衝狀態時停用 Play、Pause、PlayPause、BackButton 和 ForwardButton 控制項。
fullScreenBackgroundColor : uint
//在全螢幕佔用模式中使用的背景顏色。
fullScreenSkinDelay : int
//會指定隱藏外觀元素的延遲時間，以毫秒為單位。
fullScreenTakeOver : Boolean
//當舞台進入全螢幕模式時，FLVPlayback 組件就會位於所有內容的最上方，而且佔用整個螢幕。

串流影音播放-FLVPlayback 類別-屬性-2

2008-10-14T18:29:00.000+08:00

-----------------------------------------
播放狀態相關屬性:
-----------------------------------------
state : String
//[read-only] 字串，會指定組件的狀態。
bytesLoaded : uint
//[read-only] 數字，會指出 HTTP 下載作業的完成度，以位元組數目表示。
bytesTotal : uint
//[read-only] 數字，會指定 HTTP 下載作業的已下載總位元組數。
stateResponsive : Boolean
//[read-only] Boolean 值，若是有反應的狀態則為 true。
stopped : Boolean
//[read-only] Boolean 值，當 FLVPlayback 實體的狀態為 stopped 時則為 true。
metadataLoaded : Boolean
//[read-only] 如果已找到並處理中繼資料封包，或 FLV 檔在沒有中繼資料封包的情況下編碼，則為 true
paused : Boolean //[read-only] FLV 檔處於暫停狀態時為 true
playing : Boolean //[read-only] FLV 檔處於播放狀態時為 true
buffering : Boolean //[read-only] 視訊處於緩衝狀態時為 true
scrubbing : Boolean //[read-only] 使用 SeekBar 進行拖曳時為 true；否則為 false
isLive : Boolean //當視訊串流處於即時狀態則為 true
isRTMP : Boolean //[read-only] 使用 RTMP 從 FMS 串流處理 FLV 檔時則為 true

-----------------------------------------
縮放與對齊相關屬性:
-----------------------------------------
registrationHeight : Number //視訊的高度。
registrationWidth : Number //視訊的寬度。
registrationX : Number //視訊的 x 座標。
registrationY : Number //視訊的 y 座標。

align : String
//當 scaleMode 屬性設定為 VideoScaleMode.MAINTAIN_ASPECT_RATIO 或 VideoScaleMode.NO_SCALE 時，會指定視訊版面。預設值為 VideoAlign.CENTER。

scaleMode : String
//會指定載入視訊之後將如何調整大小。
// 預設值為 VideoScaleMode.MAINTAIN_ASPECT_RATIO 會將比例維持在 registrationX、registrationY、registrationWidth 和 registrationHeight 所定義的矩形以內。
// VideoScaleMode.NO_SCALE 會讓視訊大小自動調整為來源 FLV 檔的尺寸。
// VideoScaleMode.EXACT_FIT 會導致忽略來源 FLV 檔的尺寸，並且拉伸視訊以符合由 registrationX、registrationY、registrationWidth 和 registrationHeight 所定義的矩形。
//如果在 FLV 檔載入之後設定此屬性，就會立即開始自動配置。這些值來自 VideoScaleMode。

height : Number //數字，會指定 FLVPlayback 實體的高度。
width : Number //數字，會指定「舞台」上 FLVPlayback 實體的寬度。
x : Number //數字，用以指定視訊播放程式的水平位置，以像素為單位。
y : Number //數字，用以指定視訊播放程式的垂直位置，以像素為單位。
scaleX : Number //代表水平縮放的數字。
scaleY : Number //代表垂直縮放的數字。

preferredHeight : int
preferredWidth : int
//[read-only] 來源 FLV 檔的高度與寬度。在 ready 事件啟動時才會生效。
//如果 scaleMode 屬性的值為 VideoScaleMode.MAINTAIN_ASPECT_RATIO 或 VideoScaleMode.NO_SCALE，則最佳作法是在傳送 layout 事件之後讀取該值。
//如果資訊尚無法取得，此屬性會傳回 -1

串流影音播放-FLVPlayback 類別-屬性-1

2008-10-14T09:27:00.013+08:00

FLVPlayback 類別繼承自 Sprite，並包覆 VideoPlayer 物件
(在AS 2.0也有此類別, 但僅支援 FLV 編碼格式,
若要支援 H.264 必須使用 3.0 的 FLVPlayback 類別)
(若要播放 H.264 影片, 需要 Flash Player 9.0.115.0之後的版本)

使用方法:
元件庫內要新增 FLVPlayback 組件
然後 import fl.video.FLVPlayback;

屬性:(摘要)
-----------------------------------------
重要屬性:
-----------------------------------------
source : String
//指定串流處理之 FLV 檔的 URL，以及串流的方式。
autoPlay : Boolean
//Boolean 值，預設值為 true，在設定 source 屬性之後自動開始播放。若設定為 false，則 FLV 檔會載入，等到呼叫 play() 或 playWhenEnoughDownloaded() 後才開始播放。
//將 autoPlay 屬性設為 true，再將 source 屬性設為 URL，效果就和呼叫 play(URL) 一樣。
//呼叫 load(URL)，效果如同將 source 屬性設為 URL，加上 autoPlay 設為 false。

autoRewind : Boolean
Boolean 值，如果為 true，則會在播放停止時讓 FLV 檔倒帶到「影格 1」，這可能是因為播放程式到達串流的結尾或者呼叫了 stop() 方法所造成的。
cuePoints : Array
//[write-only] 陣列，會描述 ActionScript 提示點以及停用的內嵌 FLV 檔提示點。
metadata : Object
//[read-only] 物件，它是從 NetSteam.onMetaData() 回呼方法之呼叫接收的中繼資料資訊封包 (如果有的話)。
preview : String
//[write-only] 即時預覽。會讀入 PNG 檔案以供預覽。
totalTime : Number
數字，表示視訊的總播放時間，以秒為單位。
bufferTime : Number
//數字，用以指定視訊串流開始播放之前，記憶體中緩衝的秒數。
bitrate : Number
數字，用以指定傳輸 FLV 檔的每秒位元數。

activeVideoPlayerIndex : uint // 指定哪一個視訊播放程式實體會受到 API 影響。預設值為 0
visibleVideoPlayerIndex : uint
//用來管理多個 FLV 檔串流。
ncMgr : INCManager
//[read-only] INCManager 物件，讓使用者能夠存取實作 INCManager 的類別實體，即 NCManager 類別的介面。

idleTimeout : Number
//Flash 因為播放暫停或停止而中斷 Flash Media Server (FMS) 閒置連線之前的時間長度，以毫秒為單位。

playheadPercentage : Number
//數字，指定目前的 playheadTime 做為 totalTime 屬性的百分比。
playheadTime : Number
//數字，表示目前播放磁頭時間或位置，以秒為單位，可以是分數值。

soundTransform : SoundTransform
//存取 VideoPlayer.soundTransform 屬性以控制聲音。
volume : Number
//數字，會指出音量控制項設定，允許的範圍為 0 到 1。

seekToPrevOffset : Number
//秒數，seekToPrevNavCuePoint() 方法會用此屬性來比較它的時間與之前的提示點時間。

seekBarInterval : Number
//數字，用以指定來回拖曳 SeekBar 控制點時，執行檢查的間隔時間，以毫秒為單位。
playheadUpdateInterval : Number
//數字，表示每個 playheadUpdate 事件之間的時間長度，以毫秒為單位。
progressInterval : Number
//數字，表示每個 progress 事件之間的時間長度，以毫秒為單位。
seekBarScrubTolerance : Number
//數字，會指定使用者在更新動作發生之前，可將 SeekBar 控制點移動多遠的距離。
volumeBarInterval : Number
//數字，會指定拖曳時檢查音量列控制點位置的頻率，以毫秒為單位。

AS 3.0 的深度管理

2008-09-25T15:11:00.003+08:00

AS 3.0 中
能夠管理物件深度的類別一定是 DisplayObjectContainer 的子類別
(Loader, Sprite, Stage)

以下列出 DisplayObjectContainer 類別中關於深度管理的 function:

addChildAt(child:DisplayObject, index:int):DisplayObject
removeChildAt(index:int):DisplayObject

getChildAt(index:int):DisplayObject
getChildIndex(child:DisplayObject):int

setChildIndex(child:DisplayObject, index:int):void
//變更 child 的深度為 index
//若 child 原本在 index 深度原本的物件之下, 則 child 會變成在它之上
//若 child 原本在 index 深度原本的物件之上, 則 child 會變成在它之下

swapChildren(child1:DisplayObject, child2:DisplayObject):void
//交換 child1 與 child2 的深度

swapChildrenAt(index1:int, index2:int):void
//交換深度在 index1 與 index2 的物件的深度

範例:
若要將 mc 中的 child 物件置於最上方
可以這樣寫
mc.setChildIndex(child, mc.numChildren-1);
//深度由下而上, 從 0 開始, 故 numChildren-1 即為 mc 中最上面的深度

與聲音相關的類別-1

2008-09-22T10:32:00.007+08:00

Sound 類別
負責載入聲音及播放聲音

大致有以下屬性:
bytesLoaded : uint //目前可用的位元組數目
bytesTotal : int //位元組總數
id3 : ID3Info //存取 MP3 檔的 id3 資訊
isBuffering : Boolean //傳回外部 MP3 檔的緩衝狀態
length : Number //長度，以毫秒為單位。 Sound
url : String

方法:
Sound(stream:URLRequest = null, context:SoundLoaderContext = null)
//建立新的 Sound 物件
close():void
//關閉串流，因而導致資料的下載作業終止
load(stream:URLRequest, context:SoundLoaderContext = null):void
//從指定 URL 載入外部 MP3 檔的作業
play(startTime:Number = 0, loops:int = 0, sndTransform:SoundTransform = null):SoundChannel
//產生新的 SoundChannel 物件，以便播放聲音。

事件:
complete //在順利載入資料時傳送
id3 //當 ID3 資料可用於 MP3 聲音時，由 Sound 物件傳送
ioError //發生輸入/輸出錯誤，因而導致載入作業失敗時傳送
open //在載入作業開始時傳送
progress //在載入作業進行中收到資料時傳送

但要控制聲音的播放
則需要使用其他類別

SoundChannel ==> 控制聲音的播放, 停止與多聲道混音
SoundTransform ==> 控制音量與左右相位

-------------------------------------------------------

SoundChannel
屬性:
position : Number
//[read-only] 播放磁頭目前在聲音中的位置
soundTransform : SoundTransform
//指定給聲道的 SoundTransform 物件

leftPeak : Number //[read-only] 左聲道目前音量，從 0 ~ 1
rightPeak : Number [read-only] 右聲道目前音量，從 0 ~ 1

方法:
stop():void //會停止在聲道中播放的聲音。

-------------------------------------------------------

SoundTransform
屬性:
pan : Number
//聲音的左至右相位，範圍介於 -1(左) ~ 1(右) 之間
volume : Number
//音量，範圍介於 0 ~ 1 之間

leftToLeft : Number //介於 0 ~ 1 之間的值，指定在左喇叭中播放左邊輸入的量
leftToRight : Number //介於 0 ~ 1 之間的值，指定在右喇叭中播放左邊輸入的量
rightToLeft : Number //介於 0 ~ 1 之間的值，指定在左喇叭中播放右邊輸入的量
rightToRight : Number //介於 0 ~ 1 之間的值，指定在右喇叭中播放右邊輸入的量

方法:
SoundTransform(vol:Number = 1, panning:Number = 0)
//會建立 SoundTransform 物件

--------------------------------------------------
使用範例:
//背景音樂
var bgm1File:URLRequest = new URLRequest("sound/bgm1.mp3");
var bgm1Sound:Sound = new Sound();
var bgml:SoundChannel;
var bgm1Transform:SoundTransform = new SoundTransform(1,0);
bgm1Sound.addEventListener(IOErrorEvent.IO_ERROR, ioErrorHandler);
bgm1Sound.load(bgm1File);
bgml = bgm1Sound.play(0,999,bgm1Transform);

ExternalInterface

2008-09-09T17:49:00.005+08:00

//ExternalInterface 類別要求使用者的網頁瀏覽器必須支援 ActiveX

public static function addCallback(functionName:String, closure:Function):void
//將第二個參數(flash 內的 function) 以第一個參數(容器叫用函數所依據的名稱)對外註冊
//所以網頁的 javascript 可以呼叫 flash 內的 function
例:
try{
if(!ExternalInterface.available){
throw Error("不支援外部呼叫");
}else{
ExternalInterface.addCallback(外部呼叫的function名稱, flash內部的function);
}
}catch(err:Error){
msgText.text = err.toString();
}
//網頁中要呼叫, 則透過javascript指向flash物件, 再呼叫方法

public static function call(functionName:String, ... arguments):*
//如果容器是 HTML 網頁，則此方法會叫用 script 元素中的 JavaScript 函數
//如果無法取得想要的函數，會傳回 null；否則會傳回函數所提供的值
//「不」允許遞迴；遞迴呼叫會產生 null 回應
例:
try{
if(!ExternalInterface.available){
throw Error("不支援外部呼叫");
}else{
ExternalInterface.call(外部的function, 零或多個參數);
}
}catch(err:Error){
msgText.text = err.toString();
}

flashvars in AS3--stage.loaderInfo.parameters

2008-09-09T17:21:00.002+08:00

parameters 屬性[read-only]會取代 AS2.0 做為Main TimeLine屬性提供參數給 SWF 使用
stage.loaderInfo.parameters 兩個參數來源為：
主要 SWF 檔之 URL 的查詢字串，以及 FlashVars HTML 參數值 (只會影響主要 SWF 檔)
(使用 AS2.0 的 SWF 檔，其 Loader 物件的 parameters 為 null;
Loader 物件包含的 SWF 檔使用 AS3.0，其屬性值才不會是 null)

透過 stage.loaderInfo.parameters 取得 flashvars
其型態為 URL-encoded 字串
故使用 for in 迴圈取出 key 與 value
可用 switch 針對各參數做處理
本例將值放入vars 陣列內:

var flashvars:Object = stage.loaderInfo.parameters;
var vars:Object = [];
var k:String;
for(k in flashvars){
vars.push({key:k, value:flashvars[k]});
}

ActionScript 3.0 Compiler Errors 代碼與說明

2008-08-13T17:36:00.001+08:00

中文
http://livedocs.adobe.com/flash/9.0_tw/ActionScriptLangRefV3/compilerErrors.html

英文
http://livedocs.adobe.com/flash/9.0/ActionScriptLangRefV3/compilerErrors.html

ConnectionString 與 Data Provider

2008-08-09T23:42:00.009+08:00

\	ODBC	OleDb	SqlClient	OracleClient
資料來源	Server	Data Source	Server / Data Source	Server / Data Source
連線帳號	UID	User ID	UID / User ID	User ID
連線密碼	PWD	Password	PWD / Password	Password
Windows 帳號登入	Trusted_ Connection	Integrated Security	Trusted_Connection / Integrated Security	Integrated Security
資料庫	Database	Initial Catalog	Database / Initial Catalog	無
連線集區功能	無	OLE DB Services	Pooling	Pooling

執行 aspx 時發生"無法存取 IIS Metabase"

2008-08-05T16:30:00.004+08:00

為了練習撰寫 ASP.NET 網頁
我用我的電腦裝了 IIS 並測試程式
誰知卻一直無法正常運作
錯誤訊息顯示"無法存取 IIS Metabase"
"描述: 在執行目前 Web 要求的過程中發生未處理的例外情形。請檢閱堆疊追蹤以取得錯誤的詳細資訊，以及在程式碼中產生的位置。 "
"例外詳細資訊: System.Web.Hosting.HostingEnvironmentException: 無法存取 IIS Metabase。 "

試了好多次都是一樣
為此還是不得不求助 Google
也順利找到解決辦法
記錄在此：

會發生這錯誤是因為先安裝了 Visual Studio 開發工具
之後才安裝 IIS 因此產生錯誤
所以只要把 ASP.NET 重新安裝並更新 IIS 的 Scriptmap 就可以了
那要怎麼做咧?

1. 打開命令列視窗
2. 切換路徑到 WINDOWS 安裝路徑下的 \Microsoft.NET\Framework\(版本)
3. 執行 aspnet_regiis -i 並稍等它執行完畢
問題就解決了
( .NET 3.5 是根據 2.0去做擴充的, 所以要去找 2.0 的版本才找得到這檔案)

補充：
aspnet_regiis 是在本機電腦上安裝及解除安裝 ASP.NET 的管理公用程式
參數 -i 會安裝該版本的 ASP.NET，並且更新位於 IIS Metabase 根目錄的 Scriptmap 以及根目錄下的所有 Scriptmap。較低版本的現有 Scriptmap 都會更新成這個版本。

delegate 與 Event 標準寫法-初階

2008-07-19T22:23:00.012+08:00

自訂事件的撰寫步驟頗多, 所以顯得有點小複雜
所以為了便於套用及好記(偷懶!?), 我特別用自己的方式簡化整理一下
請注意我用 Xxxx 代表自訂事件名稱(也許高手會覺得這樣寫很好笑吧....不過我好記就OK嚕)
---------------------------------------------
1)
public class XxxxEventArgs:EventArgs{ }
//說明: 繼承 EventArgs 定義一個自訂事件參數類別, 可以宣告一些到時事件要用的欄位
2)
public delegate void XxxxHandler(object sender, XxxxEventArgs);
//在"事件發佈者類別"的 class 宣告前, 宣告事件處理器
3)
public event XxxxHandler Xxxx;
//宣告 event (在下一步呼叫它時,會將它導向 Handler)
4)
protected virtual void OnXxxx(XxxxEventArgs args){
if( Xxxx != null){ Xxxx(this, args);}
}
//發佈事件 (將發布者及參數物件傳給 Handler)
5)
事件發佈者實體.Xxxx += new XxxxHandler(事件發佈者實體_Xxxx);
static void 事件發佈者實體_Xxxx(object sender, XxxxEventArgs args){ 事件處理的code }
//在程式中將步驟 2 的 delegate 處理器註冊給實體事件, 並用"事件發佈者實體_Xxxx" 方法處理事件
//使用visual studio的只要寫到 += 後按兩次 Tab 會省事一些...

6)怎麼觸發自訂的事件呢?
在"觸發者類別"的 method 裡呼叫 OnXxxx(XxxxEventArgs 實體)即可觸發

同場加映:
使用匿名方法 delegate(參數列){ 事件處理的code }
直接 Invoke 觸發

C# 內建型別與共通型別對照

2008-07-13T10:09:00.001+08:00

C#內建型別：
整數：sbyte, byte, short, ushort, int, uint, long, ulong
浮點數：float, double, decimal
字元：char
布林：bool
字串：string
物件：object

C#內建型別	"共通型別系統"型別
short	Systrm.Int16
int	System.Int32
long	System.Int64
float	System.Single
double	System.Double
decimal	System.Decimal
bool	System.Boolean
char	System.Char
string	System.String
object	System.Object

HTML DOM Location Object

2008-07-12T23:37:00.000+08:00

屬性：

Property	Description
href	完整 URL
protocol	URL 的通訊協定
hostname	URL 的域名
port	URL 的 port
host	URL 的域名與 port
pathname	域名後面的路徑(不含參數)
hash	hash(#)參數的值, (可用於 Anchor )
search	? 後面的參數與值

方法：

Method	Description
assign(URL)	前往指定的 URL
reload()	-
replace(newURL)	將目前頁面換成指定的 URL

HTML DOM History Object

2008-07-12T23:21:00.003+08:00

屬性：
length
// history list 的 length

方法：

Method	Description
back()	回 history list 的上一頁
forward()	到 history list 的下一頁
go(number\|URL)	移動到 history list 的某一頁

HTML DOM Screen Object

2008-07-11T16:22:00.001+08:00

Property	Description
width	-
height	-
availWidth	螢幕可視範圍寬(視窗最大化能多寬)
availHeight	螢幕可視範圍高(視窗最大化能多高)
deviceXDPI	螢幕的 x 解析度(DPI)
deviceYDPI	螢幕的 y 解析度(DPI)
logicalXDPI	螢幕正常 x 解析度(DPI)
logicalYDPI	螢幕正常 y 解析度(DPI)
colorDepth	色彩品質(16bits、24bits、32bits...)
pixelDepth	(此屬性 IE 不支援)
bufferDepth	色彩緩衝區大小
fontSmoothingEnabled	是否設定螢幕字型平滑
updateInterval	螢幕的 update interval

window.open() 可設定的視窗屬性

2008-07-11T11:59:00.000+08:00

width	最小值 100
height	最小值 100
left	x
top	y
resizable	Default is yes
titlebar	標題列. Default is yes
location	網址列. Default is yes
toolbar	工具列. Default is yes
menubar	功能表列. Default is yes
directories	連結列. Default is yes
scrollbars	捲動軸. Default is yes
status	狀態列. Default is yes
fullscreen	full-screen mode. Default is no.
channelmode	Default is no

同場加映：把視窗放到最大可以這樣寫
window.moveTo(0,0);
window.resizeTo(screen.availWidth, screen.availHeight);

HTML DOM Window Object

2008-07-11T09:30:00.009+08:00

屬性：

Property	Description
self	-
parent	-
top	-
opener	-
name	-
closed	window 是否已關閉
document	Document object
toolbar	是否顯示 tool bar
scrollbars	是否顯示 scrollbars
statusbar	是否顯示 statusbar
personalbar	是否顯示工具列
defaultStatus	statusbar 的 default text
status	statusbar 的內容
history	History object
location	Location object
outerheight	整個視窗的 height
outerwidth	整個視窗的 width
pageXOffset	window 在視窗中的 X 座標
pageYOffset	window 在視窗中的 Y 座標
length	該視窗的頁框數量
frames[]	該視窗的頁框陣列

方法：

Method	Description
open([URL,name,specs,replace])	-
close()	-
print()	-
focus()	-
blur()	-
createPopup()	彈出視窗
alert(message)	彈出訊息框
confirm(message)	彈出確認框
prompt(message,defaultText)	彈出輸入框
moveBy()	從目前位置移動視窗
moveTo()	移動視窗到指定座標
resizeBy()	依目前大小 Resize 視窗
resizeTo()	Resize 視窗到指定大小
scrollBy()	依目前顯示內容捲動視窗
scrollTo(x, y)	捲動視窗到指定座標
setInterval(func,millisec[,"lang"])	循環計時器(每 millisec毫秒執行 func 方法)
setTimeout(func,millisec[,"lang"])	計時器(每 millisec毫秒執行 func 方法)
clearInterval(id)	利用 setInterval 回傳的 id 值清除之
clearTimeout(id)	利用 setTimeout 回傳的 id 值清除之

JavaScript 的 RegExp 物件

2008-07-10T15:07:00.004+08:00

RegExp 是 Regular Expression 的縮寫, 用來當作一種 pattern

例:
var pattern1 = new RegExp("e"); //用來在字串中找 e 的 pattern

RegExp 的方法:
test()
//Returns true or false

exec()
//Returns the text of the found value. If no match is found, it returns null

compile()
//change both the search pattern, and add or remove the second parameter.

更多正規表示式相關資訊( W3Schools )

JavaScript 的 Error 物件

2008-07-10T14:31:00.002+08:00

try..catch..finally:
try{
.....
}catch(e){ //錯誤處理
.....
}finally{
.....
}

throw:
throw(exception);

Error 物件的屬性:
number 錯誤碼(32bit)
message 錯誤說明字串
description 錯誤描述

onerror 事件:
onerror=handleErr
function handleErr(msg,url,l)
{
//Handle the error here
return true or false
}

JavaScript 的函數與物件

2008-07-09T21:23:00.006+08:00

alert(msg) //彈出 alert 對話框
confirm(msg) //彈出 confirm 對話框, 使用者按"OK"回傳true, 按"cancel"回傳false
prompt(msg, [defaultValue]) //彈出 prompt 字串輸入框

arguments //參數陣列
prototype //new 出來的物件可指定 prototype

parseInt() //轉型成整數
parseFloat() //轉型成浮點數

escape(string) //將字串轉成url編碼
unescape(string) //將url編碼轉回字串

String 物件:
toLowerCase() //字串轉為小寫
toUpperCase() //字串轉為大寫
charAt(i) //字串的第 i 個字元(由 0 開始)
charCodeAt(i) //字串的第 i 個字元(由 0 開始)的 Unicode 字碼
indexOf(string, i) //搜尋(第 i 個) string 字串的起始索引, 沒找到則傳回-1
lastIndexOf(string) //從最後面開始搜尋字串起始索引, 沒找到則傳回-1
match(string) //若字串包含該 string 則回傳, 若否則為 null (正規表示)
search(string) //同 indexOf(string) (正規表示)
replace(str1, str2) //將字串中所有的 str1 更換成 str2
split(string) //將字串以 string 為分割符號做切割, 回傳的是 Array
subStr(i , length) //從第 i 個字元擷取 length 個字做為字串回傳
subString(i1 , i2) //從第 i1 個字元擷取到(不含)第 i2 個字元做為字串回傳
concat(string) //字串相加, 需搭配 assignment

Array 物件:
join(separator) //將 array 輸出成字串並以 separator 分隔
reverse() //字串索引反轉
sort() //排序
concat(array) //合併

Math 物件:
常數屬性:
E / LN2 / LN10 / LOG2E / LOG10E / PI / SQRT1_2 / SQRT2
方法:
max(value1, value2) //傳回較大值
min(value1, value2) //傳回較小值
random() //0~1的亂數
round() //四捨五入
floor() //無條件捨去
ceil() //無條件進位
pow() //次方
sqrt() //平方根
abs() //絕對值
exp() //自然數指數 ex
log() //自然對數
sin() / cos() / tan() / asin() / acos() / atan() //三角函數

Date 物件:
getTimezoneOffset() //傳回本地時間與 GMT 時間差, 分為單位
toGMTString() //傳回轉成 GMT 時間的字串
toLocalString() //傳回轉成本地時間的字串
parse(Date) //傳回 1970年1月1日至本地時間 Date 的毫秒數(類別方法)
UTC(Date) //傳回 1970年1月1日至 GMT 時間 Date 的毫秒數(類別方法)
getDate() / setDate()
getDay() / setDay()
getMonth() / setMonth()
getFullYear() / setFullYear()
getYear() / setYear()
getHours() / setHours()
getMinutes() / setMinutes()
getSeconds() / setSeconds()
getMilliseconds() / setMilliseconds()
getTime() / setTime() //1970年1月1日至今的秒數

JavaScript 的 Event

2008-07-09T13:57:00.007+08:00

Event	Elements affected	What starts this event?
onabort	Image	interruption of image loading (user has clicked on another link or STOP in the browser)
onblur	Button, Checkbox, FileUpload, Frame, Layer, Password, Radio, Reset, Select, Submit, Text, Textarea, Window	when element loses focus (another element is selected)
onchange	FileUpload, Select, Text, Textarea	change of data inside an element
onclick	Button, Document, Checkbox, Link, Radio, Reset, Submit	click on an element
ondblclick	Area, Document, Link	double click on an element
ondragdrop	Frame, Window	drag and drop of a shortcut or a file to the browser window
onerror	Frame, Image, Window	error in the script or while loading an image (e.g. image not found)
onfocus	Button, Checkbox, FileUpload, Frame, Layer, Password, Radio, Reset, Select, Submit, Text, Textarea, Window	when an element gets focus (opposite of onblur)
onkeydown	Document, Image, Link, Textarea	pressing down a key on the keyboard
onkeypress	Document, Image, Link, Textarea	pressing (and releasing) a key on the keyboard
onkeyup	Document, Image, Link, Textarea	releasing a key on the keyboard
onload	Frame, Image, Layer, Window	end of loading
onmousedown	Button, Document, Link	pressing mouse button
onmouseout	Area, Layer, Link	mouse pointer exiting the element’s area
onmouseover	Area, Layer, Link	mouse pointer moving over an element
onmouseup	Button, Document, Link	releasing mouse button
onmove	Frame, Window	window or frame moving
onreset	Form	resetting the form
onresize	Frame, Window	changing size of a window or a frame
onselect	Textarea	selecting text
onsubmit	Form	submitting a form
onunload	Frame, Window	unloading a document (leaving the page or closing the window)

Transition 與 TransitionManager 之其四

2008-06-13T10:56:00.003+08:00

關於 TransitionManager
原本以為無法串接不同效果
所以之前都是用 Tween 動畫來做相關的事
但今天看到 shinder 老師書裡提到
TransitionManager 會 dispatch 以下兩個事件：
allTransitionsInDone 跟 allTransitionsOutDone
這是 doc 裡面沒有提到的

因此只要監聽這兩個事件
就有串接不同轉場效果的可能性

如何載入其他SWF裡的類別

2008-06-12T23:24:00.003+08:00

這是 shinder 老師的書裡看到的
我個人覺得屬於比較高階的知識了...
但由於 shinder 老師寫書的風格比較不拖泥帶水
因此也不會把來龍去脈講得很清楚(反正DOC裡都查得到)
但為了方便理解, 所以我查了一下規格書, 做個筆記, 把它記在這邊
----------------------------------------
1. ApplicationDomain 類別
在透過 Loader 類別載入外部 SWF 檔時使用。載入之 SWF 檔中使用的所有 ActionScript 3.0 定義，都會儲存在 ApplicationDomain 中，該網域則由 LoaderContext 物件的 applicationDomain 屬性所指定。
ApplicationDomain 不具安全性用途，這些網域是要用來管理 ActionScript 程式碼的相關單位。
(LoaderInfo 物件也含有唯讀的 applicationDomain 屬性。)

currentDomain:ApplicationDomain [read-only]
parentDomain:ApplicationDomain [read-only]

public function getDefinition(name:String):Object
//會從指定的應用程式網域取得公用定義。定義可以是類別、名稱空間或函數的定義。
//name:String — 定義的名稱

2. LoaderContext 的 applicationDomain 屬性
如果將載入的 SWF 檔置入自己的安全性網域 (不論是因為 SWF 檔來自於自己的網域，還是因為將該檔匯入至自己的安全性網域)，就可以控制載入之 SWF 檔的 applicationDomain 選擇。

而這個屬性的值可以有四種來源：(父輩為載入者, 子系為被載入者)
(1)- new ApplicationDomain(ApplicationDomain.currentDomain)
預設值。允許載入的 SWF 檔直接使用父輩的類別。如果父輩希望使用子系的類別，便必須呼叫 ApplicationDomain.getDefinition() 。
(2)- ApplicationDomain.currentDomain
載入完成時，父輩和子系都可直接使用彼此的類別。<這是 shinder 老師用的方法>
(3)- new ApplicationDomain(null)
完全分隔載入器和載入對象，允許兩者以相同的名稱定義不同的類別，而不會造成衝突或遮蓋。兩端都能看到另一端之類別的唯一方式，便是呼叫 ApplicationDomain.getDefinition() 方法。
(4)- 其它
例:new ApplicationDomain(ApplicationDomain.currentDomain.parentDomain)

Stage

2008-06-12T14:45:00.006+08:00

Stage 代表整個 Flash 顯示區域。

stageHeight:int

stageWidth:int

frameRate:Number //影格速率

scaleMode:String
//StageScaleMode.EXACT_FIT -- 在指定區域內完整顯示，同時維持原始比例。
//StageScaleMode.SHOW_ALL -- 在指定區域內完整顯示，但不保留原始比例。
//StageScaleMode.NO_BORDER -- 填滿指定的區域，維持原始比例，但可能會被裁切。
//StageScaleMode.NO_SCALE -- 固定，就算視窗大小變更，還是維持不變。若視窗小於內容，則裁切。

displayState:String
//顯示狀態, 有效值為StageDisplayState.FULL_SCREEN 與 StageDisplayState.NORMAL ("fullScreen" 與 "normal")
//影片在全螢幕模式中的縮放行為是由 scaleMode 設定決定
//若要全螢幕顯示swf, html碼也要設定AC_FL_RunContent(... "allowFullScreen", "true", ...)

fullScreenHeight:uint
fullScreenWidth:uint
//傳回如果立即進入全螢幕狀態，將會使用的監視器高度|寬度

fullScreenSourceRect:Rectangle
//全螢幕顯示的指定區塊

navigateToURL 的 windows 屬性

2008-06-09T16:53:00.003+08:00

今天剛好前同事問我關於頁框的問題
查了一下原廠手冊關於 navigateToURL 的 windows 屬性
有一段是這樣寫的:

"如果於具有檔案系統的本機安全執行程序中執行的 SWF 檔中的程式碼呼叫 navigateToURL() 函數，並為 window 參數指定自訂視窗名稱，就以隨機方式指定視窗名稱。
名稱格式類似於 "_flashXXXXXXXX"，其中每一個 X 分別代表一個隨機十六進位數字。
在相同的工作階段中 (直到您關閉所包含的瀏覽器視窗為止)，
如果您再次呼叫該函數，並且為 window 參數指定相同的名稱，則仍會使用相同的隨機字串。"

因此
萬一使用 navigateToURL 做頁框連結
在本機測試時卻無法正常運作
也許不是程式碼寫錯了歐
上傳到網路環境測試一下看看先
在此記錄一下...真是不經一事不長一智阿.....

連結( Link )

2008-06-07T16:13:00.002+08:00

a 針對連結的一般設定
a:link 連結正常狀態
a:visited 已造訪過的連結
a:hover 滑鼠移上時的狀態
a:active 滑鼠點下時的狀態

相關屬性:
text-decoration: none/overline/underline/line-through/blink/inherit
(由於border的樣式比較多, 因此也可消除底線之後使用 border 設計新的底線外觀)

display:block
(搭配 background-color 屬性將連結作為區塊顯示)

*連結可用span標籤夾分隔符號(如: | )隔開

*可以利用
display:none;
將不想顯示的資訊隱藏(也可用於預載必要的圖檔)
--------------------------------------------------------------

下拉選單:(需配合 javascript)
.menu{
position:relative;
left:0;
top:0;
}
.submenu{
visibility:hidden;
position:absolute;
left:0;
/* 將子選單的 position 設成 absolute;
left 設成0 避免隱藏時滑鼠仍感應到子選單範圍 */
}
#menu1{
left:0;
top:0;
}
#menu2{
position:absolute;
left:200px;
top:0;
}
...

javascript部分則可以下類似這樣的描述
function showSubmenu(n){
obj = document.getElementById("submenu"+n).style.visibility="visible";
}
function hideSubmenu(n){
obj = document.getElementById("submenu"+n).style.visibility="hidden";
}

圖片

2008-06-07T14:57:00.003+08:00

img 標籤的 alt 屬性與 title 屬性:
alt 用於影像無法顯示時的替代文字,
title 用於游標移上圖片時出現的文字
(而一般小圖示應該把 alt 設為"" 以免影響瀏覽)

圖片的對齊方式:
vertical-align: bottom/middle/top/text-bottom/text-top
(還有 baseline/inherit/sub/super)

文繞圖
float:left/right (還有 none/inherit)
(針對段落指定文繞圖時, 應指定段落寬度, 以免float無法呈現)

背景圖
background-image:url(圖檔位置)
(使用背景影像時, 最好也記得指定可以正確顯示文字的背景色, 免得圖出現問題或未完全載入時字看不清楚)

background-repeat:no-repeat/repeat/repeat-x/repeat-y/inherit

background-position: Xpx Ypx
(還有 left/center/right/bottom/top/inherit)

文字-清單

2008-06-07T14:29:00.003+08:00

清單(html)
ol, ul 與 li 標籤(ol 標籤使用編號, ul 標籤使用圖形, li 標籤則包在裡面表示每個清單項目)

使用圖檔作為項目圖示:
ul{
list-style-image:url("清單項目圖示檔");
}

定義清單:( dl, dt, dd 標籤)
dl 標籤為最外層, 裡面 dt 與 dd 成對出現, 但若要排在同一行則需下css
例:
dt{
float:left;
}
dd{
margin-left: 5em;
}
因此其實可用表格來做編排而不用定義清單的標籤

文字

2008-06-03T15:49:00.001+08:00

font-size (WCAG 建議使用 em 而不是 px / % / ... 等)

Standard Mode	h1~h6	px	em
xx-large	h1	32	2
x-large	h2	24	1.5
large	h3	18	1.25
medium	h4	16	1
small	h5	12	0.75
x-small	h6	10	0.625
xx-small	---	9	0.5625

相關屬性:
color (字體顏色)
background-color
font-family (字體採用順序)
font-style: normal/italic/inherit/
text-align (對齊)
line-height (行距)
width (文字區塊寬度)

border-top
border-bottom
border-left (邊框-左方)(可用來做文字左方的色塊或圖案)
border-right
border (統一做邊框設定)

margin-top (外距)
margin-bottom
margin-left
margin-right
padding-top (內距)
padding-bottom
padding-left
padding-right

CSS 與 HTML 注意事項

2008-06-03T10:19:00.009+08:00

注意事項:
1. 標準規格的概念, 是將格式(如字體, 對齊, ...等) 都從HTML中移出, 而由 CSS 檔案做管理

2. !DOCTYPE標籤中 HTML 4.01 的種類:
Strict -- 嚴格(未使用應避免使用的屬性與要素)
Transitional -- 過渡性的(有使用應避免使用的屬性與要素)
Frameset -- 頁框設定的(使用頁框及應避免使用的屬性與要素)

3. 套用外部樣式表
使用 link 標籤 rel="stylesheet" type="text/css" href="css檔案路徑" media="all"
(關於 media 屬性: all/screen/print ,media 屬性的不同可指定於不同情形下使用不同 CSS 樣式, 如列印版本可套用較適合列印的 CSS 樣式)

4. 強調文字
使用 em 標籤或 strong 標籤

5. 網頁概要與關鍵字(由於常被濫用, 因此目前搜尋引擎已不大重視此部份)
網頁概要 -- meta 標籤中 http-equiv="Content-Type" content="在此描述網頁概要"
關鍵字 -- meta 標籤中 http-equiv="keywords" content="逗號分隔的關鍵字, 逗號分隔的關鍵字"

6. 群組化: div 與 section 標籤的功能
div -- 常用
section -- 可層級化(xHtml 2.0)

7. address標籤的使用, 用作版權宣告與作者資料描述

ActionScript 3.0 的繪圖 API

2008-04-01T20:59:00.006+08:00

套件 flash.display
類別 public final class Graphics
繼承 Graphics Object

public function clear():void
//clear()只能清除繪圖 API 畫出的圖形

public function lineStyle(
thickness:Number,
color:uint = 0,
alpha:Number = 1.0,
pixelHinting:Boolean = false,
scaleMode:String = "normal",
caps:String = null,
joints:String = null,
miterLimit:Number = 3
):void
//caps:String (default = null) — 來自 CapsStyle 類別的數值，可指定線段終點的端點類型。有效值為：CapsStyle.NONE、CapsStyle.ROUND，以及 CapsStyle.SQUARE。如果沒有指定值，會使用圓形端點。
//joints:String (default = null) — 來自 JointStyle 類別的數值，可指定用在角度上的接合外觀類型。有效值為：JointStyle.BEVEL、JointStyle.MITER，以及JointStyle.ROUND。如果沒有指定值，會使用圓角連接。

public function lineGradientStyle(
type:String,
colors:Array,
alphas:Array,
ratios:Array,
matrix:Matrix = null,
spreadMethod:String = "pad",
interpolationMethod:String = "rgb",
focalPointRatio:Number = 0
):void
//呼叫 lineGradientStyle() 前，須先呼叫 lineStyle()，否則線段樣式的值仍會保持 undefined
//type:String — GradientType.LINEAR 或 GradientType.RADIAL
//alphas:Array — Alpha 值的陣列，會對應到 colors 陣列中的顏色，有效值從 0 到 100。如果值小於 0，Flash Player 便會使用 0。如果值大於 100，Flash Player 便會使用 100。
//ratios:Array — 顏色分佈比例的陣列。有效值從 0 到 255。
//spreadMethod:String (default = "pad") — 來自 SpreadMethod 類別的數值，用來指定散佈方法： SpreadMethod.PAD、SpreadMethod.REFLECT、SpreadMethod.REPEAT
//interpolationMethod:String (default = "rgb") — 來自 InterpolationMethod 類別的數值，不同的內插補點方法會產生不同的外觀，InterpolationMethod.LINEAR_RGB、InterpolationMethod.RGB
//focalPointRatio:Number (default = 0) — 用來控制漸層的焦點位置。-1 ~ 0 ~ 1，0為中心點

public function moveTo(x:Number, y:Number):void

public function lineTo(x:Number, y:Number):void

public function curveTo(
controlX:Number, controlY:Number,
anchorX:Number, anchorY:Number
):void
//線段不會經過(controlX,controlY)
//若要求線段經過我們指定的點(targetX, targetY)可用以下方式:
// controlX = targetX *2 - (startX + anchorX)/2
// controlY = targetY *2 - (startY + anchorY)/2

public function beginFill(color:uint, alpha:Number = 1.0):void

public function endFill():void

public function beginGradientFill(
type:String,
colors:Array,
alphas:Array,
ratios:Array,
:Matrix = null,
spreadMethod:String = "pad",
interpolationMethod:String = "rgb",
focalPointRatio:Number = 0
):void
//type:String — 來自 GradientType 類別的數值可用來指定要用哪個漸層模式：GradientType.LINEAR 或 GradientType.RADIAL。
//ratios:Array — 顏色分佈比例的陣列。有效值為 0 到 255。 0 代表位於漸層最左端，255 代表最右端。
//matrix:Matrix (default = null) — flash.geom.Matrix 類別所定義的變形矩陣。 flash.geom.Matrix 類別包含 createGradientBox() 方法，可輕易地設定矩陣，以便與 beginGradientFill() 方法搭配使用。
//Matrix.createGradientBox(width:Number, height:Number, rotation:Number = 0, tx:Number = 0, ty:Number = 0):void 其中rotation要用Math.PI/n

public function beginBitmapFill(
bitmap:BitmapData,
matrix:Matrix = null,
repeat:Boolean = true,
smooth:Boolean = false
):void
//bitmap:BitmapData — 包含要顯示的位元之透明或不透明點陣圖影像。
//repeat:Boolean (default = true) — true 以並排模式重複顯示點陣圖影像。若為 false 則使用邊緣像素填滿
//smooth:Boolean (default = false) — false 使用最近鄰點法放大點陣圖，較快。 true 則使用雙線性插補法放大點陣圖。

public function drawCircle(x:Number, y:Number, radius:Number):void

public function drawEllipse(x:Number, y:Number, width:Number, height:Number):void
//畫橢圓

public function drawRect(x:Number, y:Number, width:Number, height:Number):void

public function drawRoundRect(
x:Number, y:Number, width:Number, height:Number,
ellipseWidth:Number, ellipseHeight:Number
):void
//畫圓角橢圓
-----------------------------------------------------------

套件 flash.geom
類別 public class ColorTransform
繼承 ColorTransform Object
子類別 Color

public function ColorTransform(
redMultiplier:Number = 1.0,
greenMultiplier:Number = 1.0,
blueMultiplier:Number = 1.0,
alphaMultiplier:Number = 1.0,
redOffset:Number = 0,
greenOffset:Number = 0,
blueOffset:Number = 0,
alphaOffset:Number = 0
)
//前四個參數範圍0~1.0, 後四個參數範圍 -255~255

三角函數公式與應用

2008-03-27T13:26:00.006+08:00

360度等於 2 PI
180度等於 1 PI
PI 約等於 3.1416
所以一個弧度約等於 57.2958 度........

角度與弧度的轉換:
radians = degrees * Math.PI / 180
degrees = radians *180 / Math.PI

三角函數: (注意先把角度轉成弧度)
Math.sin(radians) = 對邊 / 斜邊 // y
Math.cos(radians) = 鄰邊 / 斜邊 // x
Math.tan(radians) = 對邊 / 鄰邊
( 直角三角形, 非直角的其中一角的 sin 等於另一角的 cos )

Math.asin() -- 以 sin 值求弧度(再套用弧度轉角度公式可得角度)
Math.acos() -- 以 cos 值求弧度(再套用弧度轉角度公式可得角度)
Math.atan() -- 以 tan 值求弧度(再套用弧度轉角度公式可得角度)
Math.atan2(y,x) -- 傳入y,x(即對邊與鄰邊的長)求弧度(再套用弧度轉角度公式可得角度)

應用:

以正弦波(y)及餘弦波(x), 畫出橢圓
利用畢式定理(直角三角形斜邊平方等於另兩邊平方和)求出兩點距離

ASCII code 0~127

2008-03-27T12:58:00.007+08:00

控制字元

十進位	縮寫	名稱/意義
0	NUL	空字元(Null)
1	SOH	標題開始
2	STX	本文開始
3	ETX	本文結束
4	EOT	傳輸結束
5	ENQ	請求
6	ACK	確認回應
7	BEL	響鈴
8	BS	退格
9	HT	水平製表符
10	LF	換行鍵
11	VT	垂直製表符
12	FF	換頁鍵
13	CR	回車鍵
4	SO	取消變換(Shift out)
5	SI	啟用變換(Shift in)
6	DLE	跳出數據通訊
17	DC1	設備控制一 (XON 啟用軟體速度控制)
18	DC2	設備控制二
19	DC3	設備控制三 (XOFF 停用軟體速度控制)
20	DC4	設備控制四
21	NAK	確認失敗回應
22	SYN	同步用暫停
23	ETB	區塊傳輸結束
24	CAN	取消
25	EM	連線介質中斷
26	SUB	替換
27	ESC	跳出
28	FS	文件分割符
29	GS	群組分隔符
30	RS	記錄分隔符
31	US	單元分隔
127	DEL	刪除

可顯示字元

十進位	圖形
32	(空格)(␠)
33	!
34	"
35	#
36	$
37	%
38	&
39	'
40	(
41	)
42	*
43	+
44	,
45	-
46	.
47	/
48	0
49	1
50	2
51	3
52	4
53	5
54	6
55	7
56	8
57	9
58	:
59	;
60	<
61	=
62	>
63	?
64	@

十進位	圖形
65	A
66	B
67	C
68	D
69	E
70	F
71	G
72	H
73	I
74	J
75	K
76	L
77	M
78	N
79	O
80	P
81	Q
82	R
83	S
84	T
85	U
86	V
87	W
88	X
89	Y
90	Z
91	[
92	\
93	]
94	^
95	_
96	`

十進位	圖形
97	a
98	b
99	c
100	d
101	e
102	f
103	g
104	h
105	i
106	j
107	k
108	l
109	m
110	n
111	o
112	p
113	q
114	r
115	s
116	t
117	u
118	v
119	w
120	x
121	y
122	z
123	{
124	\|
125	}
126	~

php-日期與時間

2008-03-15T11:51:00.005+08:00

int time ( void )
//Returns the current time measured in the number of seconds since the Unix Epoch (January 1 1970 00:00:00 GMT)

int mktime ( [int $hour [, int $minute [, int $second [, int $month [, int $day [, int $year [, int $is_dst]]]]]]] )
//傳入時, 分, 秒, 月, 日, 年, 回傳timestamp

mixed microtime ( [bool $get_as_float] )
//回傳timestamp的毫秒與秒,傳入TRUE則回傳 Float

int strtotime ( string $time [, int $now] )
//嘗試解析的傳入字串格式的日期時間(效率很低)

array getdate ( [int $timestamp] )
//以關連式陣列回傳時間回傳

bool checkdate ( int $month, int $day, int $year )
//傳入月, 日, 年, 回傳 True or False

格式化輸出:
string date ( string $format [, int $timestamp] )
//將時間格式化輸出
例: echo date('Y-m-d H:i:s l'); //會輸出 2008-03-15 14:30:22 Saturday 這樣的格式

string strftime ( string $format [, int $timestamp] )
//可以與字串混合輸出的函式, 並可按地區設定做調整(需搭配setlocale使用)

php-檔案存取

2008-03-14T14:59:00.003+08:00

resource fopen ( string $filename, string $mode [, bool $use_include_path [, resource $context]] )
//讀取本地端或網路的檔案

mode參數如下:

r	read only; 指標在檔案開頭	r+	read, write; 指標在檔案開頭
w	write only; 覆蓋原本檔案, 若檔案不存在會嘗試建立	w+	read, write; 覆蓋原本檔案, 若檔案不存在會嘗試建立
a	write after only; 若檔案不存在會嘗試建立	a+	read & write after; 若檔案不存在會嘗試建立
x	create & write; 若檔案不存在會return False	x+	create, read & write; 若檔案不存在會return False

bool fclose ( resource $handle )
//關閉檔案

string fgets ( resource $handle [, int $length] )
//Gets a line from file pointer. 或傳入$length 指定抓取 $length - 1 bytes

string fgetc ( resource $handle )
//Gets a character from the given file pointer.

string fread ( resource $handle, int $length )
//在 $handle 中的 file pointer 位置讀取 $length bytes 的資料, 若到 EOF(end of file)也會停止

int filesize ( string $filename )
//Gets the size for the given file.

bool feof ( resource $handle )
//查看 file pointer 是否到達檔案結尾

bool file_exists ( string $filename )
//查看檔案是否存在

string file_get_contents ( string $filename [, int $flags [, resource $context [, int $offset [, int $maxlen]]]] )
//將檔案以字串型態傳回, 也可指定範圍(從 $offset 開始抓 $maxlen 長度)

int fwrite ( resource $handle, string $string [, int $length] )
//將字串從目前 file pointer 處寫入 $handle

bool fflush ( resource $handle )
//強迫將緩衝資料寫入檔案(可用來確保讀取前已經寫入)
(但會影響檔案操作速度, 故不建議平常使用)

bool is_readable ( string $filename )
//查詢是否對某檔案有讀取權限

bool is_writable ( string $filename )
//查詢是否對某檔案有寫入權限

bool unlink ( string $filename [, resource $context] )
//刪除檔案(謹慎使用...有安全性風險)

bool rename ( string $oldname, string $newname [, resource $context] )
//檔案重新命名

string basename ( string $path [, string $suffix] )
//回傳檔名

string dirname ( string $path )
//回傳檔案所在資料夾路徑

string realpath ( string $path )
//將相對路徑轉為絕對路徑

mixed pathinfo ( string $path [, int $options] )
//回傳一個檔案相關資訊的陣列

bool rmdir ( string $dirname [, resource $context] )
//刪除資料夾(注意權限)

bool mkdir ( string $pathname [, int $mode [, bool $recursive [, resource $context]]] )
//嘗試建立資料夾(注意權限)

bool chdir ( string $directory )
//改變當前工作目錄

使用函示來瀏覽目錄:
resource opendir ( string $path [, resource $context] )
//開啟目錄

string readdir ( resource $dir_handle )
//讀取目錄

void rewinddir ( resource $dir_handle )
//回到目錄開頭

void closedir ( resource $dir_handle )
//關閉目錄

使用dir類別來瀏覽目錄:
class Directory {
Directory ( string $directory )
string path
resource handle

string read ( void )
void rewind ( void )
void close ( void )
}
例:
$d = dir("/etc/php5");
echo "Handle: " . $d->handle . "\n";
echo "Path: " . $d->path . "\n";
while (false !== ($entry = $d->read())) {
echo $entry."\n";
}
$d->close();

php-POSIX正規表示式(regular expression)

2008-03-13T15:32:00.003+08:00

php 相關 function:
int ereg ( string $pattern, string $string [, array &$regs] )
//Searches a string for matches to the regular expression given in pattern in a case-sensitive way.

string ereg_replace ( string $pattern, string $replacement, string $string )
//scans string for matches to pattern, then replaces the matched text with replacement.

array split ( string $pattern, string $string [, int $limit] )
//Splits a string into array by regular expression.

array explode ( string $delimiter, string $string [, int $limit] )
//比 split 快, 但不支援多位元

使用方法:
正規表示式須放在單引號中

字元類別: 用 [ ] 包圍, 方括符內的任一字元都算
連字元 [a-z]、[A-Z]、[0-9] 可連用如: [A-Za-z0-9], 若寫為[A-z]則也包含[]^_等字元, 但寫為[a-Z]則不合法, 因為 Z 的ASCII編碼在 a 前面
^字元, 表示互斥, 例: [^aeiou]表示除aeiou這五個字元之外的都算

POSIX 命名字元類別有:(需在字元類別內使用)
[:alnum:] --ASCII字母及數字, 相當於[A-Za-z0-9]
[:alpha:] --ASCII字母, 相當於[A-Za-z]
[:blank:] --空格及tab, 相當於[ \t]
[:space:] --空白字元(空格、換行、tab及垂直tab), 相當於[\n\r\t \x0b]
[:cntrl:] --不可列印的控制字元, 相當於[\x01-\x1f]
[:digit:] --相當於[0-9]
[:lower:] --相當於[a-z]
[:upper:] --相當於[A-Z]

邊界:
[:<:] --右邊界 [:>:] --左邊界
^ --字串開頭(元字元 metacharacter, 須在方括符外面使用)
$ --字串結尾(元字元, 須在方括符外面使用)

點號:
. 點號代表任一單一字元, 實際字串中的點號需用 \. 轉義
但是字元類別中的點號 . 就是代表點號

量詞:(quantifier)
{min, max} -- 出現的最小值與最大值
* --代表 {0,} 即零或多
+ --代表 {1,} 即一或多
? --代表零或一 (可以不出現, 但若出現只能一次)

分組:
使用 ( ) 小括符將字串包圍, 但要注意使用分組則效能會較差, 可搭配序列分割符號 | 使用
例:
(very{1,})
(good|awesome|amazing)

反向引用: (back reference)
php的POSIX正規表示式中將分組命名為 \1, \2, ... , \n (其中 n 只能到 9)
\0 表示引用整個字串
例:
$replaced = ereg_replace('([%;])', '\\\1', $myString)
就將 $myString 中的 % 或 ; 符號替換成 \ 符號
(\\代表跳脫轉義的 \ 而後面的 \1 則是反向引用)

綜合範例:

[[:alnum:] _-]{6,30}
代表大小寫字母與數字還有空格, 底線, 橫線都接受, 最少6字元最大30字元

php-Cookie 與 Session

2008-03-10T13:43:00.002+08:00

bool setcookie ( string $name [, string $value [, int $expire [, string $path [, string $domain [, bool $secure [, bool $httponly]]]]]] )
//設定cookie, , 該行前不能有任何空白, 否則等於有輸出
$expire 設為 0 表示為 session cookie(只存在記憶體中, 而不是硬碟中 )
$path 為 cookie 的有效範圍, 若設為"/" 表示對此網站任何目錄下的頁面都有效
$domain 該 cookie 有效的域名
$secure 設為 1 時, 表示只在 HTTPS 有效

刪除cookie:
設定已經過去的時間, cookie 就會被客戶端清掉

Session:
Session 使用 Session cookie, 並用 Session ID 跟客戶端連接起來

string session_name ( [string $name] )
//Get and/or set the current session name

bool session_start ( void )
//建立session, 若要使用有名稱的session 則需先呼叫session_name ( [string $name] )

string session_cache_limiter ( [string $cache_limiter] )
//參數說明: 'nocache' 不允許任何 client/proxy 快取; 'public' 允許快取; 'private' 不允許 proxy 但允許 client 快取; 使用時須在 session_start 呼叫前

int session_cache_expire ( [int $new_cache_expire] )
//設定/查詢快取失效期限, 回傳值為新的快取期限, 單位為分鐘, 預設為 180 (即 3 小時)

刪除 session: 三步驟:
一)
bool session_destroy ( void )
//Destroys all data registered to a session
二)
setcookie(session_name(), '', time()-3600)
//將客戶端的session cookie刪除,
三)
$_SESSION = array();
//清空super global的 $_SESSION 陣列

session 儲存:
bool session_set_save_handler ( callback $open, callback $close, callback $read, callback $write, callback $destroy, callback $gc )

php-物件導向 mysqli

2008-03-09T21:28:00.002+08:00

連線:
class mysqli {
__construct ( [string $host [, string $username [, string $passwd [, string $dbname [, int $port [, string $socket]]]]]] )}
//Open a new connection to the MySQL server

int mysqli_connect_errno ( void )
//Returns the last error code number from the last call to mysqli_connect()

string mysqli_connect_error ( void )
//Returns the last error message string from the last call to mysqli_connect().

檢索:
class mysqli {
mixed query ( string $query [, int $resultmode] )
}
//Returns TRUE on success or FALSE on failure. For SELECT, SHOW, DESCRIBE or EXPLAIN mysqli_query() will return a result object.

class mysqli_result {
array fetch_assoc ( void )
}
//以關聯式陣列形式傳回, 因此重複的列名只有最後一筆會包含, 當無下一筆時傳回 NULL

class mysqli_result {
mixed fetch_array ( [int $resulttype] )
}
//傳回以數字為索引的陣列(不用擔心列名重複), 當無下一筆時傳回 NULL

轉義以過濾輸入值(防止 injection attack):
class mysqli {
string escape_string ( string $escapestr )
string real_escape_string ( string $escapestr )
}
//過濾傳入的字串, 轉義以下特殊符號 NUL (ASCII 0), \n, \r, \, ', ", Control-Z

交易處理(transaction):
class mysqli {
bool autocommit ( bool $mode ) //開啟或關閉自動提交, 建議關閉
bool commit ( void )
bool rollback ( void )
}

預備敘述( Prepared Statements ):
class mysqli {
mysqli_stmt prepare ( string $query )
}
//產生 mysqli_stmt 物件, $query 中欄位參數的值應以 ? 取代

class mysqli_stmt {
bool bind_param ( string $types, mixed &$var1 [, mixed &$...] )
//綁定參數, 將值與參數名稱指定給 mysqli_stmt 物件

bool bind_result ( mixed &$var1 [, mixed &$...] )
//綁定結果(將結果綁定到 php 變數上)

bool fetch ( void )
//將綁定結果依序放入敘述中, 成功傳回 True, 失敗傳回 False, 沒有值時傳回 Null
}

MySQL資料庫操作-插入資料

2008-03-09T12:48:00.002+08:00

從檔案一次插入多筆資料:
LOAD DATA LOCAL INFILE '檔案名'
INTO TABLE '資料表名稱'
FILEDS TERMINATED BY '欄位分隔符號'
OPTIONALLY ENCLOSED BY '欄位包圍符號'
LINES TERMINATED BY '行結束符號';
例:
LOAD DATA LOCAL INFILE 'myfile.txt'
INTO TABLE 'tbMyTable'
FILEDS TERMINATED BY ','
OPTIONALLY ENCLOSED BY ' " '
LINES TERMINATED BY '\r\n';
表示在 tbMyTable 中插入 myfile.txt 裡的資料
檔案中欄位的內容都用雙引號包圍並以逗號分隔, 該檔案是使用windows的分行方式

操作時要注意客戶端的權限!

簡易SQL語法

2008-03-09T10:56:00.005+08:00

Select :
SELECT 欄位
FROM 資料表
[LIMIT 索引數, 資料筆數]
(LIMIT 是分頁用的, 索引數從零開始, 資料筆數是每頁多少筆資料)

Distinct ( 取不重複的值 ):
SELECT DISTINCT 欄位
FROM 資料表

Where :
SELECT 欄位
FROM 資料表
WHERE 條件

Inner Join:
SELECT 欄位1, 欄位2, ... , 欄位n
FROM 資料表1
INNER JOIN 資料表2
ON 資料表1.依據欄位 = 資料表2.依據欄位
[WHERE 條件]
(結合表格 1 的依據欄位跟表格 2 依據欄位相等的資料)

And/Or :
SELECT 欄位
FROM 資料表
WHERE 簡單條件 {[ANDOR] 簡單條件}+

In :
SELECT 欄位
FROM 資料表
WHERE 欄位 IN ('值1', '值2', ...)

Between :
SELECT 欄位
FROM 資料表
WHERE 欄位 BETWEEN 值1 AND 值2

Like :
SELECT 欄位
FROM 資料表
WHERE 欄位 LIKE {模式}
( _ 底線代表一字元, % 符號代表零或多)

Order By :
SELECT 欄位
FROM 資料表
[WHERE 條件]
ORDER BY 欄位 [ASC, DESC]

Count (計算筆數):
SELECT COUNT(欄位)
FROM 資料表
[WHERE 條件]

MySQL支援的數值函數:
COUNT, SUM, MAX, MIN, AVG
MySQL支援的字串函數: LOWERUPPER
SUBSTRING(欄位名, 1起算的起始索引, 字數)
INSTR(搜尋欄位, 搜尋字串)
CONCAT(值1,值2, ... ,值n)
TRIM

MySQL支援的日期時間函數:
NOW
YEAR
MONTH
DAYOFMONTH
DAYOFWEEK
DAYOFNAME

DATE_FORMAT(欄位, 模式)
( %Y 年份4碼, %y 年份2碼, %M 字串月份, %m 數字月份, %D 字串天 %d 數字天,
%W 字串星期幾, %w 數字星期幾, %H 字串2碼小時24時制, %h 字串2碼小時12時制,
%i 分鐘, %s 秒數, %p AM或PM, ...)

Group By :
SELECT 欄位1, SUM(欄位2)
FROM 資料表
GROUP BY 欄位1

Having (函數條件):
SELECT 欄位1, SUM(欄位2 )
FROM 資料表
GROUP BY 欄位1
HAVING 函數條件

Alter :
(修改資料表--操作時會鎖定表且占用大量硬碟空間, 除非必要否則不要使用)
ALTER TABLE 資料表
ADD 欄位資料類型屬性 ...
[FIRST/AFTER 欄位];

ALTER TABLE 資料表
DROP COLUMN 欄位;

ALTER TABLE 資料表
CHANGE COLUMN 欄位資料類型屬性 ...;

ALTER TABLE 資料表
RENAME AS 資料表新名稱;

Create Table :
CREATE TABLE "表格名"("欄位 1" "欄位 1 資料種類","欄位 2" "欄位 2 資料種類"",... )

Drop Table :
DROP TABLE "表格名"

Truncate Table (清空表格但保留架構):
TRUNCATE TABLE "表格名"

Insert Into
INSERT INTO "表格名" ("欄位1", "欄位2", ...)
VALUES ("值1", "值2", ...)

Update
UPDATE "表格名"
SET "欄位1" = [新值]
WHERE {條件}

Delete From
DELETE FROM "表格名"
WHERE {條件}