WPF oktatóanyag kezdőknek: Alkalmazás létrehozása [Példa]

Mi az a WPF?

WPF építési keret Windows olyan alkalmazások, amelyek lehetővé teszik a felhasználók számára, hogy gazdag felhasználói felületeket fejlesszenek ki 3D-animációkkal és gazdag színekkel, kevésbé bonyolult kóddal. Ez egy vektor-alapú renderelő motor, amely a modern grafikus kártyák hardveres gyorsítását használja, ami gyorsabbá és nagymértékben méretezhetővé teszi az Ul-t. A WPF jelentése Windows Bemutatás Foundation.

A WPF a WinForms evolúciójának tekinthető. Könnyen kezelhető grafikus megjelenítő rendszert állít elő Windows. Egyszerű szétválasztást tesz lehetővé a felhasználói felület és az üzleti logika között.

A WPF-alkalmazások telepíthetők a rendszerben önálló asztali programként, vagy beágyazott objektumként tárolhatók egy webhelyen.

Miért WPF?

Számos oka van a WPF platform használatának, néhány kiemelkedő ok:

  • Ideális platform, ha különféle médiatípusokkal szeretne foglalkozni
  • A WPF lehetővé teszi egy héjas felhasználói felület létrehozását. Akkor is segít, ha be kell töltenie a felhasználói felület egy részét, vagy XML-adatokat szeretne kötni
  • Lehetővé teszi, hogy kihasználja a nagy .NET osztálykönyvtár előnyeit, ahogy arra épül .NET technológia
  • Felbontásfüggetlenség, így a WMF segítségével fejlesztett alkalmazások mobil eszközökön vagy 20 hüvelykes monitoron is futtathatók
  • A WPF DirectX-re épít WinAPI helyett. Az ügyfélszámítógép grafikus rendszerét kínálja. Ezért nagyobb grafikai megjelenítési teljesítményt kínál
  • Támogatja a folyamatdokumentum-modellt, amely lehetővé teszi az elrendezés „asztali közzétételi” minőségét
  • A megjelenés és a viselkedés lazán összekapcsolódik. Ez lehetővé teszi a tervezők és a fejlesztők számára, hogy két különálló modellen dolgozzanak
  • A WMF keretrendszerben kódelemzés helyett grafikusan tervezhet eszközöket egyszerű XML dokumentumokon
  • Lehetővé teszi hardveres gyorsítás használatát a grafikus felhasználói felület megrajzolásához a jobb teljesítmény érdekében

A WPF története

Windows Az 1.0 volt az első grafikus felhasználói felület Microsoft. A DOS feletti rétegként működik, a GDI és a USER rendszerekre támaszkodva grafikus és felhasználói felületként.

A DirectX-et 1995-ben mutatták be, mint nagy teljesítményű grafikus rendszert. A játékokat és más grafikával kapcsolatos környezeteket célozta meg. Az évek során számos olyan verzió jelent meg a Directx9-el, amely a mange.Net kóddal használható könyvtárat biztosít.

WPF verzió Kiadás éve .Net verzió Visual Studio verzió Jellemzők
3.0 2006 3.0 N / A Első kiadás.
A WPF fejlesztés azonban elvégezhető a VS 2005-tel.
3.5 2007 3.5 ZS 2008 Módosítások és fejlesztések a következőkben:
Alkalmazásmodell, kötés, vezérlők, dokumentumok, megjegyzések és 3D Ul elemek.
3.5 SP1 2008 3.5 SP1 N / A Natív indítóképernyő támogatás. Új webböngésző vezérlés, DirectX pixel shader támogatás.
4.0 2010 4.0 ZS 2010 Új vezérlők: Naptár. DataGrid, DatePicker. Multi-Touch és Manipuláció
4.5 2012 4.5 ZS 2012 Gyorsabb beállítási idő és jobb teljesítmény a Bitmap effektusokhoz. Új vezérlők: Naptár. DataGrid, DatePicker.
Multi-Touch és Manipuláció
4.5.1 2013 4.5.1 ZS 2013 Új szalagvezérlő
Új INotifyDataErrorlnfo felület
4.5.2 2014 4.5.2 NA Nincs jelentős változás
Nincs jelentős változás
4.6 2015 4.6 ZS 2015 Átlátszó gyerekablak tartó
HDPI és Touch fejlesztések

