MetroFramework 是一個 .NET WinForms 視窗開發UI模組

這裡簡單紀錄安裝及基本使用方式

https://thielj.github.io/MetroFramework/

安裝

透過 NuGet 套件管理來安裝 首先，在專案按右鍵> 管理 NuGet 套件 在瀏覽，搜尋 MetroFramework

下載 MetroModernUI 依 Dennis Magno

工具箱加入模組

在工具箱，先先建立索引標籤

右鍵>加入索引標籤> Metroframework

與新建的索引標籤 右鍵> 選擇項目 > .NET Framework 元件> 瀏覽

於專案資料夾\packages\MetroModernUI.1.4.0.0\lib\net\ 選擇 dll 元件

  • MetroFramework.Design.dll
  • MetroFramework.dll
  • MetroFramework.Fonts.dll

點選確定，工具列就會出現元件

WinForm 套用UI

先進入 Form 程式碼: 在 Form 元件右鍵> 檢視程式碼

套用UI

public partial class Form1 : MetroFramework.Forms.MetroForm

完整程式如下 Form1.cs

using System;
using System.Collections.Generic;
using System.ComponentModel;
using System.Data;
using System.Drawing;
using System.Linq;
using System.Text;
using System.Threading.Tasks;
using System.Windows.Forms;

namespace AAAAAFormTest
{
    //public partial class Form1 : Form
    public partial class Form1 : MetroFramework.Forms.MetroForm
    {
        public Form1()
        {
            InitializeComponent();
        }
    }
}

回到 Form 元件，按 F5 預覽

建立跳出視窗

首先在工具箱>Metroframework 拖曳 MetroTile 至 From 元件

置於視窗中間，調整大小後，點及兩下前往程式碼區塊

增加以下跳出視窗事件

private void metroTile1_Click(object sender, EventArgs e)
{
    MetroFramework.MetroMessageBox.Show(this, "WARNING", "MESSAGE BOX", MessageBoxButtons.OK, MessageBoxIcon.Warning);
}

回到 Form 元件，按 F5 預覽

切換預設 UI 顏色

MetroFramework 提供 Dark, White 兩種介面

預設為白色 White

要調整為黑色 Dark 請先開啟 Fform1.Designer.cs

在 InitializeComponent 找到 this.Theme = MetroFramework.MetroThemeStyle.Default;

調整如下:

private void InitializeComponent(){
	...
	this.Theme = MetroFramework.MetroThemeStyle.Dark;
}