管理

3、.Net UI库:MaterialSkin - 开源项目研究文章

Posted on 2024-12-04 16:37  lzhdim  阅读(3774)  评论(0编辑  收藏  举报

  

  MaterialSkin 是一个开源的 WinForms 第三方库,提供了许多仿谷歌设计风格的组件,使得 WinForms 窗体程序更加美观。以下是 MaterialSkin 的一些关键特点和使用方法:

  主要特点:

  1. 仿谷歌设计风格:MaterialSkin 提供了大量符合 Material Design 风格的控件,使得应用程序界面更加现代和美观。

  2、开源:MaterialSkin 是完全开源的,用户可以自由地扩展或修改控件。

  3、主题和颜色方案:支持深色和浅色主题的切换,以及丰富的颜色方案,用户可以根据需要自定义应用程序的主题和颜色。

  4、控件多样性:包含按钮、表单、导航栏、侧边栏等多种控件,满足不同开发需求。

  5、高自定义性:控件具有高自定义性,用户可以通过修改属性来达到想要的效果。

  使用方法:

  1、导入项目

    • 在 Visual Studio 中打开工具箱,右击并选择“添加选项卡”,命名为 MaterialSkin。
    • 右击新选项卡,选择“添加选择项”,浏览并添加 MaterialSkin.dll 文件
  •   。

  2、添加引用

  • 在项目中添加对 MaterialSkin.dll 的引用。可以通过解决方案资源管理器右键点击“引用”,选择“浏览”并添加 MaterialSkin.dll
  •   。

  3、初始化 MaterialSkinManager

  • 在主窗体文件中引用 MaterialSkin 命名空间:

  using MaterialSkin;

  using MaterialSkin.Controls;

  将窗体继承自 MaterialForm:

  

  public partial class Form1 : MaterialForm

  在构造函数中初始化 MaterialSkinManager:

  • private readonly MaterialSkinManager materialSkinManager;
  • public Form1()
  • {
  •     InitializeComponent();
  •     materialSkinManager = MaterialSkinManager.Instance;
  •     materialSkinManager.EnforceBackcolorOnAllComponents = true;
  •     materialSkinManager.AddFormToManage(this);

  }

  设置主题和颜色方案

  • 在构造函数中设置主题和颜色方案:
  • materialSkinManager.Theme = MaterialSkinManager.Themes.LIGHT;

  materialSkinManager.ColorScheme = new ColorScheme(Primary.Indigo500, Primary.Indigo700, Primary.Indigo100, Accent.Pink200, TextShade.WHITE);

  切换主题和颜色

  • 可以通过按钮点击事件切换主题:

  private void btn_ChangeTheme_Click(object sender, EventArgs e)

  {

    materialSkinManager.Theme = materialSkinManager.Theme == MaterialSkinManager.Themes.DARK ?

    MaterialSkinManager.Themes.LIGHT : MaterialSkinManager.Themes.DARK;

  }

  更改颜色方案:

    • private int colorSchemeIndex;
    • private void materialButton6_Click(object sender, EventArgs e)
    • {
    •     colorSchemeIndex++;
    •     if (colorSchemeIndex > 2)
    •         colorSchemeIndex = 0;
    •     updateColor();
    • }
    • private void updateColor()
    • {
    •     switch (colorSchemeIndex)
    •     {
    •         case 0:
    •             materialSkinManager.ColorScheme = new ColorScheme(
    •                 Primary.Indigo500,
    •                 Primary.Indigo700,
    •                 Primary.Indigo100,
    •                 Accent.Pink200,
    •                 TextShade.WHITE);
    •             break;
    •         case 1:
    •             materialSkinManager.ColorScheme = new ColorScheme(
    •                 Primary.Green600,
    •                 Primary.Green700,
    •                 Primary.Green200,
    •                 Accent.Red100,
    •                 TextShade.WHITE);
    •             break;
    •         case 2:
    •             materialSkinManager.ColorScheme = new ColorScheme(
    •                 Primary.BlueGrey800,
    •                 Primary.BlueGrey900,
    •                 Primary.BlueGrey500,
    •                 Accent.LightBlue200,
    •                 TextShade.WHITE);
    •             break;
    •     }
    •     Invalidate();
    • }

  MaterialSkin 提供了丰富的控件和灵活的自定义选项,使得开发者可以轻松创建出具有现代感的 WinForms 应用程序。更多详细信息和使用教程可以参考相关博客和文档。

 

  网址:https://gitee.com/zxh126/MaterialSkin2

Copyright © 2000-2022 Lzhdim Technology Software All Rights Reserved