詢問閱讀以及訂閱狀況...

2010-05-27T04:51:00.000-07:00

請問有人在閱讀我的Blog嗎?有的請留個言..因為我想搬到Blogger(blogspot)，有人會需要翻牆嗎?

[PureMVC]初學者入門教學Part.5 新增功能!? & 範例DEMO

2010-05-10T17:56:00.000-07:00

基本上，上章已經將PureMVC的架構都示範告一個段落了這章主要是凸顯使用MVC架構的好處!!很多人認為，只是顯示個時間而已為啥要用這麼麻煩(因為比較好寫範例XD)但是當你的老闆，突然開給你要更改需求，要你的程式可以上太空!!這你可能只要更動某部分的程式，主體也不會被影響到，移掉功能就像是安裝Plug-in一樣不用砍掉重練!!回到主題，之前的顯示時間方式是digital clock，現在新需求來了，需要把它改成有時針-分針-秒針的時鐘你該怎麼改呢?可以先想一想，或自己先做一下，在參考下面的範例 ====================新增功能範例分隔線=======================這是這次功能的預視圖基本就是新增一個圖型化顯示時間的View(Component)替換原本的文字顯示方式在PureMVC中的架構中其實要做的事情就是加一組view&Mediator

[PureMVC]初學者入門教學Part.4 Proxy and 範例Demo

2010-05-09T10:41:00.000-07:00