A WPF 5.0.6 legújabb stabil verziója, amely 2021 áprilisában jelenik meg.

A WPF jellemzői

A WPF jellemzői
A WPF jellemzői
  • Dokumentumok és nyomtatás
  • Biztonság, hozzáférhetőség és lokalizáció
  • Együttműködést kínál a következővel Windows Űrlapvezérlők
  • A Direct3D-t grafikus alkalmazásokban használják, ahol a teljesítmény fontos
  • A megjelenítéshez a videokártya hardvert használja
  • A vektor-alapú grafika lehetővé teszi az alkalmazás méretezését minőségromlás nélkül
  • A WPF támogatja a lebegőpontos logikai pixelrendszert és a 32 bites ARGB színt
  • Stílusok és vezérlősablonok újradefiniálása
  • Nemzetközi betűtípusok építése összetett betűtípusokból
  • A WPF szövegmegjelenítés segít a ClearType technológia előnyeinek kihasználásában
  • Lehetővé teszi az előre renderelt szöveg gyorsítótárazási technikájának használatát a videomemóriában
  • Erőforrás-alapú megközelítés minden vezérléshez
  • A bemutató időzítőit a WPF inicializálja és kezeli
  • A videó és az animáció közötti kapcsolat szintén támogatott
  • A WPF-ben a stílus olyan tulajdonságok halmaza, amelyeket a vizuális megjelenítéshez használt tartalomra kell alkalmazni
  • A WPF sablonjai segítenek a dokumentum Ul értékének megváltoztatásában
  • A parancsok az események elvontabb és lazábban kapcsolt változatai
  • A WPF parancsok támogatása csökkenti a megírandó kód mennyiségét

Következő ebben a WPF-ben C# oktatóanyag, megismerjük a WPF alaptípusait és az infrastruktúrát.

A WPF alaptípusai és infrastruktúrái

A WPF osztályai négy különböző típusra oszthatók:

  • UIEelem
  • FrameworkElement
  • Tartalomelem
  • FrameworkContentElement

Ezek az osztályok, az úgynevezett alapelem osztályok. Ez biztosítja az alapot a felhasználói felületek összeállításának modelljéhez.

A WPF felhasználói felületek fahierarchiában összeállított elemekből állnak. Ezt elemfának hívják. Az elemfa intuitív módja a felhasználói felület elrendezésének. Ez egy olyan struktúra, amely lehetővé teszi a hatékony felhasználói felület szolgáltatásainak elérését.

XML

A bővíthető alkalmazásjelölő nyelv, amelyet „XAML”-nek vagy „zammelnek” neveznek, a felhasználói felületek meghatározásának deklaratív módja.

Íme egy egyszerű gomb XAML definíciója:

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

Az XAML nyelv használatának előnyei:

  • Az XAML elválasztja a front-end megjelenést a háttér logikától
  • Az XAML a legegyszerűbb módszer a felhasználói felületek ábrázolására
  • A XAML hatékonyan dolgozik az eszközökkel

Controls

A WPF keretrendszer számos hasznos vezérlőt támogat, például:

  • Szerkesztési vezérlők, például a szövegBox, Jelölje beBox, Rádiógomb
  • Listavezérlők, például ListaBox, ListView, TreeView
  • Felhasználói információk, például címke, WPF folyamatsáv, eszköztipp
  • Műveletek, például menü, gomb és eszköztár
  • Megjelenések, például Szegély, WPF-kép és Nézetdoboz
  • Gyakori párbeszédpanelek, például OpenFileDialog és PrintDialog.
  • Tárolók, például TabContro, ScrollBar és GroupBox
  • Olyan elrendezések, mint a DocPanel, StackPanel és Grid
  • Navigáció, például keret és hiperhivatkozás

A vezérlők megjelenése programozás nélkül testreszabható stílusokkal és sablonokkal. Egyéni vezérlőt úgy is létrehozhat, hogy új osztályt származtat egy megfelelő alaposztályból.

megjelenés

A WPF lehetőséget biztosít az alkalmazás megjelenésének testreszabására. Lehetővé teszi objektumok és értékek beállítását olyan dolgokhoz, mint a betűtípusok, hátterek stb.

A stílusok funkció lehetővé teszi, hogy szabványosítson egy adott megjelenést a teljes termékhez. Lehetővé teszi az alapértelmezett megjelenés cseréjét az alapértelmezett viselkedés megtartása mellett.

