【開發平台】

Flex AIR 2、SDK3.2

【作品介紹】

這是完全使用AIR來開發的應用程式專案,主要是提供內部編輯人員來編輯所需的教材,
所編輯的教材最後會輸出為一個資料夾,裡面包括特定的播放器、XML、及所使用的素材
輸出的檔案主要提供給內部教師錄製教學影片時使用
因此他們可選擇先遮蓋圖片的某些部份,例如題目詳解,
或是使用遮罩功能先遮住某些解答的位置,
當教課解題完畢時,再點選旁邊的箭頭來取消遮罩。

一份教材可以有許多頁面,編輯器左邊會有頁面縮圖列表,可選擇要編輯的頁面。
編輯畫面裡有編輯選單及工具列,可設定圖片的出現特效、並編輯遮罩及遮罩的屬性
較特別的是由於我們的教材圖片時常是白底
所以我使用了ColorTransform,當使用者句選『設白色為透明』,
播放器便會去改變該圖片的色碼使白色顯示為透明。

所編輯的教材亦可再用編輯器來開啟並再度編輯、預覽、儲存。

【程式截圖】

教材編輯器1

開啟程式時會讓我們選擇要產生的文件的大小

教材編輯器2

最右邊的地方是圖片選擇器,我們可以設定要瀏覽的圖片的資料夾,
會依檔名排列,上方為圖片預覽,我們可以選擇要將所選的圖片設定為背景或圖片
若直接拖至場景則會自動視為圖片

教材編輯器3

每個圖片都有他各自的設定視窗
可以設定出現效果、遮罩選項等…
並可以設定該圖片是否要是點擊筆後才出現,或是直接出現在場景上
也可以在該面板設定是否將白色轉為透明

教材編輯器4

遮罩的左上方會有一個箭頭,老師可以按該箭頭將遮罩消除

教材編輯器5

遮罩亦可選顏色,也有吸管功能
可以選擇與背景最相似的顏色,讓整個遮罩功能看起來更自然

教材編輯器6

編輯完後可按畫面右下角的預覽功能,可以選擇儲存或關閉預覽

教材編輯器7

遮罩功能的預覽模式

教材編輯器8

最左邊的預設值預覽是可以設定之後拉出的元件的預設屬性
才不用每個元件都要設定一次

教材編輯器9

在左邊頁面選單按右鍵,可以剪下頁面、貼上頁面、複製頁面或刪除頁面

教材編輯器10

當有多頁頁面時,左邊選單會有每一頁的縮圖預覽
方便使用者選擇要編輯的頁面

教材編輯器11

可從上方導覽列去開新專案、匯入專案或匯出、儲存專案

教材編輯器12

第二個導覽列選項是設定右邊的圖片瀏覽器的資料夾位置或是重讀資料夾內資料

教材編輯器13

設定目標資料夾時跳出的視窗

教材編輯器14

匯出專案時選擇檔案儲存的位置

教材編輯器15

儲存成功跳出成功訊息

教材編輯器16

使用教材瀏覽器可瀏覽剛剛所儲存的教材資訊
教材瀏覽器另外有換頁按鈕、簡單繪圖功能以供教師錄影時使用