close
[教學]月曆程式rainlendar之文字修改
我們分兩部份討論：
1.各參數的意義。
2.如何製作圖片（使用photoimpact）。
Step1：
首先我們來看各參數的意思。在Skin Config的Days欄位下方，有四個參數，這四個參數代表了日期顯示的文字，我們一個個來看他的意思。
首先我們把Bitmap的圖片改成Numbers-Large-Blue.png(預設面板資料夾內有該圖片)
我們可以看到原本白色的文字變成了藍色。
所以我們知道，Bitmap放的圖片是用在一般日期顯示的地方。
再來我們修改Weekend Bitmap，改成Numbers-Large-Yellow.png這張圖片。
變成黃色了。
所以Weekend Bitmap放的圖片是假日(6,日)顯示的部份。
我們再來看Separation部份，把原本的-12改成0。結果發現日期都散開亂掉了，所以這個參數我們可以猜測是日期顯示部份的文字緊密度。
再看最後一個參數之前，我們先打開之前的文字圖片，觀察他的樣子。
蠻令人訝異的，他只有0～9。
我們再來看之前常用來舉例的sk2的rl_elder面板中的day_red.png，則是1～32。
ok！我想各位猜到了，最後一個參數components就是圖片的數字是0～9還是1～32。如果使用0～9，則日期顯示是採用這些數字『組合』出來的，所以要跟separation參數搭配。如果使用1～32，則separation參數則是隱藏不可使用的。
要注意的是，Bitmap和Weekend Bitmap不可以一個用0～9，一個用1～32。
我們使用rl_elder面板中的day_red.png和day_yellow.png試試看。
Step2：
再來我們要開始製作文字圖片了，為了簡單起見，我們使用1～32這種格式的圖片。
首先開啟一個16×488的透明背景圖片。
我們在裡面輸入1～31，打字的時候直接用Enter換行就可以了。
之後調整數字的整體大小與位置，我們改成14×429，位置則是左1上17。
至於為什麼要這樣設定…因為rl_elder面板中的圖片是這樣放的，我就直接照抄了XD。位置錯誤在顯示的時候可能會亂調，有興趣的人可以再研究字體大小與圖片大小和字體位置，這三個參數間的關係。
把圖片存檔成png檔案後，我們再修該圖片的字體顏色，存成另外一張。套用上去。
其他欄位如Today、Year、Month這些，都是差不多的，我就不多打了。
其實最簡單的修改方式是直接用font格式，再上方有一個Rasterizer屬性，改成font就是直接用字型顯示，設定字型、大小、顏色就好了。
最後成果：
各位仔細看的話，除了本篇教的更改顯示字體外，我還偷改了兩個地方：
1.變動月份的按鈕，我改成櫻花並且移到下面。
2.背景圖我多了一個粉紅框框。
下一篇預計說怎麼改變動月份按鈕。
首先我們來看各參數的意思。在Skin Config的Days欄位下方，有四個參數，這四個參數代表了日期顯示的文字，我們一個個來看他的意思。
首先我們把Bitmap的圖片改成Numbers-Large-Blue.png(預設面板資料夾內有該圖片)
我們可以看到原本白色的文字變成了藍色。
所以我們知道，Bitmap放的圖片是用在一般日期顯示的地方。
再來我們修改Weekend Bitmap，改成Numbers-Large-Yellow.png這張圖片。
變成黃色了。
所以Weekend Bitmap放的圖片是假日(6,日)顯示的部份。
我們再來看Separation部份，把原本的-12改成0。結果發現日期都散開亂掉了，所以這個參數我們可以猜測是日期顯示部份的文字緊密度。
再看最後一個參數之前，我們先打開之前的文字圖片，觀察他的樣子。
蠻令人訝異的，他只有0～9。
我們再來看之前常用來舉例的sk2的rl_elder面板中的day_red.png，則是1～32。
ok！我想各位猜到了，最後一個參數components就是圖片的數字是0～9還是1～32。如果使用0～9，則日期顯示是採用這些數字『組合』出來的，所以要跟separation參數搭配。如果使用1～32，則separation參數則是隱藏不可使用的。
要注意的是，Bitmap和Weekend Bitmap不可以一個用0～9，一個用1～32。
我們使用rl_elder面板中的day_red.png和day_yellow.png試試看。
Step2：
再來我們要開始製作文字圖片了，為了簡單起見，我們使用1～32這種格式的圖片。
首先開啟一個16×488的透明背景圖片。
我們在裡面輸入1～31，打字的時候直接用Enter換行就可以了。
之後調整數字的整體大小與位置，我們改成14×429，位置則是左1上17。
至於為什麼要這樣設定…因為rl_elder面板中的圖片是這樣放的，我就直接照抄了XD。位置錯誤在顯示的時候可能會亂調，有興趣的人可以再研究字體大小與圖片大小和字體位置，這三個參數間的關係。
把圖片存檔成png檔案後，我們再修該圖片的字體顏色，存成另外一張。套用上去。
其他欄位如Today、Year、Month這些，都是差不多的，我就不多打了。
其實最簡單的修改方式是直接用font格式，再上方有一個Rasterizer屬性，改成font就是直接用字型顯示，設定字型、大小、顏色就好了。
最後成果：
各位仔細看的話，除了本篇教的更改顯示字體外，我還偷改了兩個地方：
1.變動月份的按鈕，我改成櫻花並且移到下面。
2.背景圖我多了一個粉紅框框。
下一篇預計說怎麼改變動月份按鈕。
本篇最後成果下載： |
全站熱搜
留言列表
