關於網路那些事...

網路行銷,SEO,網路趨勢,教學文章,網頁設計,生活時事

.NET WinForms C# 視窗 - MetroFramework UI 框架

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

如果你喜歡我們的文章內容,請在這裡按個讚



最新文章推薦