Az adatsablon lehetővé teszi a kötött adatok alapértelmezett megjelenítésének szabályozását. A témák segítségével egyszerűen megjelenítheti a stílusokat az operációs rendszerből.

Elrendezés és panelek

Az elrendezés segít a megfelelő elhelyezésben és méretezésben. Ez része a prezentáció felhasználó számára történő összeállításának folyamatának. A WPF keretrendszer megkönnyíti az elrendezési folyamatot, és jobb alkalmazkodóképességet kínál a felhasználói felület megjelenéséhez.

Az elrendezési infrastruktúrát különböző osztályok kínálják: 1) StackPanel 2) DockPanel 3) WrapPanel 4) Grid és 5) Canvas

Grafika

A WPF továbbfejlesztett grafikus rendszert biztosít, mint pl

  • A WPF eszközfüggetlen egységeket használ, lehetővé téve a felbontást és az eszközfüggetlenséget. Ezért minden eszközfüggetlen pixel automatikusan méreteződik a pont/hüvelyk beállítási rendszerrel
  • A WPF dupla színt használ a float helyett, és szélesebb színválasztékot támogat
  • A WPF grafikus motort úgy tervezték meg, hogy ki tudja használni a grafikus hardver előnyeit, ha rendelkezésre áll

Dokumentumok és nyomtatás

A WPF keretrendszer háromféle dokumentumot kínál:

  • Rögzített dokumentumok: Ez a típusú dokumentum támogatja a WY-tSIWYG bemutató.
  • Folyamatos dokumentumok: Lehetővé teszi a tartalom beállítását és újratördelését a futásidejű változók, például az ablakméret és az eszközfelbontás alapján.
  • XPS dokumentumok: Ez az elektronikus papír lapszámozott ábrázolása XML-alapú formátumban. Az XPS egy nyílt forráskódú és többplatformos dokumentumformátum.

A WPF jobb vezérlést tesz lehetővé a nyomtatórendszer felett. Ez magában foglalja a távoli nyomtatást és a sorokat. Ezenkívül az XPS-dokumentumok közvetlenül nyomtathatók anélkül, hogy azokat nyomtatási formátumba konvertálnák.

WPF Architectúra

A WPF a .NET keretrendszer része. Felügyelt és nem felügyelt kódot is tartalmaz. A WPF architektúra fontos összetevőit az alábbi ábra mutatja be:

WPF Architectúra
WPF Architectúra

A WPF architektúra összetevői

  • PresentationFramework: Segít olyan legfelső szintű elemek létrehozásában, mint a vezérlők, stílusok, elrendezés, ablakok stb.
  • PresentationCore: Olyan alaptípusokat tartalmaz, mint az UIElement, a Visual from all Controls és az alakzatok a PresentationFramework.dll fájlból származnak.
  • CLR: Hatékonyabbá teszi a fejlesztési folyamatot azáltal, hogy olyan funkciókat kínál, mint pl memóriakezelés, hibakezelés stb.
  • Milcore: A Milcore a nem menedzselt kód része, amely szoros integrációt kínál a DirectX-szel.
  • DirectX: Ez az alacsony szintű API, amely lehetővé teszi a WPF grafikájának megjelenítését. A DirectX-beszélgetések kölcsönhatásba lépnek az illesztőprogramokkal, és megjelenítik a tartalmat.
  • Felhasználó32: Ez egy alapvető API, amelyet számos program széles körben használ. Kezeli a memória és a folyamatok szétválasztását. A User32 segít eldönteni, hogy melyik elem hova kerüljön a képernyőn.
  • kernel: A bemenet jelként származik egy kernel módú eszközillesztőről, és a megfelelő folyamathoz, valamint a Windows kernel és User32.

WPF telepítés

A WPF telepítéséhez tekintse meg ezt a hivatkozást https://www.guru99.com/download-install-visual-studio.html

A következő WPF alkalmazás oktatóanyagában elkészítjük az első WPF-ünket.

Hogyan lehet létrehozni az első WPF alkalmazást?

Ebben a WPF példában egy alapvető WPF alkalmazást fogunk fejleszteni. Tehát kezdjük az egyszerű megvalósítást az alábbi WPF-alkalmazási példákban megadott lépések követésével.

Step 1) A Visual Studióban lépjen a Fájl > Projekt menüpontra

Hozd létre az első WPF-alkalmazásodat

