WPF-vejledning for begyndere

Hvad er WPF?

WPF er en ramme for at bygge Windows applikationer, der giver udviklere mulighed for at skabe omfattende brugergrænseflader med 3D-animationer og fyldige farver ved hjælp af mindre kodekompleksitet. Det er en vektorbaseret renderingmotor, der bruger hardwareaccelerationen fra moderne grafikkort, hvilket gør brugergrænsefladen hurtigere og meget skalerbar. WPF står for Windows Præsentation Foundation.

WPF kan betragtes som en videreudvikling af WinForms. Det tilbyder et brugervenligt grafisk visningssystem til Windows og tilbyder en ren adskillelse mellem brugergrænseflade og forretningslogik.

WPF-applikationer implementeres typisk som enkeltstående skrivebordsprogrammer, og de kan også hostes som indlejrede objekter i andre applikationer.

Hvorfor WPF?

Der er mange grunde til at bruge WPF-platformen. Nogle fremtrædende er:

• En ideel platform at bruge, hvis du har brug for at håndtere forskellige medietyper
• WPF giver dig mulighed for at oprette en brugergrænseflade med et skin. Det hjælper dig også, når du skal indlæse en del af brugergrænsefladen eller vil binde XML-data.
• Det giver dig mulighed for at drage fordel af det store .NET-klassebibliotek, som det er bygget på .NET teknologi
• Opløsningsuafhængighed, så applikationer udviklet med WPF kan køre på små tabletskærme eller en 20-tommer skærm
• WPF bygger på DirectX i stedet for WinAPI. Det bruger klientcomputerens grafiksystem og tilbyder derfor større grafisk gengivelseskraft.
• Understøtter en flowdokumentmodel, der muliggør layout med "desktop publishing"-kvalitet
• Udseende og adfærd er løst forbundet. Dette giver designere og udviklere mulighed for at arbejde på to separate modeller
• I WPF-frameworket kan du grafisk designe værktøjer ved hjælp af simple XML-dokumenter i stedet for at parse kode.
• Giver dig mulighed for at bruge hardwareacceleration til at tegne GUI for bedre ydeevne

Lad os derefter se på, hvordan rammerne har udviklet sig over tid.

WPF's historie

Windows 1.0 var det første GUI-miljø fra MicrosoftDet fungerede som et lag oven på DOS og var afhængig af GDI- og USER-systemerne til grafik og brugergrænseflade.

DirectX blev introduceret i 1995 som et højtydende grafiksystem rettet mod spil og andre grafikrelaterede miljøer. Gennem årene blev der udgivet mange versioner, og DirectX 9 leverede et bibliotek, der kunne bruges med administreret .NET-kode.

WPF version	Udgivelsesår	.Net-version	Visual Studio version	Funktionalitet
3.0	2006	3.0	N / A	Første udgivelse. WPF-udvikling kan dog udføres med VS 2005.
3.5	2007	3.5	US 2008	Ændringer og forbedringer i: Applikationsmodel, binding, kontroller, dokumenter, annotationer og 3D-brugergrænsefladeelementer.
3.5 SP1	2008	3.5 SP1	N / A	Native splash screen support. Ny webbrowser kontrol, DirectX pixel shader understøttelse.
4.0	2010	4.0	US 2010	Nye kontroller: Kalender, DataGrid, DatePicker. Understøttelse af multi-touch og manipulation.
4.5	2012	4.5	US 2012	Hurtigere opstart, forbedret ydeevne ved visning af store datasæt. Nyt båndkontrolelement og INotifyDataErrorInfo-grænseflade til datavalidering.
4.5.1	2013	4.5.1	US 2013	Mindre forbedringer af ydeevne og pålidelighed.
4.5.2	2014	4.5.2	NA	Ingen større ændring
4.6	2015	4.6	US 2015	Gennemsigtig støtte til børnevinduer HDPI og Touch forbedringer
4.8	2019	4.8	US 2019	Sidste større .NET Framework-udgivelse med rettelser til høj DPI og forbedringer af tilgængelighed.
.NET Core 3.0 og fremefter	2019-foreliggende	.NET Core 3.0 til .NET 10	VS 2019/2022	WPF bliver open source og leveres med moderne .NET (applikationer forbliver Windows-kun).

