2009年1月2日 星期五

OSFlash - Open Source Flash

OSFlash
是一個主持和收集有關 Flash 的 Open Source 的計劃的平台,相關的計畫非常的豐富,有興趣可以到計劃列表看看。

原來,Flash 比我想像中的還要強大,比我一直認為的 Flash 還要強大。再加上 Silverlight 和 JavaFx 的竄起,或許,Ajax 真的是該退出潮流了。但是,Flash 也有場硬仗要打了 !

最近的腦子裡浮現了 Flash,沒去跨年的我,懷著夢上網四處晃晃,卻讓我重新認識了 Flash 這玩意兒。手癢了,等期末結束,就該開始動動手了...

老哥,一起加油吧!

2008年12月31日 星期三

Android 入門 - 筆記本練習 1

建立一個簡單的筆記本,讓使用者可以新增,但目前無法編輯。將會學習:
  • 基本的 ListActivities 的功用
  • 使用 SQLite 來儲存資料
  • 使用 SimpleCursorAdapter 將資料丟進 ListView
  • 基本的畫面配置

參考資料 : http://code.google.com/intl/zh-TW/android/intro/tutorial-ex1.html



Step 1.
下載練習1,並且於 Eclipse 中新增此專案。

Step 2.
瀏覽一下 NotesDbAdapter.java ,他是用來讓筆記本能與 SQLite 溝通的。裡面定義了一些資料庫相關的資訊,使用 data 資料庫、notes 資料表、欄位分別是 _id、title、body...等等,還有資料庫操作的一些行為,close()、open()、createNote() 和 fetchAllNotes()...等等。

Step 3.
在 res/layout 下的 notepad_list.xml 是使用來定義筆記本清單的畫面。格式:
  • 以 <?xml version="1.0" encoding="utf-8"?> 開頭
  • 通常會接著 LinearLayout
  • 定義 Android 的 namespace 為 xmlns:android="http://schemas.android.com/apk/res/android"
Step 4.
新增 notepadd_list.xml 的內容。

Step 5.
於 res/layout 下新增 notepad_row.xml 並新增內容。此時 R.java 會產生相應的資料。

Step 6.
打開 Notepadv1.java 並且開始進行編輯。主要有:
  • onCreate()
  • onCreateOptionMenu()
  • onOptionsItemSelected()
Step 7.
改變 Notepadv1 的繼承從 Activity 為 ListActivity。

Step 8.
開始編寫 onCreate()。當此應用程式啟動時,會呼叫此方法。

Step 9.
開始編寫 onCreateOptionsMenu(),並於 res/values 新增相對應之值。用來產生新增筆記的選單。

Step 10.
開始編寫 onOptionsItemSelected()。將新增筆記的選單的事件產生行為來相互對應。

Step 11.
新增 createNote(),用來對 SQLite 新增筆記。

Step 12.
開始編寫 fillData() 。用來將資料與 layout 相對應,使資料能顯示於我們想要之位置。

Step 13.
執行吧!

什麼是 Android ?








Android 是 Google 所發佈的行動裝置的平台,並且提供開發人員使用 Java 程式語言來編寫應用程式。

詳細資料

2008年8月29日 星期五

jQuery Plugin : Step Carousel Viewer ( 圖片播放特效 )

1.先將 jqeury.js 以及 stepcaruousel.js 載入進來


2.CSS 樣式的設定,可以自行作適當的調整


3.接下來就是要顯示的圖片的架構,總共有三層,用 div 包住 image


4.最後就是將 Step Carousel 與 HTML 作連接,將下面的程式碼放在 body 裡面




點此 Demo 連結觀看

你會發現下面有四個連結的按鈕可以讓你直接操控圖片,這是因為 Step Carousel Viewer 有提供 stepBy 跟 stepTo 兩個 method 讓你呼叫,直接對圖片進行操控,只要加入以下的程式碼就可以



另外,如果想要讓照片自動輪播的話,其實很簡單,只要設定 interval 再配和 stepBy 即可,程式碼如下




點此 Demo 連結觀看

以上,就是 Step Carousel Viewer 所提供的圖片特效,如果想知道更詳細的資訊,可以到 Step Carousel Viewer 官方網站。

2008年8月27日 星期三

Codes - Highlight Your Syntax

Codes:
http://codes.no-ip.info/

採用 CakePHP 與 SyntaxHighlighter 開發。

之前我就有在研究有關程式語言語法亮顯得實做,前陣子有發現有一個 javascript 寫成的函式庫,還蠻不錯用的,玩了一下就放著了。

由於這幾天都失眠,在昨天又失眠的情況下,我就索性的開發了這個網站。

網站主要的功能就是讓使用者上傳程式碼,然後可以在檢視的地方看到顯示行數,且亮顯頁面內的語法。並且有提供內嵌語法讓使用者可以放置在任意的網頁裡面。但是不提供刪除和修改的功能,因為現在沒有會員的系統。

當然,語法亮顯這榮耀是屬於 SytaxHighlighter的作者的,我只是拿來使用而已。它是遵循 GNU Lesser General Public License 的規範,這部份我還比較不清楚,不知道有沒有什麼版權的問題要注意。

接下來有時間的話,我會不定期的把網站加入會員系統,這樣就可以讓使用者管理自己上傳的程式碼了。

內嵌畫面如下: