皮膚定制（Skin-Builder）

Skin-Builder 是什么

Skin-Builder是一套dorado控件的皮膚定制工具，通過它你可以通過可視化的方式修改和調(diào)整控件的CSS風格，而不要掌握很多CSS底層的實現(xiàn)細節(jié)。

Skin-Builder 功能簡介與功能列表

?

Skin-Builder 入門教程

創(chuàng)建皮膚

登陸Skin-Builder 通過這個網(wǎng)址訪問Skin-Builder:http://dorado.bstek.com/skin-builder/Main.d?并用微信賬號登陸，選擇一套皮膚。 下面我們就以經(jīng)典水晶皮膚珊瑚礁的定制為例詳細說明使用過程。 首先打開珊瑚礁的皮膚，進入皮膚維護管理界面: 首先我們單擊另存為按鈕，將這套皮膚另外起一個名字，并確定存儲。 保存好之后當前工作空間自動切換到新的皮膚編輯維護狀態(tài)。

使用皮膚

繼續(xù)上面，然后單擊下載皮膚按鈕，下載當前的皮膚,這個時候會有一個彈出框，告訴你如何使新的皮膚起作用，你按照步驟做就可以: 點擊下載按鈕我們就獲得一個名稱為dorado-skin-cay2015-1.0.0.jar文件，把這個jar放在項目的lib下: 然后找到WEB-INF下的dorado-home下的configure.properties配置文件，設置view.skin的值: 這樣這套新皮膚就起作用了。 但是就目前而言，這套皮膚和你之前看的可能并沒有什么差別，下面我們嘗試修改這套皮膚，再來查看效果。

修改皮膚

當你用自己的BSDN賬號登陸Skin-Builder后可以看到自己定制的皮膚，我們回到皮膚管理的主界面上看: 之前我們創(chuàng)建的cay2015就出現(xiàn)在我的皮膚列表中，現(xiàn)在我們可以雙擊cay2015皮膚包，進入編輯界面。 例如我們希望修改Grid的皮膚，可以找到列表型控件的分類。 修改表格當前行的顏色: 調(diào)整列表當前行立體度和列表標題欄立體度為0. 并設置表格標題欄顏色： 設置好之后你可以單擊預覽按鈕，預覽效果(如本例，你需要切換到表格標簽頁): 如果效果符合預期，則單擊保存按鈕，先保存當前的皮膚。然后再次下載皮膚，這個時候皮膚的版本好會自動升級一個版本，如本例你獲得的文件將會是:?dorado-skin-cay2015-1.0.1.jar 把這個jar放在項目的lib中(注意刪除老版本的皮膚jar包，本例為:dorado-skin-cay2015-1.0.0.jar). 然后重新啟動項目，這個時候Grid控件的皮膚就變成新的了：