MaterialSkin |
Revêtement matériel |
---|---|
NuGet |
Description
Ce paquet contient des thèmes WinForms .NET pour C# ou VB.NET basé sur les principes du Google's Material Design Principles. L'auteur du projet est IgnaceMaes.
État actuel des composantes de MaterialSkin
Composante | Supporté | Version Dark et Light | Mode désactivé | Animé |
---|---|---|---|---|
Checkbox (Case à cocher) | Oui | Oui | Oui | Oui |
Divider (Diviseur) | Oui | Oui | N/A | N/A |
Flat Button (Bouton plat) | Oui | Oui | Oui | Oui |
Label (Étiquette) | Oui | Oui | N/A | N/A |
Radio Button (Bouton radio) | Oui | Oui | Oui | Oui |
Raised Button (Bouton surélevé) | Oui | Oui | Oui | Oui |
Single-line text field (Champ de texte à une seule ligne) | Oui | Oui | Non | Oui |
TabControl (Contrôle d'onglet) | Oui | N/A | N/A | Oui |
ContextMenuStrip (Bande de menu contextuel) | Oui | Oui | Oui | Oui |
ListView (Affichage de liste) | Oui | Oui | Non | Non |
ProgressBar (Barre de progression) | Oui | Oui | Non | Non |
FloatingActionButton (Bouton d'action flottante) | Non | Non | Non | Non |
Dialogs (Dialogue) | Non | Non | Non | Non |
Switch | Non | Non | Non | Non |
Implémentation de MaterialSkin dans votre application
- Ajoutez la bibliothèque à votre projet : Vous pouvez le faire de plusieurs manières. Le moyen le plus simple serait d'ajouter le paquet NuGet. Cliquez avec le bouton droit sur votre projet et cliquez sur «Manage NuGet Packages...». Recherchez «MaterialSkin» et cliquez sur Install. Une fois installé, la bibliothèque sera incluse dans vos références de projet. Ou l'installer via la console du gestionnaire de paquets :
- Ajoutez les composantes de matériaux à votre boîte à outils: Si vous avez installé le paquet NuGet, le fichier Materialskin.dll doit être dans le dossier //bin/debug. Faites simplement glisser le fichier Materialskin.dll dans la boîte à outils de votre IDE et tous les contrôles doivent y être ajoutés.
- Héritage de MaterialForm : Ouvrez le code derrière votre formulaire que vous souhaitez au skin. Faites-le hériter de la forme MaterialForm plutôt que de la forme. N'oubliez pas de mettre la bibliothèque dans vos importations, afin qu'il puisse trouver la classe MaterialForm ! C# (Form1.cs) :
- Partial Class Form1
- Inherits MaterialSkin.Controls.MaterialForm
- Initialisez votre couleurs : Définissez vos couleurs et thème préférés. Ajoutez également le formulaire au gestionnaire afin qu'il reste à jour si le schéma de couleurs ou le thème change plus tard. 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);
- }
- 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
PM> Install-Package MaterialSkin |
Enfin, une autre façon de faire cette étape serait de cloner le projet de GitHub, de compiler la bibliothèque vous-même et de l'ajouter comme référence.
VB.NET (Form1.Designer.vb) :
VB.NET (Form1.vb) :
Conception de Material dans WPF
Si vous aimez .NET et la conception Material, vous devriez certainement consulter la boîte à outils Material Design Xaml Toolkit de Butchersboy. Il s'agit d'un projet similaire mais pour WPF au lieu de WinForms.
Remarque
- Ce projet n'est plus sous le développement actif. Un fork appelé MaterialSkin2 a été développé par Leonardo C Bottaro. Il existe également le projet H.MaterialSkin de HavenDV ayant également un certain potentiel.
Installation
Installation à partir du gestionnaire de paquet :
Install-Package MaterialSkin -Version 0.2.1 |
Dernière mise à jour : Jeudi, le 10 Novembre 2022