易頡的個人化自定外觀功能教學
易頡的自定外觀功能能為您打做最個人化的輸入法介面。能更換候選字視窗的背景圖案、半透明效果、候選字的顏色、陰影效果、動畫效果和候選字視窗位置等等。創造世上獨一無二的中文輸入法。至於實際效果,看看以下的例子便明白了:

請按這裏下載以上例子的背景圖片,而這張圖片也會用於這次教學的其它部分,所以請務必下載。下圖則顯示在純白色背景下所顯示出的效果。而紅色外框標示出圖片的實際尺寸。
![]() |
------第一步,使用自定外觀功能的條件------
1. 易頡0.99.6.2版本或以上
2. 圖片必需為*.png格式,可以有Alpha Channel。寛度必需要150像素或以上。高度不限。
------第二步,設定圖片和啟用自定外觀功能------
1. 在【易頡輸入法設定】中的【外觀設定】分頁中,選取【使用自定外觀】和輸入背景圖片的位置。如圖示。之後按儲存來記錄設定。

2. 請重新開啟輸入法所屬的應用程式,這樣新的輸入法設定才會生效。
------第三步,位移候選字的位置------
1. 重開應用程式後,便應該能看到背景圖片成功載入。如下圖:

2. 應該留意到,候選字的位置未必一定和背景圖片的位置對齊。因為這取決於背景圖片的設計。這時便需要人手高調較候選字的水平位移和垂直位移。
3. 在【易頡輸入法設定】中的【外觀設定】分頁中,選取【將候選字水平位移】和【將候選字垂直位移】,之後在相應的空格填入所需要位移的像素。計算的方法是由背景圖片的左上角起計。圖片的左上角是為(0, 0)。在本次的例子中,鍵入候選字水平位移值16,候選字垂直位移值129便可以得出不錯的效果了。之後按儲存來記錄設定。重新開啟輸入法所屬的應用程式後便會生效了。

4.得出的結果會如下圖,候選字順利移入了背景圖片的框格中。

------第四步,位移候選字視窗的位置------
1. 在正常預設的情形下,候選字視窗是位於Caret(即是輸入文字時,垂直閃吓閃下的光標)的右下方。在上圖的例子中,候選字視窗也是正確地顯示在Caret的右下方。但由於背景的圖片有一大片透明空白在左上角,引致候選字的位置距離Caret很遠。如果想將候選字和Caret的距離拉近而又不想改動其它的話,可以直接將整個候選字視窗位移。
2. 在【易頡輸入法設定】中的【外觀設定】分頁中,選取【將候選字視窗水平位移】和【將候選字視窗垂直位移】,之後在相應的空格填入所需要位移的像素。計算的方法是由預設的位置起,向右移動便在【將候選字視窗水平位移】所對應的空格填入正數,向左移動則填入負數。向下移動便在【將候選字視窗垂直位移】所對應的空格填入正數,向上移動則填入負數。 在本次的例子中,只需要將候選字視窗向上移動130像素,所以只需要選取【將候選字視窗垂直位移】,之後填入-130便完成了。之後按儲存來記錄設定。重新開啟輸入法所屬的應用程式後便會生效了。

------第五步,自行設計背景圖片------
1. 圖片必需為*.png格式,可以有Alpha Channel。寛度必需要150像素或以上。高度不限。
2. 有關Alpha Channel方面,沒有什麼限制。每一點可以有不同的Alpha Value。
3. 有關寛度方面,分成三部份,由左計起,第一部分是頭50個像素,第二部分是之後的50個像素,第三部分則是之後的全部像素。以下圖為例,第一部分是黃色的部分,第二部分是橙色的部分,而第三部分則是淺藍色的部分。

分割的作用是因為候選字視窗的長度不是固定的,會隨候選字的多少而自動改變。所以易頡的外觀功能也會自動改變背景圖片的寛度。第一部分會靠在候選字視窗的左邊,而第三部分則會靠在候選字視窗的右邊。而第二部分則會自動拉闊來填滿中間的位置。
------第六步,自定候選字的顏色------
1. 總共有8種顏色可以選擇,一定要選取了每種顏色之前的【使用顏色X】之後才會生效。每種色的數值是由0到255,而透明的數值也是由0到255,0代表全透明,255代表完全不透明。要留意的是,透明的預設值是0,即是全透明,所以是看不到的。所以當設定顏色時,記得要設定透明值.
顏色一 : 候選字的顏色
顏色二 : 字根的顏色
顏色三 :
顏色四 :
顏色五 :
顏色六 :
顏色七 :
顏色八 : 字型特效Glow的顏色