WPF versioneres ikke længere separat fra .NET. Siden 2019 er det blevet leveret som en open source-komponent i den moderne .NET-platform, og den nuværende udgivelse er inkluderet i .NET 10, som ankom i november 2025 som en langsigtet supportversion (LTS).

Funktioner af WPF

Diagrammet nedenfor grupperer de vigtigste WPF-funktioner, og er anført i detaljer efter det.

• Dokumenter og udskrivning
• Sikkerhed, tilgængelighed og lokalisering
• Tilbyder interoperabilitet med Windows Former kontroller
• Direct3D bruges i grafiske applikationer, hvor ydeevne er vigtig
• Bruger videokortets hardware til gengivelse
• Vektorbaseret grafik giver dig mulighed for at skalere din applikation uden tab af kvalitet
• WPF understøtter et floating-point logisk pixelsystem og 32-bit ARGB-farve
• Omdefiner stilarter og kontrolskabeloner
• Opbygning af internationale skrifttyper fra sammensatte skrifttyper
• WPF-tekstgengivelse udnytter ClearType-teknologi
• Giver dig mulighed for at bruge caching-teknikken med forudgengivet tekst i videohukommelsen
• Ressourcebaseret tilgang til alle kontrolfunktioner
• Præsentationstimere initialiseres og administreres af WPF
• Forholdet mellem video og animation understøttes også
• I WPF er en stil et sæt egenskaber, der skal anvendes på indhold, der bruges til visuel gengivelse.
• Skabeloner i WPF hjælper dig med at ændre brugergrænsefladen i dit dokument
• Kommandoer er mere abstract og løst koblede versioner af begivenhederne
• WPF-understøttelse af kommandoer reducerer mængden af ​​kode, vi skal skrive

Næste i denne WPF C# tutorial, vil vi lære om WPF-kernetyper og -infrastruktur.

WPF-kernetyper og -infrastrukturer

Klasser i WPF er opdelt i fire forskellige typer:

• UIElement
• FrameworkElement
• ContentElement
• FrameworkContentElement

Disse klasser er kendt som basiselementklasser. De danner grundlaget for en model til at komponere brugergrænseflader.

WPF-brugergrænseflader er sammensat af elementer, der er samlet i et træhierarki kaldet elementtræet. Elementtræet er en intuitiv måde at layoute brugergrænseflader på, og det er den struktur, hvorigennem du får effektive brugergrænsefladetjenester.

XAML

Extensible Application Markup Language, som kaldes "XAML" (udtales "zammel"), er en deklarativ måde at definere brugergrænseflader på.

Her er XAML-definitionen af ​​en simpel knap:

<Button
FontSize="16"
HorizontalAlignment="Center"
VerticalAlignment="Center"
>
Say Hello Guru99</Button>

Fordele ved at bruge XAML-sproget:

• XAML adskiller frontend-udseende fra backend-logik
• XAML er den nemmeste metode til at repræsentere brugergrænseflader
• XAML fungerer effektivt med designværktøjer

Controls

WPF-frameworket understøtter mange nyttige kontroller som:

• Redigeringskontroller som tekstBox, KontrollereBox, Radio knap
• Listekontroller såsom ListBox, Listevisning, Trævisning
• Brugeroplysninger såsom Label, WPF ProgressBar, ToolTip
• Handling såsom menu, knap og værktøjslinje
• Udseende som Border, WPF Image og Viewbox
• Almindelige dialogbokse som f.eks. ÅbnFilDialog og UdskrivDialog
• Containere som TabControl, ScrollBar og GroupBox
• Layouts som DockPanel, StackPanel og Grid
• Navigation såsom Frame og Hyperlink

Udseendet af kontroller kan tilpasses med stilarter og skabeloner uden programmering. Du kan også oprette en brugerdefineret kontrol ved at udlede en ny klasse fra en passende basisklasse.

Udseende

WPF giver en funktion til at tilpasse udseendet af din applikation. Det giver dig mulighed for at indstille objekter og værdier for ting som skrifttyper, baggrunde osv.

Styles-funktionen giver dig mulighed for at standardisere på et specifikt look for hele produktet. Det giver dig mulighed for at erstatte standardudseendet, mens du bevarer standardadfærden.

En dataskabelon giver dig mulighed for at styre standardvisualiseringen af ​​bundne data. Ved hjælp af temaer kan du nemt anvende operativsystemets visuelle stilarter.

