Showing posts with label Text. Show all posts
Showing posts with label Text. Show all posts

Tuesday, August 23, 2005

Flash Lite [14] Input Text

在Flash Lite中,如果要使用Input text很簡單,
只要將文字欄位設定為Input text即可,
有些手機廠商會限制文字欄位,
必須設定最大字元數才可以使用,

那就要給Maximum characters的值,
才能正常使用。


但是目前有個比較麻煩的問題,
就是一開啟,不會直接Focus在Input text的攔位上,
必須要按了上下鍵之後,才會Focus(如下面右邊的圖),
如果是左邊的狀態,按下Enter鍵,
是不會開啟手機文字輸入的畫面。

另外,利用程式可以將Focsu的狀態不顯示,
但還是具備Input text的屬性,
很簡單,在第一格影格寫入下列程式即可
_focusrect = false;

所以在介面設計上,就要利用別的方式,
讓使用者了解目前哪個是Focus的項目。

Wednesday, August 17, 2005

Flash Lite [13] Include fonts

Flash Lite的Dynamic text跟Input text,還是具有將字型包入的功能,
但使用時要注意,會增加檔案的大小,所以中文還是比較吃虧。

使用的方式很簡單,只需要在屬性視窗中,
選擇Character,將所需要的字輸入即可,
也可以點選Auto Fill,會將你文字欄位裡的內容加入,
如果是動態會給內容的, 就得自己手動加囉~~

下圖表示將數字跟":", "/"加入,測試的結果,檔案大約會增加2-3KB


PS.同一個字型,同一個字只會加入一次,但是需要每個文字欄位都設定喔!

Sunday, August 14, 2005

Flash Lite [12] Scroll Text

上次有跟大家說明,利用Dynamic文字欄位,加上指令可設定捲動,
設定一個Dynamic文字欄位,選擇Multiline,
點選下拉式選單Text,選擇Scrollable,
在文字欄位貼入一段文章,
將var設為content,

如果要能用使用點語法,需要把文字欄位convert成一個影片片段,
設定影片片段名稱為page_mc,才能使用捲動的指令。
在Button上寫下面的指令,就可以控制文字欄位捲動,
on(keyPress "<Up>"){
_root.page_mc.content.scroll--;
}
on(keyPress "<Down>"){
_root.page_mc.content.scroll++;
}

如果不想包在影片片段裡,程式就需要改成,
on(keyPress "<Up>"){
tellTarget("/"){
content.scroll--;
}
}
on(keyPress "<Down>"){
tellTarget("/"){
content.scroll++;
}
}

但是需要注意文字欄位的高度,
如果高度太大或太小,捲動的時候,
有的區域無法更新,就會出現殘像,如右圖:

目前這個狀況,會跟手機內的字型有關,
只能直接在手機上測試及調整的方式來避免,
還找不到固定的邏輯,這個狀況在電腦上測試是不會出現的喔!

Saturday, August 06, 2005

Flash Lite [ 6 ] Text

目前在Flash Lite裡面,一樣有三種文字可使用,
Static text
Dynamic text
Input text

但是字型當然沒有像電腦上有這麼多字型可以使用,
如果要使用特殊字型的話,還是得處理成圖,
但相對的,就無法支援多語系的設計。

在小螢幕的介面設計上,
文字的處理得非常小心,
有的時候處理成圖的文字如果太小,反而會不清楚,
所以就算是用圖,建議還是不要用Alias text,

字型的部分,如果要使用系統字,就要選擇_sans,
字級的部分,就要看系統支援的字級了,
像目前所使用的手機,就支援兩個字級12及16。

另外,文字欄位也支援Multi-lines,
一樣可以用scroll++及scroll--來控制文字欄位的捲動。
但我發現如果文字欄位的尺寸,
高度如果會造成切到文字的狀況,
就會出現重疊的現象。