C# 使用 Skin 套件讓程式更美觀 (中)

Material Skin

 

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

 

image

 

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

 

image

 

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

 

image

 

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

 

Material Skin 0.2.1

 

這是 Material Skin 0.2.1

 

image

 

image

 

底下是初步呈現的畫面。

 

image

 

直接執行後畫面如下:

 

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

 

image

 

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

 

 

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);

 

    }

}

 

 

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

 

image

 

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

 

image

 

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

 

image

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

 

image

 

再次執行就可看到了。

 

image

 

Material Skin Update 0.2.2

 

測試 Material Skin Update。

 

image

 

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

 

image

 

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

 

image

 

底下是把 ListView 和 ProgressBar 加上去。

 

image

 

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

 

image

 

Material Skin 2 2.2.1

 

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

 

image

 

安裝後項目也很多。

 

image

 

元件也不少

 

image

 

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

 

image

 

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

 

image

 

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

 

心得

 

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

 

 

重要度:
文章分類:

發表新回應