Layout & Paneler

Layout hjælper dig med den korrekte placering og størrelse af kontrolelementer. Det er en del af processen med at komponere præsentationen for brugeren. WPF-frameworket letter layoutprocessen og giver bedre tilpasningsevne til brugergrænsefladen.

Layoutinfrastrukturen tilbydes af fem hovedklasser: 1) StackPanel 2) DockPanel 3) WrapPanel 4) Grid og 5) Canvas

Grafik

WPF leverer et forbedret grafiksystem:

• WPF bruger enhedsuafhængige enheder, hvilket muliggør opløsning og enhedsuafhængighed. Hver enhedsuafhængig pixel skalerer automatisk med systemets punkter-per-tomme-indstilling.
• WPF bruger dobbelt i stedet for float og understøtter en bredere vifte af farver
• WPF-grafikmotoren er designet på en sådan måde, at den kan drage fordel af grafikhardware, når den er tilgængelig

Dokumenter og udskrivning

WPF-rammeværket tilbyder tre typer dokumenter:

• Faste dokumenter: Denne type dokument understøtter WYSIWYG præsentation.
• Flow dokumenter: Giver dig mulighed for at justere og omforme indhold baseret på køretidsvariabler som vinduesstørrelse og enhedsopløsning.
• XPS-dokumenter: En pagineret repræsentation af elektronisk papir i et XML-baseret format. XPS er et åbent, standardiseret dokumentformat.

WPF giver bedre kontrol over printsystemet, herunder fjernudskrivning og køer. Derudover kan XPS-dokumenter udskrives direkte uden at konvertere dem til et printformat.

Nu hvor vi har dækket byggestenene, lad os se, hvordan disse dele passer sammen indvendigt.

WPF Architecture

WPF er en del af .NET framework. Det indeholder både administreret og ikke-administreret kode. De vigtige komponenter i WPF-arkitekturen er forklaret i figuren nedenfor:

Komponenter af WPF-arkitektur

• PræsentationsrammeHjælper dig med at oprette elementer på øverste niveau som kontrolelementer, typografier, layout, vinduer osv.
• PresentationCoreDen indeholder basistyper som UIElement og Visual, hvorfra alle kontrolelementer og former i PresentationFramework.dll er afledt.
• CLR: Det gør udviklingsprocessen produktiv ved at tilbyde funktioner som hukommelsesstyring, fejlhåndtering mv.
• Milcore: Milcore er en del af den ikke-administrerede kode, som tilbyder tæt integration med DirectX.
• DirectX: Det er lavniveau-API'en, der gengiver grafikken i WPF. DirectX interagerer med drivere og gengiver indholdet.
• Bruger32: Det er en kerne-API, der er meget brugt af mange programmer. Den administrerer hukommelses- og processeparation. User32 hjælper dig med at bestemme, hvilket element der skal placeres hvor på skærmen.
• Kernel: Input stammer fra et signal på en kernetilstandsdriver og bliver dirigeret til den korrekte proces ved at oprette forbindelse til Windows kerne og User32.

WPF-databinding

Databinding er et af de mest kraftfulde koncepter i WPF. I stedet for at skrive kode, der manuelt kopierer værdier mellem kontrolelementer og objekter, deklarerer du en forbindelse i XAML, og WPF holder begge sider synkroniseret automatisk. For eksempel:

<TextBox Text="{Binding Path=StudentName, Mode=TwoWay}" />

WPF understøtter fire bindingstilstande:

• Envejskørsel: Kontrollen opdateres, når kildedataene ændres
• Tovejs: Ændringer flyder i begge retninger mellem kontrol og kilde
• Engangs: Styringen læser kun kildeværdien én gang, ved indlæsning
• EnvejsTilKilde: Kontrollen skubber sin værdi til kilden, aldrig omvendt

Databinding er også motoren bag MVVM (Model-View-ViewModel)-mønsteret, den mest almindelige arkitektur til professionelle WPF-applikationer, fordi det lader visningen forblive i XAML, mens logikken lever i testbare C#-klasser.

💡 Tip: Implementer INotifyPropertyChanged-grænsefladen på dine dataklasser. Uden den opdateres brugergrænsefladen ikke, når egenskabsværdier ændres i koden.

