Material design pentru VB.Net cu MaterialSkin (Video)
In acest tutorial iti voi arata cum puteti obtine un design material profesional pentru aplicatiile tale in VB.Net. Primul pas pe care trebuie sa il urmezi este sa creezi un proiect nou de tip Windows Forms. Daca ai deja un proiect existent pasii de urmat sunt aceiasi. Mai jos gasesti toata procedura pas cu pas, cat si un video explicativ.
Video
Pasul 1 – Instaleaza MaterialSkin din Visual Studio
Mergem la Project > Manage NuGET Packages…
Aici selectam Browse, apoi cautam MaterialSkin si il instalam.
Odata ce am instalat MaterialSkin, putem trece la pasul urmator.
O alta alternativa pentru descarcare – > GitHub – IgnaceMaes/MaterialSkin: Theming .NET WinForms, C# or VB.Net, to Google’s Material Design Principles.
Pasul 2 – Exemplu de proiect folosind MaterialSkin
Deschidem Form1.Designer.vb si inlocuim Inherits System.Windows.Forms.Form cu Inherits MaterialSkin.Controls.MaterialForm, apoi facem dublu-clic pe Form1, apoi inseram urmatorul cod:
Imports MaterialSkin
Public Class Form1
Private Sub Form1_Load(sender As Object, e As EventArgs) Handles MyBase.Load
End Sub
End Class
Dupa ce am efectuat aceasta operatiune, interfata noastra grafica ar trebui sa arate cam asa:

Pasul 3 – Modificarea culorilor
Pentru modificarea schemei de culori, folosim urmatorul cod. In sectiunea Form1_Load introducem urmatorul cod:
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
AIci ne putem juca cu aspectul interfetei grafice. Spre exemplu, putem inlocui aspectul deschis, cu unul intunecat. Modificam SkinManager.Theme = MaterialSkinManager.Themes.LIGHT in SkinManager.Theme = MaterialSkinManager.Themes.DARK
Rezultatul va fi:

Culorile le putem modifica din linia aceasta de cod:
SkinManager.ColorScheme = New ColorScheme(Primary.BlueGrey800, Primary.BlueGrey900, Primary.BlueGrey500, Accent.LightBlue200, TextShade.WHITE)
De exemplu, vom folosi culoarea portocalie. Modificam dupa cum urmeaza:
SkinManager.ColorScheme = New ColorScheme(Primary.Orange500, Primary.Orange900, Primary.Orange500, Accent.Orange200, TextShade.WHITE)
Inlocuim BlueGray cu Orange. Cifrele care urmeaza dupa numele culorii reprezinta nuanta.
Dupa modificare vom obtine:

De asemenea, MaterialSkin contine si cateva elemente extra, cum ar fi butoane sau checkbox-uri. Dupa ce ne jucam putin cu setarile putem obtine o gramada de combinatii de culori pentru aspect.

Vezi si: VB.Net – Cum Facem Un Browser Web Simplu (Webview2) | AndreiDima.ro