延續上章在Command中我們有Proxy的操作Proxy - 負責資料部份的操作，在MVC中是屬於Model的部份，管理Data Object而操作的資料我們都是以Data Object (Value Object) 的方式來做儲存在這次的範例中，我們是做時鐘所以實作了一個VO為ClockVO ClockVO.as package tw.ria.pureMVCclock.model.vo { public class ClockVO { [Bindable] public var hour:Number; public var minute:Number; public var second:Number; public var isRunning:Boolean; public function ClockVO(h:Number, m:Number, s:Number, r:

[PureMVC]初學者入門教學Part.3 Commmand

2010-05-04T19:19:00.000-07:00

接續上章 Mediator接收到View傳來的Click Event後會再發出Notification 而管理Notification的中控中心在Application Facade 所以我們必須將在Application Facade中的contorller註冊好對應的Command ApplicationFacade.as //註冊Command，建立Command與Notification之間的對應關係。 override protected function initializeController():void { super.initializeController(); //註冊初始化程式資料的Command registerCommand(STARTUP,StartupCommand); registerCommand(START_CLOCK ,

[PureMVC]初學者入門教學Part.2 Component(View)與Mediator

2010-04-29T09:02:00.000-07:00

在上一章我們將PureMVC的初始設定設定好後再來我們先檢視這次實作需要哪些功能這是這次實作的預先設計圖我們需要兩個按鈕跟一個文字列一個按鈕會在Start Stop間切換，用途是把時間暫停跟繼續另一個按鈕是將時間歸零而文字列就是負責顯是時間~所以我們會有幾個動作會由使用者操作後產生Start Button Click Stop Button Click Reset Button Click 在建立Command之前我們先把要用到的UI先拉出來建立出viewTime.mxml - viewTimeController.mxml -

[PureMVC]初學者入門教學Part.1 Application與Facde

2010-04-25T09:02:00.000-07:00

首先這個教學範例採用的原始碼是從 everflash blog 所提供的實作範例。是採用PureMVC架構實作一個數字時鐘digtal clack。接著進入主題，PureMVC是一個輕量級開放原始碼的框架，根據傳統的Model - View - Controller(MVC)為基礎的設計模式。而第一部分我們所要介紹的就是FacadeFdacade - 負責初始化程式的核心，算是整個程式的中控核心，大部分的全域事件都註冊在這。建立專案後，我們將 PureMVC.swc 放入libs這個資料夾中，或由參考中加入。並建立一個Class名為ApplicationFacade根據PureMVC的架構規定，此ApplicationFacade繼承Facade類public class ApplicationFacade extends Facade { ... }

[PureMVC]初學者入門教學前言 - PureMVC簡介與參考資料

2010-04-23T10:56:00.000-07:00

PureMVC是一個輕量級開放原始碼的框架，根據傳統的Model - View - Controller(MVC)為基礎的設計模式。支援下列幾種語法： • Mobile Environments: FlashLite, .NET Compact Framework, J2ME • Server Environments: ColdFusion, J2EE, PHP, Python • Browser Environments: Flash/Flex, JavaFX, Silverlight • Desktop Environments: .NET, AIR, FLASH, J2SE PureMVC最主要的目的是幫助在開發時(特別是跟UI有關係的)，將程式的Model(資料), View(介面) , Controller(控制)的三個部分切乾淨

E4X in Actionscript 3.0 @ Flex 3 or Flash

2009-09-19T19:23:00.000-07:00

先介紹一下E4X ECMAScript for XML（E4X）是一擴展了ECMAScript（包含ActionScript、DMDScript、JavaScript、JScript等）的程式語言，它增加對 XML 的內在支持。它的目標是在訪問XML文檔時，提供一種更直觀、語法更簡潔的的 DOM 介面。它也是處理XML時的一種新的方式。在 E4X 版本之前，通常總是在 Objcet（對象）層次上訪問XML，而 E4X 則是把 XML 當做原始數據（primitive）來處理（比如字元、數字和布爾值）。這也意味著更快的訪問速度、更好的支持、和使 XML 可以成為程序的一個組塊（資料結構）。摘自 Wiki E4X 參考閱讀 AS3 E4X - 相關類別與物件建立 - TICORE'S BLOG AS3 E4X - XML 物件比較 - TICORE'S BLOG

[Cairngorm]初學者入門教學Part.7 Final- 巴布(Buboo) API json擷取實作範例(1)

2009-01-13T09:12:00.000-08:00

其實在實作這篇時，想說支持台灣的web 2.0 網創網站，找看看有誰的API可以用發現居然大部份都很小氣，沒有提供API，珍惜自己頻寬，但是我認為Web 2.0成功的一部份，開放且實用的API其實是功不可滅的。最後找到波麗斯(ppolis)，結果他的API網頁從我準備想用開始到現在寫好範例，都還是掛的 = =||| 想放棄改成用國外的aNobii網路書架，因為我有在用這個，但是回饋的資訊，只有書架內容，書籍內容，還有作者內容，沒有我想要的使用者內容，讓我想不到有啥玩具可以做的。最後找到的是巴布(Buboo)，有提供API，雖然筆數不夠多但至少可以用了，不過它讓我詬病的一點就是美工真的很...我覺得設計可以簡單，但是也該有簡單設計的美感，希望巴布先生花點錢請美工設計個有簡單美的版面吧！！(太複雜反而不適合你們喔！) ＝＝＝＝＝＝回＝到＝原＝點＝分＝隔＝線＝＝＝＝＝＝

[Cairngorm]初學者入門教學Part.6 - Cairngorm中Command利用Delegate與Service連接資料

2009-01-12T09:12:00.000-08:00

在上一回，我們利用FrontController 去Mapping Event&Command... 在這一回就針對Command這部份運作做介紹。在RIA應用程式中，不可或缺的部份就是跟後端資料的連接 Command會透過Delegate去做Services的部份(包含Remoting,WebServices,...等) Command: 操作Cairngorm Business以及呼叫Cairngorm Delegates，這些回傳所取得的資料Command會再將它更新到Model Locator Delegate: 由Command所產生，將遠端呼叫(RPC:remote procedure calls[HTTP, Web Services, etc])實例化，並將結果傳回給Command。 Service:用來定義連接Server端的呼叫(RPC:

[Cairngorm]初學者入門教學Part.5 - Cairngorm中Event,Command與FrontController的關係

2009-01-11T09:10:00.000-08:00

在這部份，介紹的就是Cairngorm的控制核心流程。 Events:透過使用者操作View所產生的事件，或其他設計所產生的事件。 Front Controller:Front Controller 用來註冊Command與對應Events，接收Cairngorm Events並將他對應到Cairngorm Commands Command: 操作Cairngorm Business以及呼叫Cairngorm Delegates，這些回傳所取得的資料Command會再將它更新到Model Locator 首先介紹Cairngorm Basic Event Flow 使用者在操作View的過程會發出Event，然後由Front Controller來Mapping指派給對應的Command，Command做完運算處理後會更新ModelLocator的資料，然後View就會更新顯示內容

[Remoting]在.NET環境實作Flex 3 Remoting - (2) Flex Builder 環境設定

2009-01-10T16:44:00.000-08:00

在做好Visual Studio 中的FluorineFx設定後接著我們需要在Flex 中建立Project時需做些設定。首先我們先建立一個Flex Project.... Application server type選擇ASP.NET(Flex Builder 3.0沒有，3.1&3.2才有的樣子) 接著如下圖描述設定。最後... 專案建立好後，選擇Properties 在Flex Server這邊要補上Context root，要不然會編譯錯誤。最後就是在Flex Compiler中加上-services的argument 內容可以使用相對路徑 -services "../../WEB-INF/flex/services-config.xml" 或絕對路徑 -services "E:\TempProjects\RIAweb\WEB-INF\flex\

[Remoting]在.NET環境實作Flex 3 Remoting - (1) FluorineFx安裝與使用

2009-01-10T15:05:00.000-08:00

如果想要在.net 環境下實作Remoting其實有幾個Freeware可以使用 WebORB for .NET FluorineFx 在這邊我使用的是FluorineFx，首先先去官方網站下載程式就點擊Setup.exe一直按下一步就裝好了XD 官方網站寫的是可以支援 Visual Studio 2003,2005,2008 我這邊示範的是Visual Studio 2005，使用的語言是C#(c sharp)，開啟Visual Studio 2005 選擇新增網站若你已經安裝了FluorineFx，就會多一個這個選項，選擇後新增此網站。這是你就可以在方案總管看到這些內建的資料然後我先先習慣將網站加入IIS中，再從IIS開啟網站，這樣之後會比較好Debug 然後我先在裡面加入ASP.NET資料夾[App_Code]如同下方建立資料夾與檔案 DB

[Cairngorm]初學者入門教學Part.4 - 透過 Model Locator 控制管理 Views

2009-01-10T09:10:00.000-08:00

Cairngorm: Views - 就是使用者最直觀所看到的顯示，包含了button, panel... 等所成的集合，其中透過Model Locator取得資料，透過Cairngorm Events與使用者產生互動。在這個部分，利用ModelLocator控制ViewStack來做到切換View的的功能。首先我們先在ViewModelLocator.as 中加入 public var workflowState:uint = 0;用來記錄ViewStack中，顯示哪一個View。再加入下面靜態常數，讓程式可讀性較高 public static const LOGIN_SCREEN:uint = 0; public static const MAIN_SCREEN:uint = 1;整個ViewModelLocator.as的程式碼為 package

[Cairngorm]初學者入門教學Part.3 - 從使用Model Locator 初學 Cairngorm

2009-01-09T17:06:00.000-08:00

接下來的幾篇Cairngorm教學是參考 David Tucker 的 Getting Started with Cairngorm ，假如英文程度夠的話，建議直接去看他的網站，裡面有英文教學影片，這樣就不用怕我寫錯XD除了說話速度快點，示範的方式淺顯易懂，我就是看影片入門的。 Cairngorm: Model Locator - 集體管理你程式中所需共用儲存的變數(variables)，有點類似[Session]物件，但是儲存在client端的flex app中，而不是存在Server端首先先在你的專案中的src資料夾下，建立model資料夾並建立ViewModelLocator.as此Class，並且需要implements [ IModelLocator ] 此interfaceViewModelLocator.as程式碼如下:package

[Cairngorm]初學者入門教學Part.2 - 環境設定及建立專案

2009-01-09T17:05:00.000-08:00

依下列步驟設定Cairngorm Framework的使用環境 1. 先去Adobe Open Source下載Cairngorm的bin檔，解壓縮後放到自己想要的資料夾下。假如心有餘力的話，可以看他的Open Source學AS3喔!!(誤) 2. 在Flex Builder 中[新建專案] 3. 專案中間設定好後(中間步驟省略)，將剛剛抓下來的Cairngorm.swc加入Library path 加入成功!! 如果新建過程中忘記加的話，可以在專案的[Properties]中再加入也可。 4. 這樣就可以開始使用Cairngorm的Framework了。

[Cairngorm]初學者入門教學Part.1 - 學前閱讀與基本名詞介紹

2009-01-09T17:01:00.000-08:00

學前閱讀-Cairngorm是Adobe Labs上的Flex MVC框架，是一個actionscript 3.0 所建構出來的RIA架構Framework，適合大型專案使用。為了讓各部份耦合性降低，所以切的很乾淨，相對做一個功能可能需要改動的Part也較多。如果是初學RIA MVC架構不建議從此入手，你會啃的很辛苦(初學RIA MVC架構推薦[RIAWAVE])到底適不適合使用Cairngorm建議先閱讀下面三篇文章，相信會對你有幫助的。Why I think you shouldn’t use Cairngorm - Steven Webster RIA framework - Cairngorm 2 淺析 - d.CAT thoughts about Cairngorm (again…) - d.CAT [caption id="" align="alignnone" width=

[ActionScript 3.0] get & set 存取子方法

2008-12-21T15:51:00.000-08:00

get 和 set 存取子函數也稱為 getter 和 setter。就如同字面上的意思，他是讓class外部用來存取class中的變數(Variable)。或許你會說只要...class Person{ private var name:String; public var sex:String; public function Person():void { this.sex = "Unknow."; }}var jeff:Person = new Person();trace(jeff.sex); //顯示: Unknow.jeff.sex = "Male."trace(jeff.sex); //顯示: Male. 就能改變變數。但是這種作法的優點是：可以讓您避免名稱大而無當的傳統存取子函數，例如 getPropertyName() 和 setPropertyName(

[AIR] Tour de Flex - flex framework 教學大集合

2008-12-21T08:54:00.000-08:00

在Flex的學習上，其實英文的教學資源非常豐富。而我覺得非常實用的就是 Tour de Flex !!!! 不需要會太多英文，指要你看得懂程式設計師共通語言-程式碼就好XD 整個包含了 UI components(組件) Container(排版容器) 其它Flex framework 特效第三方組件(繪圖...等) 大公司API(Yahoo,Google MAP,Adobe...) 內容非常多，包含預覽效果總共50多MB直接從這裡下載AIR檔案安裝Tour de Flex runs on Adobe AIR on Windows, Mac OS and Linux使用者手冊 (PDF) Tour de Flex

[Actionscript 3.0] 01.1 Object-Oriented Basic - 物件導向基礎

2008-12-17T09:32:00.000-08:00

在閱讀之前，推薦大家先閱讀些關於物件導向思維的文章，如下：不要從程式語言學習「物件導向」！話說從頭 - 為什麼要使用物件導向設計 (OOD) 因為是基礎，所以本篇目標不是敎你如何在Asctionscript中設計與分析物件導向。而是先會看懂別人寫好的物件導向，進而使用。這樣你應該就可以容易快速上手別人寫好的函式庫(library)。 Class 類別的宣告 public class HelloWorld { // } 在宣告時加入class關鍵字。 Package 封裝封裝（Encapsulation）的目的，是將程式碼切割成許多模組（Module），使各模組之間的關連性降到最低，這麼一來比較不會產生「牽一髮而動全身」的狀況，降低模組間相互依賴的程度，也等於是降低複雜度，讓開發與維護更容易。在Actionscript2.0中與

[Actionscript 2.0 & 3.0] 00.4 Function - 函式

2008-10-29T19:51:00.000-07:00

建立可以再利用的程式碼就是需要用到function。有點是像建造一台機器，固定丟規定的原料進去，他就會生產要的成品出來。在結構上：function A(B:C):D{ E; return F;}其中-A:為function name，宣告後可用來再次呼叫。B:傳入參數，可為複數個。C:傳入參數B的型態。D:function執行完回傳數值型態。E:function內容。F:function回傳值。Ex: //這是一個用來將輸入數字乘2的function function doubleNum(baseNum:int):int { return (baseNum * 2); } trace(doubleNum(4)); //Show:8 //這是一個用來將輸入數字乘2的function function doubleNum(baseNum:int):

[Actionscript 2.0 & 3.0] 00.3 判斷式與迴圈

2008-10-29T05:23:00.000-07:00

判斷式 if elseif(A) B;if(A) {B};if(A){ B;}這三種皆是若A條件為True，則執行B。建議上，最好都採用加大括號的方式，一來是方便閱讀，在來就是減少不必要的錯誤。 var i:int = 110; if (i > 100) { trace("i is > 100."); } //Show:i is >100. var i:int = 90; if (i > 100) { trace("i is > 100."); } //Show:if(A){ B;}else{ C;}這個就跟語意上一樣，若A為true做B，反之做C。 var i:int = 90; if (i > 100) { trace("i is > 100."); } else { trace("i is <= 100."); } //Show:i

[Actionscript 2.0 & 3.0] 00.2.2 True & False 的判斷

2008-10-28T18:38:00.000-07:00

True & False的判斷，通常是為了判斷式(if ,while)時使用。包含了關係運算子運算子執行的運算<大於>小於<=小於等於>=大於等於as檢查資料類型in檢查物件屬性instanceof檢查原型鏈is檢查資料類型相等運算子運算子執行的運算==相等!=不相等邏輯運算子運算子執行的運算&&邏輯 AND||邏輯OR通常是敘述一件事情是否正確。回傳值為Boolean( true & false)基本型: trace(3>2); //Show:true trace(3==2); //Show:false trace(3!=2); //Show:truetrace(A&&B);若A,B有一個為false則值為false。trace(A||B);若A,B有一個為true則值為true。特殊型: isis 運算子是 ActionScript 3.0 新增的運算子，

[Actionscript 2.0 & 3.0] 00.2.1 Arithmetic operators - 算術運算元

2008-10-24T09:27:00.000-07:00

包含了一元運算子&乘法運算子運算子執行的運算 ++遞增 --遞減 +一元 + -一元 - ( 負操作 ) *乘法 /除法 %模除 +加法 -減法通常初學比較有問題的就是 iValue++ 跟 ++iValue 有啥麼不同？ 1.iValue++: var iValue:int = 3; trace(iValue++); //Show:3 trace(iValue); //Show:4 先丟進finction或其他運算，在++的動作。 2.++IValue: var iValue:int = 3; trace(++iValue); //Show:4 trace(iValue); //Show:4 先加完，在做其他動作。基礎的東西有點懶的寫。結果做了一個更麻煩的玩具XD。

[Actionscript 2.0 & 3.0] 00.2 Operator - 運算子

2008-10-24T08:21:00.000-07:00

這是Actionscript中，operators的優先順序。 GroupOperators Primary[] {x:y} () f(x) new x.y x[y] Postfixx++ x-- Unary++x --x + - ~ ! delete typeof void Multiplicative* / % Additive+ - Bitwise shift<< >> >>> Relational< > <= >= instanceof Equality== != === !== Bitwise AND& Bitwise XOR^ Bitwise OR| Logical AND&& Logical OR|| Conditional?: Assignment= *= /= %= += -= <<= >>= >>>= &= ^= |= Comma, 優先順序是指在同一行運算中

RIA學習筆記