Step 2) Az új projekt ablakban

  1. Válassza a WPF alkalmazást
  2. Írja be a nevet „MyWPF”-ként
  3. kattintson az OK gombra

Hozd létre az első WPF-alkalmazásodat

Step 3) A Visual Studio alapértelmezés szerint két fájlt hoz létre

  • XAML fájl (MainWindow.xaml)
  • CS-fájl (MainWindow.xaml.cs)

Hozd létre az első WPF-alkalmazásodat

A MainWindow.xaml rendelkezik

  1. Tervező ablak
  2. XAML fájl

Hozd létre az első WPF-alkalmazásodat

Az XAML ablakokban a következő címkék vannak beírva alapértelmezettként

Hozd létre az első WPF-alkalmazásodat

Alapértelmezés szerint a rács az első elem.

A MainWindow.xaml.cs tartalmazza a megfelelő kódot az XAML tervezőfájl mögött

Hozd létre az első WPF-alkalmazásodat

Step 4) Az eszköztárban,

  1. Szöveg húzásaBox elemet a tervezőablakba
  2. Egy szövegBox megjelenik a tervezőablakban
  3. Látni fogja a szöveg XAML kódjátBox hozzáadott

Hozd létre az első WPF-alkalmazásodat

Step 5) Módosítsa a szöveget „First WPF Program” szövegre.

Hozd létre az első WPF-alkalmazásodat

Step 6) Kattintson a Start gombra

Hozd létre az első WPF-alkalmazásodat

Step 7) A kimenetnél egy ablakot fog látni

Hozd létre az első WPF-alkalmazásodat

Gratulálunk! Megtervezte és létrehozta első WPF alkalmazását. A következő WPF kezdőknek oktatóanyagban látni fogjuk a különbséget a WPF és a WinForms között.

WPF vs. WinForms

WPF WinForms
Ez egy újabb keretrendszer, így jobban illeszkedik a jelenlegi szabványokhoz. Régebbi, ezért jobban bevált.
Rugalmas és funkciókban gazdag. Nagyon gazdag alkalmazásokat tervezhet kódolás vagy vezérlők vásárlása nélkül. Nem annyira funkciókban gazdag
3 fejlesztőird a pártok vezérlése a WPF-fel való kompatibilitásra összpontosít, mivel ez a jövő. Számos harmadik féltől származó vezérlő található, amelyeket ingyenesen vásárolhat vagy szerezhet be.
A XAML lehetővé teszi a grafikus felhasználói felület egyszerű létrehozását és szerkesztését. Lehetővé teszi a munka megosztását tervező (XAML) és programozó (C#, ASP.net stb.) között. In Windows Az összes kódot egy helyre írja.
A WPF mindkettőhöz képes felhasználói felületet létrehozni Windows alkalmazások és webalkalmazások, például a Silverlight és az XBAP. Nincs ilyen támogatás
A WPF beépített vezérlőkészlete korlátozott A beépített vezérlők nagyon hatékonyak

WPF-el épített alkalmazások típusai

  • A WPF megpróbálja lecserélni a webes űrlapokat és a Windows űrlapokat – az alkalmazások böngészőben vagy önálló ablakban is futtathatók
  • Windows Az űrlapok és a WPF-oldalak együtt létezhetnek ugyanabban az alkalmazásban
  • Oldal/ablak alkalmazásokat fejleszthet

Gyors útmutató

  • A WPF teljes formája Windows Bemutatás Foundation
  • Ideális platform, ha különféle médiatípusokkal kell foglalkoznia
  • Windows Az 1.0 volt az első grafikus felhasználói felület Microsoft amely DOS-on dolgozott, és a GDI és USER rendszerekre támaszkodott
  • A .NET-ben található WPF együttműködési lehetőséget kínál a következőkkel Windows Űrlapvezérlők
  • A WPF négy különböző típusra oszlik, például UIElement, FrameworkElement ContentElement és FrameworkContentElement
  • A WPF architektúra egy részének legfontosabb összetevői a PresentationFramework, a PresentationCore, a CLR, a Milcore, a DirectX, a User32 és a Kernel
  • A WPF egy újabb keretrendszer, amely összehasonlítja a WinForms-ot, így jobban illeszkedik a jelenlegi szabványokhoz
  • Windows Az űrlapok és a WPF-oldalak együtt létezhetnek ugyanabban az alkalmazásban