Flash : Phone 注音小鍵盤

寫在前面 (2018年補充)

本工具以 Flash 開發，如果使用較新版的網頁瀏覽器開啟此小工具，出現類似「無法載入設定檔」的錯誤訊息而不能使用，請先參考底下的兩篇說明：

• 雄 : Flash : Flash Player projector

• 雄 : Flash : 開放瀏覽器讀取本機的設定檔

很佩服網友 glglace 總是不停的有新點子產出，這個星期，他又在 Plurk 裡呼叫大伙兒，這次他要一個可以讓他的女兒在觸控螢幕上點、點、點，大字版的注音輸入法的中文輸入程式。
注音輸入法一般是拿使用者輸入的注音符號到對照表中找出相對應的同音字，再讓使用者由候選的一堆字中挑出要用的國字。所以關鍵在這個「注音、國字的對照表」。以前因為玩 unix like 中的 X Window 曾經由 source 編譯過中文輸入法(xcin)，記得它裡面就有「對照表」，上網找了一下，找到了一個 phone.cin 。它是一個文字檔，結構很簡單，每個欄位以空格當分隔，第一個欄位是注音(以鍵盤按鍵的英文符號代替)，第二欄開始則是同音的國字。一行一個國字，排列有規則就好辦多了。於是我利用 PHP 程式來分析對照表，並重新輸出成 Flash 可以接受的格式，轉換程式程式碼如下：

<?php
$lines = file("phone.cin");
foreach($lines as $line) {
$line = trim($line);
$col = split(" ", $line);
if(sizeof($col) > 1) {
if(!isset($data[$col[0]])) {
$data[$col[0]] = "";
}
$data[$col[0]] .= $col[1]." ";
}
}
$ph1 = Array('1', 'q', 'a', 'z', '2', 'w', 's', 'x',
'e', 'd', 'c', 'r', 'f', 'v', '5', 't', 'g', 'b', 'y', 'h', 'n',
'u', 'j', 'm', '8', 'i', 'k', ',', '9',
'o', 'l', '.', '0', 'p', ';', '/', '-',
'6', '3', '4', '7'
);
$ph2 = Array('ㄅ','ㄆ','ㄇ','ㄈ','ㄉ','ㄊ','ㄋ','ㄌ',
'ㄍ','ㄎ','ㄏ','ㄐ','ㄑ','ㄒ','ㄓ','ㄔ','ㄕ','ㄖ','ㄗ','ㄘ','ㄙ',
'ㄧ','ㄨ','ㄩ','ㄚ','ㄛ','ㄜ','ㄝ','ㄞ',
'ㄟ','ㄠ','ㄡ','ㄢ','ㄣ','ㄤ','ㄥ','ㄦ',
'ˊ','ˇ','ˋ','˙'
);
foreach($ph2 as $i=> $p) {
$ph2[$i] = iconv("big5", "UTF-8", $p);
}
echo "&tab=";
foreach($data as $index=> $line) {
$index = str_replace($ph1, $ph2, $index);
echo $index." ".trim($line)."\n";
}
echo "&\n";
?>

由於對照表中的「注音符號」是以按鍵的符號來代表，這樣對 Flash 的程式來說，較不好處理，這個 PHP 的工作主要就是把英文符號換成注音符號。當 Flash 把轉換過的對照表通通讀到一個變數以後，我們再把它以換行字元當分隔符號分解整個內容，再一行行存成「注音」、「國字」的關連陣列，方便使用者輸入完注音以後，可以很快的找到同音的國字有哪些(以空格來分解各個國字)。
原來下載回來的對照表，「二」(「ㄦ」「ˋ」鍵盤上的「-」「4」)的同音字有以下幾行：

-4 二
-4 貳
-4 佴
-4 刵
-4 咡
-4 樲
-4 聏
-4 毦
-4 眲
-4 衈

轉換完，同一個音的國字集中到一行中，變成：

ㄦˋ 二 貳 佴 刵 咡 樲 聏 毦 眲 衈

這種工作如果是純手工，鐵定又是虐待自己的手，當然要用程式來代勞。
對我來說，整個程式最麻煩的應該是如何去控制 TextField 中的游標，並讓輸入的國字可以出現在游標所在的位置，因為寫了這支程式 K 了不少資料，才知道，原來還有 Selection 這個 Class 可以用，裡面的 Selection.setFocus (讓 TextField 取得焦點) , Selection.getCaretIndex() (取得游標在哪個位置) , Selection.setSelection() (設定選取範圍/將游標移到指定的位置)，目標鎖定了，卻無法順暢的控制游標，程序調來調去，始終沒有找到答案。今天突然靈光一閃，曾經有某位 Flash 高人說過，如果發生難解的問題，將元件多包一層 MovieClip ，通常可以迎刃而解。當我把 TextField 包在 MovieClip 裡面時，就可以利用 MovieClip 在滑鼠 mouseUp 時取得游標的位置並暫存起來應用。這部份花了不少時間，不過是值得的，因為現在對 Selection 的運作已經可以大致掌握了。


功能與特色

注音小鍵盤的功能、特色如下：

• 可以利用注音輸入法輸入中文字在輸入區中
• 按一下複製鈕即可將輸入的中文字複製到剪貼簿中。
• 按逗號(，)鈕可以將虛擬鍵盤改為標點符號輸入。
• 可以控制國字的「插入點」在哪裡。
  
• 輸入錯誤時可以利用虛擬鍵盤的退位鍵(←)來刪除注音或國字。
  

下載與設定

注音小鍵盤目前總共需要兩個檔案，只要對準連結按滑鼠右鍵，另存目標，儲存在同一個目錄中即可使用：

• phone.swf ：主程式
  
• phonetab.txt ：注音、國字、標點符號的對照表
  

phonetab.txt 要注意的是，由於這個檔案主要是以換行字元來當不同音之間的分隔，千萬別把兩行設定合成一行。裡面最有可能會修改的，應該只有第一行的標點符號，我們可以選取常用的標點符號來置換。第一個字一定要用逗號(，)，它代表使用者要輸入標點符號。每個標點符號之間要用一個半型的空格來隔開。

常常覺得自己有股傻勁，只要有解答的事，一定會想各種方法來試著找出答案，過程一定是辛苦的，但是累積的經驗卻是別人不見得擁有的。誰說不能犯錯呢！找路的過程中往往會發現新天地。

2010.02.17 補記
如果需要的是漢語拼音版的，下載

• pinyin.swf : 主程式
• pinyintab.txt : 拼音、國字對照表

Changelog

• 2010.02.24 Updated 把注音小鍵盤和拼音小鍵盤都改成可以由使用者設定字體和字型大小。
  
• 2010.01.22 Updated 解決游標問題；增強退位鍵的功能，讓它也可以刪除國字；修改 phonetab.txt 加入逗點(，)按鈕的設定，並加入標點符號輸入功能。
• 2010.01.19 Beta
  

Todo list

• 讓使用者可以自訂鍵盤按鍵的位置、顏色。
• 待選國字超過 43 個字時是否加入換頁功能。