Git Product home page Git Product logo

materialskin's Introduction

MaterialSkin 2 for .NET WinForms

Theming .NET WinForms, C# or VB.Net, to Google's Material Design Principles.

This project state is: somewhat active

This means I still read every issue and check every PR and occasionally release new versions when enough pull requests have pilled up, also @orapps44 has been doing excelent work and is keeping this project alive and updated, Thank you! โค๏ธ

home

Nuget Package

A nuget package version is available here

Or simply search for MaterialSkin.2 on the Nuget Package Manager inside Visual Studio

WIKI Available!

But there's not much in there for now, please contribute if you can. ๐Ÿ˜„

You can access it here

Current state of the MaterialSkin components

Component Supported Disabled mode Animated
Backdrop No - -
Banner No - -
Buttons Yes Yes Yes
Cards Yes N/A N/A
Check Box Yes Yes Yes
Check Box List Yes Yes Yes
Chips No - -
Combobox Yes Yes Yes
Context Menu Yes Yes Yes
Date Picker No - -
Dialog Yes N/A No
Divider Yes N/A N/A
Drawer Yes N/A Yes
Expansion Panel Yes Yes No
Flexible Dialog (big) Yes Yes N/A
FAB - Floating Action Button Yes Yes Yes
Label Yes Yes N/A
ListBox Yes Yes N/A
ListView Yes No N/A
Progress Bar Partial No No
Radio Button Yes Yes Yes
Text field Yes Yes Yes
Sliders Yes Yes No
SnackBar Yes N/A Yes
Switch Yes Yes Yes
Tabs Yes N/A Yes
Time Picker No - -
Tooltips No - -

All supported components have a dark theme

TODO List

  • Progress bar - Animation and variants, maybe round loading thingy
  • Backdrop (maybe)
  • Some Color code improvements and refactoring
  • DatePicker
  • Drawer - Header, Divider, subtitle & submenu
  • Textfield ContextualMenu translation
  • Controls code cleanup

Contributing

Thanks for taking the time to contribute! ๐Ÿ‘

If you have any issues please open an issue; have an improvement? open a pull request.

Contributors

Thank you to all the people who have already contributed to MaterialSkin 2 !


Implementing MaterialSkin 2 in your application

1. Add the library to your project

There are a few methods to add this lib:

The Easy way

Search for MaterialSkin.2 on the Nuget Package manager inside VisualStudio and add it to your project.

Manual way

Download the precompiled DLL available on the releases section and add it as a external reference on your project.

Compile from the latest master

Clone the project from GitHub, then add the MaterialSkin.csproj to your own solution, then add it as a project reference on your project.

2. Add the MaterialSkin components to your ToolBox

Simply drag the MaterialSkin.dll file into your IDE's ToolBox and all the controls should be added there.

3. Inherit from MaterialForm

Open the code behind your Form you wish to skin. Make it inherit from MaterialForm rather than Form. Don't forget to put the library in your imports, so it can find the MaterialForm class!

C# (Form1.cs)

public partial class Form1 : MaterialForm

VB.NET (Form1.Designer.vb)

Partial Class Form1
  Inherits MaterialSkin.Controls.MaterialForm

4. Initialize your colorscheme

Set your preferred colors & theme. Also add the form to the manager so it keeps updated if the color scheme or theme changes later on.

C# (Form1.cs)

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

VB.NET (Form1.vb)

Imports MaterialSkin

Public Class Form1

    Private Sub Form1_Load(sender As Object, e As EventArgs) Handles MyBase.Load
        Dim SkinManager As MaterialSkinManager = MaterialSkinManager.Instance
        SkinManager.AddFormToManage(Me)
        SkinManager.Theme = MaterialSkinManager.Themes.LIGHT
        SkinManager.ColorScheme = New ColorScheme(Primary.BlueGrey800, Primary.BlueGrey900, Primary.BlueGrey500, Accent.LightBlue200, TextShade.WHITE)
    End Sub
End Class

Material Design in WPF

If you love .NET and Material Design, you should definitely check out Material Design Xaml Toolkit by ButchersBoy. It's a similar project but for WPF instead of WinForms.


Images

A simple demo interface with MaterialSkin components. home

The MaterialSkin Drawer (menu). drawer

Every MaterialSkin button variant - this is 1 control, 3 properties buttons

The MaterialSkin checkboxes, radio and Switch. selection

Material skin textfield text

Table control table

Progress bar progress bar

Cards cards

List Box listbox

Expansion Panel expansion

Label label

MaterialSkin using a custom color scheme. custom

FlexibleMaterial Messagebox messagebox

materialskin's People

Contributors

orapps44 avatar leocb avatar ignacemaes avatar valimaties avatar volatilepulse avatar akidevx avatar bigbauf avatar donaldsteele avatar alexxeg avatar emadzz avatar sirtony avatar lukeskinner avatar t5ive avatar revensoft avatar suvjunmd avatar ddiidev avatar francescocalculli avatar jipjan avatar paolozanchi avatar michalkrzych avatar saitdev avatar thibaudmzn avatar salaros avatar liettua avatar

Watchers

James Cloos avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.