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:

MaterialSkin VB.Net
Interfata grafica cu MaterialSkin

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:

MaterialSkin VB.Net – Dark

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:

MaterialSkin VB.Net

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

Add a Comment

Adresa ta de email nu va fi publicată. Câmpurile obligatorii sunt marcate cu *