• C# 使用 Skin 套件讓程式更美觀 (上) - Iris Skin
• C# 使用 Skin 套件讓程式更美觀 (中) - Material Skin
• C# 使用 Skin 套件讓程式更美觀 (下) - Dark UI

Material Skin

 

Material Skin 有不少人推薦，安裝方法同上，先在 NuGet 套件中搜尋 material skin，底下可以看到有不少種，應該是挑比較新的版本吧？我多挑幾個來試試。

 

 

在測試時有好幾個是無法順利安裝的，例如：

 

 

再把安裝好的套件一一加入工具箱中。

 

 

全部一一安裝時，發現會有衝突，底下改試著逐一安裝。

 

Material Skin 0.2.1

 

這是 Material Skin 0.2.1

 

 

 

底下是初步呈現的畫面。

 

 

直接執行後畫面如下：

 

注意：一開始測試時都無法執行，後來才知道因為專案名稱為 MaterialSkin，和套件衝突了，再次改成 MaterialSkinTest 就沒問題了。

 

 

主程式還要加入紅色的這些文字。

 

 

public partial class Form1 : MaterialForm

{

    public Form1()

    {

        InitializeComponent();

 

        var materialSkinManager = MaterialSkinManager.Instance;

 

        materialSkinManager.AddFormToManage(this);

 

        materialSkinManager.Theme = MaterialSkinManager.Themes.LIGHT;

 

        materialSkinManager.ColorScheme = new ColorScheme(Primary.BlueGrey800, Primary.BlueGrey900, Primary.BlueGrey500, Accent.LightBlue200, TextShade.WHITE);

 

    }

}

 

 

加上那些程式後，設計畫面變成如下。

 

 

執行後畫面如下，不過 Tab 頁籤沒有呈現。

 

 

查了資料，才知道 TabSelector 是 TabControl 的頁籤，所以必須這樣安排。

 

並且將 TabSelector 的 BaseControl 指向 TabControl，二者就有關聯了。

 

 

再次執行就可看到了。

 

 

Material Skin Update 0.2.2

 

測試 Material Skin Update。

 

 

安裝後加入工具箱時，元件好像都有重複。

 

 

不過實際加入後，就看到二個新元件，其它大概是更新了。

 

 

底下是把 ListView 和 ProgressBar 加上去。

 

 

雖然加了四筆資料進去，不過執行起來沒畫面，看來還得查一查才知道如何使用了。

 

 

Material Skin 2 2.2.1

 

測試 Material Skin 2，這個似乎是很新的版本。

 

 

安裝後項目也很多。

 

 

元件也不少

 

 

執行起來畫面如下，不過有時會跳出錯誤訊息。

 

 

跑一跑就會出現，原因不明，不知是不是和其它套件衝突了？

 

 

其它好像大同小異，就暫時測試到此了。

 

心得

 

心得：Material Skin 似乎有點複雜，不知道大一點的系統穩不穩，看來還是用 Iris Skin 比較安全一點。