2013年6月10日 星期一

建置 Firefox OS 模擬器

目前智慧型行動裝置市場最流行的就屬iPhone及Android,而Windows Phone則在後面追趕中。
去年Mozilla公司發表了Firefox OS主要的概念是利用 HTML5 或是 CSS3來開發行動裝置,這表示對於web-base開發者而言不用學習Objective-C 或JAVA等語言就可以開發App。
姑且不論將來Firefox OS會不會如同iPhone或Android那樣的市佔率,身為技術人員當然有機會就要嘗鮮所以想玩、想撰寫Firefox OS上的App至今日為止,實體手機部分只有西班牙手機廠 GeeksPhone 所製造的開發者預覽手機(低階款約 3,600台幣,中階5,960 台幣),不過可惜的是台灣買不到,另外一個方式就是下載官方所提供的原始碼移植到硬體或者是模擬器。

本篇目的來實作一下如何建立一個Firefox OS simulator,目前Firefox OS模擬器有兩種方式取得,一種是透過Firefox瀏覽器加掛插件,另外一種就是下載原始碼編譯。前者方式比較簡單詳見官網說明,後者則是本文主要內容。


2013年6月9日 星期日

2013年5月20日 星期一

用TortoiseSVN來取得 google code裡的SVN專案程式碼


Google code上面可以找到很多好用的程式碼
很多程式碼是透過SVN的方式進行版控
要怎麼樣快速的取得這些程式碼呢?
在windows下可以透過TortoiseSVN這個免費的SVN Client將程式碼Checkout下來
下載網址
有64bit及32bit的版本,選取你電腦位元版本的進行下載

網頁下方有Language packs,讓你的TortoiseSVN進行中文化

下載完後點選安裝,請先安裝主程式再安裝Language packs,按下一步就可以完成安裝,主程式安裝完成後,系統會要求重新開機,這時可以先等一下,先點選Language packs進行安裝,二個程式都安裝完後,再進行重開機的動作,重開機後直接按滑鼠右鍵開啟選單,就可以在選單中看到TortoiseSVN的選項

我們先選擇TortoiseSVN->Settings進行Language設定

在General的選單中,從Language裡下拉選擇中文(繁體)(中華民國),再按下確定

重新按右鍵開啟選單時,TortoiseSVN己經變成中文了


接著在我們要放程式碼的資料夾中,新增一個資料夾並設定名稱,這個資料夾就是我們要用來放置程式碼的地方

再來連到Google專案中的source code頁面

頁面上會有svn checkout http://numen-min3d.googlecode.com/svn/ numen-min3d-read-only這樣的SVN checkout連結,我們直接按Ctrl+C或是按右鍵將"svn checkout"後面的網址複製下來(注意:最後面的numen-mid3d-read-only不需要複製)

接著在我們剛才新增的資料夾上,點選右鍵選擇"SVN取出"

會跳出TortoiseSVN取出的視窗,檔案庫的URL會自動的幫我們帶出我們複製的URL連結,取出目錄則是我們資料夾所在的位置,取出層數表示的是,程式碼如果有多個資料夾,我們可以選則某一層的資料進行取出,一般我們會使用"包含所有子項目"來取出所有的程式碼,版本的部分可以讓你選擇作者進行版本所任一版本的程式碼,預設我們選擇最新版本

按下確定後,TortoiseSVN就會自動幫我們把程式碼checkout到我們的資料夾中囉


假設這個開發的作者又有更新程式碼,我們也可以在資料夾按右鍵選擇"SVN更新"

就可以即時取得最新版本的程式碼囉~

[ numen-min3d ] numen-min3d初體驗


 2.啟動cygwin,貼上命令及執行 svn checkout http://numen-min3d.googlecode.com/svn/ numen-min3d-read-only


3. 在eclipse上執行Android Import動作,並在cygwin的Home目錄下的 numen-min3d-read-only

 4. 按右鍵選擇Properties,設定相關選項。


 5. 選擇eclipse上的Project選單上的clean命令。
 6. 執行結果


2013年5月2日 星期四

[ Windows 8 APP] 用XAML設計動畫

1. 載入Begin Windows 8 Application Development第8章Working with XAML Control,RotatingPanelIn3D範例。執行結果如下:



2.打開主畫面MainPage.xaml,在內容中有Storyboard就是此應用程式的主角,名字叫"rotateStoryboard。在"rotateStoryboard有一屬性是Storyboard.TargetName內含有物畫的標的物,名字叫rotateTransform。
3. MainPage.cs原始程式

4. 新增按鈕

5.新增按鈕事件程式
        private void startButton_Click_1(object sender, RoutedEventArgs e)
        {
            rotateStoryboard.Begin();
        }





[ Windows 8 APP] 好書範例分享


範例下載網址:
http://www.wrox.com/WileyCDA/WroxTitle/Beginning-Windows-8-Application-Development.productCd-1118012682,descCd-DOWNLOAD.html