WPF installation

Se dette link for at installere WPF: https://www.guru99.com/download-install-visual-studio.html

I denne WPF-applikationsvejledning vil vi derefter bygge vores første WPF-applikation.

Hvordan opretter du din første WPF-applikation?

I dette WPF-eksempel vil vi udvikle en grundlæggende WPF-applikation. Lad os starte den simple implementering ved at følge trinnene i WPF-applikationseksemplet nedenfor.

Trin 1) I Visual Studio skal du gå til Filer > Ny > Projekt

Trin 2) I det nye projektvindue

1. Vælg WPF App
2. Indtast navn som "MyWPF"
3. klik på OK

Trin 3) Visual Studio opretter som standard to filer

• XAML-fil (MainWindow.xaml)
• CS-fil (MainWindow.xaml.cs)

MainWindow.xaml har

1. Et designvindue
2. XAML fil

I XAML-vinduet skrives følgende tags som standard:

Grid er det første element som standard.

MainWindow.xaml.cs indeholder den tilsvarende bagvedliggende kode til XAML-designfilen:

Trin 4) I værktøjskassen,

1. Træk tekstenBox element til designvinduet
2. En tekstBox vises i designvinduet
3. Du vil se XAML-kode for tekstenBox tilføjet

Trin 5) Skift teksten til “Første WPF-program”.

Trin 6) Klik på Start-knappen

Trin 7) Du vil se et vindue i outputtet

Tillykke! Du har designet og oprettet din første WPF-applikation. Næste i denne WPF for begyndere tutorial, vil vi se forskellen mellem WPF og WinForms.

WPF vs. WinForms

WPF	WinForms
Det er en nyere ramme, så den er mere i overensstemmelse med de nuværende standarder.	Den er ældre, så den er mere gennemprøvet.
Det er fleksibelt og funktionsrigt. Du kan designe meget omfattende applikationer uden at skulle kode eller købe kontrolelementer.	Ikke så funktionsrig
Udviklere af 3rd Partykontroller fokuserer på kompatibilitet med WPF, da det er fremtiden.	Der er mange tredjepartskontroller, som du kan købe eller få gratis.
XAML giver dig mulighed for nemt at oprette og redigere din GUI. Det gør det muligt at fordele arbejdet mellem en designer (XAML) og en programmør (C#, VB.NET osv.).	In Windows Formularer, al koden er skrevet ét sted.
XAML-færdigheder overføres direkte til nyere frameworks som WinUI 3, .NET MAUI og Avalonia UI.	WinForms-færdigheder gælder primært for klassiske Windows desktop-udvikling.
WPF's in-box kontrolsuite er begrænset	Indbyggede kontroller er meget kraftfulde

Type applikationer bygget med WPF

• WPF bruges til standalone Windows Desktopapplikationer såsom virksomhedsbaserede værktøjer, dashboards, handelsterminaler og designsoftware
• Windows Formularer og WPF-sider kan eksistere side om side i den samme applikation
• Du kan udvikle applikationer i side-/vinduesnavigationsstil

WPF i Moderne .NET

Microsoft open source WPF i december 2018, og siden .NET Core 3.0 (2019) er frameworket blevet leveret med alle moderne .NET-udgivelser, op til og inklusive .NET 10. Flytning af en applikation til moderne .NET giver hurtigere opstart, enklere implementering gennem selvstændig publicering og adgang til aktuelle C#-sprogfunktioner, mens WPF-programmeringsmodellen forbliver den samme.

WPF forbliver Windows-kun. Hvis du vælger et desktop-framework i dag, hjælper denne sammenligning:

Framework	Bedste For
WPF	Moden, funktionsrig Windows desktopapplikationer med et enormt økosystem
WindowsUI 3	Nye applikationer målrettet den moderne Windows 11 udseende og følelse
.NET MAUI	Cross-platform applikationer, der spænder over Windows, macOS, Android, og iOS

Fordi WPF aktivt vedligeholdes og er dybt integreret i virksomhedssoftware, er det fortsat en praktisk investering at lære det. Når du først er blevet fortrolig med at bygge disse applikationer, er det værd at øve dig i de mest almindelige WPF-jobsamtalespørgsmål at fastlåse koncepter som XAML, databinding og det visuelle træ.

Ofte Stillede Spørgsmål