A vezérlők a Windows alkalmazást alkotó felhasználói felületi elemek – gombok, szövegmezők, listák, választók stb. Egy vezérlő megjeleníti a tartalmat, vagy lehetővé teszi a felhasználók számára az alkalmazással való interakciót. A minta több vezérlőt kombinál egy újrafelhasználható receptbe olyan gyakori forgatókönyvek esetében, mint az űrlapok vagy a listarészletes elrendezések.
Windows több mint 45 használatra kész vezérlőt biztosít, amelyek mindegyike a Fluent tervezőrendszerre épül. Az egyszerű kapcsolóktól a gazdag adatnézetekig( például rács- és listanézetekig) ezek a vezérlők segítenek vizuálisan polírozott, akadálymentes és rugalmas felületeket létrehozni az eszközökön.
Az ebben a szakaszban található cikkekben útmutatást, kódmintákat és ajánlott eljárásokat találhat az egyes vezérlőkhöz és mintákhoz.
Első lépések
Ha tudni szeretné, hogyan adhat hozzá vezérlőket az alkalmazáshoz, és hogyan kapcsolhatja be az eseménykezelőket, olvassa el a Vezérlők hozzáadása és az események kezelése című témakört. A vezérlők megjelenésének újrafelhasználható XAML-stílusokkal való testreszabásához tekintse meg a stílusvezérlőket.
Vezérlők
Az alábbi táblázat a WinUI-ban elérhető Windows alkalmazásvezérlőket sorolja fel a dokumentációjukra mutató hivatkozásokkal.
| Image |
Vezérlő |
Leírás |
|
Buttons |
Egy vezérlő, amely válaszol a felhasználói bemenetre, és kattintási eseményt hoz létre. Tartalmazza a gombot, a legördülő gombot, a felosztás gombot, a váltógombot és egyebeket. |
|
Jelölőnégyzetek |
Egy vezérlőelem, amelyet a felhasználó kijelölhet vagy törölhet. |
|
Kombinált lista |
A felhasználók által kiválasztható elemek legördülő listája. |
|
Hivatkozások |
Hivatkozásszövegként megjelenő gomb, amely navigálhat egy URI-ra, vagy kezelheti a Kattintás eseményt. |
|
választógombok |
Egy vezérlő, amely lehetővé teszi, hogy a felhasználó egyetlen lehetőséget válasszon a lehetőségek egy csoportjából. |
|
Minősítés-vezérlés |
Értékeljen valamit 1-től 5 csillagig. |
|
Csúszkák |
Egy vezérlő, amely lehetővé teszi a felhasználó számára, hogy válasszon egy értéktartományból úgy, hogy egy ujjlenyomat-vezérlőt mozgat egy sáv mentén. |
|
Kapcsolókapcsolók |
Egy kapcsoló, amely 2 állapot között váltható. |
Gyűjtemények
| Image |
Vezérlő |
Leírás |
|
Elemek megtekintése |
Egy vezérlőelem, amely különböző elrendezéseket használó elemek gyűjteményét mutatja be. |
|
Listanézet és rácsnézet |
A függőleges listában vagy sorokban és oszlopokban lévő elemek gyűjteményét bemutató vezérlők. |
|
Nézet tükrözése |
A felhasználó által lapozható elemek gyűjteményét jeleníti meg, ahol egyszerre csak egy elem látható. |
|
Pips pager |
Egy vezérlő, amely lehetővé teszi a felhasználó számára, hogy navigáljon egy laponkénti gyűjteményen, ha az oldalszámok vizuális megjelenítése nem szükséges. |
|
Fa nézet |
Hierarchikus listaminta beágyazott elemeket tartalmazó csomópontok kibontásával és összecsukásával. |
|
Elemek ismétlője |
Rugalmas, primitív vezérlő az adatvezérelt elrendezésekhez. |
|
Ellop |
Érintéses kézmozdulat az elemek gyors menüműveleteihez. |
|
Húzással frissít |
Lehetővé teszi, hogy lekérje egy lista/rács elemeinek gyűjteményét a gyűjtemény tartalmának frissítéséhez. |
Párbeszédpanelek és lenyíló menük
| Image |
Vezérlő |
Leírás |
|
Párbeszéd |
Olyan párbeszédpanel, amely testre szabható úgy, hogy bármilyen XAML-tartalmat tartalmazzon. |
|
Úszó panelek |
Környezeti információkat jelenít meg, és lehetővé teszi a felhasználói interakciót. |
|
Oktatási tipp |
Tartalomban gazdag lemellás a felhasználók irányításához és az oktatási pillanatok lehetővé tételéhez. |
| Image |
Vezérlő |
Leírás |
|
Űrlapok |
A felhasználói bemenetek bemeneti vezérlők és címkék kombinációjával történő gyűjtésének és elküldésének mintája. |
| Image |
Vezérlő |
Leírás |
|
ikonok |
Különböző képtípusokat tartalomként használó ikonvezérlőket jelöl. |
|
Animált ikonok |
Olyan elem, amely egy ikont jelenít meg és vezérel, amely animál, amikor a felhasználó interakcióba lép a vezérlővel. |
|
képek és képkefék |
A képtartalom megjelenítésére szolgáló vezérlő. |
|
Tinta |
A digitális rajzolás vezérlői, beleértve a rajzvászont és a rajzeszköztárat. |
|
Médialejátszás |
A videó- és képtartalmak megjelenítésére szolgáló vezérlő. |
|
Alakzatok |
Rajzoljon alakzatokat, például ellipsziseket, téglalapot és sokszöget. |
| Image |
Vezérlő |
Leírás |
|
Menük és helyi menük |
Egyszerű parancsok vagy beállítások környezeti listáját jeleníti meg. |
|
Parancssáv |
Eszköztár az alkalmazásspecifikus parancsok megjelenítéséhez, amelyek kezelik a tartalom elrendezését és átméretezését. |
|
parancssáv felugró |
A proaktív parancsokat megjelenítő minipult és a parancsok választható menüje. |
|
Legördülő menü és menüsáv |
Klasszikus menü, amely lehetővé teszi a MenuFlyoutItem-eket tartalmazó MenuItemek megjelenítését. |
Navigáció
| Image |
Vezérlő |
Leírás |
|
Breadcrumb bar |
Az aktuális helyre tett navigáció nyomvonalát jeleníti meg. |
|
Lista/részletek |
Egy minta, amely megjeleníti az elemek listáját az aktuálisan kijelölt elem részletei mellett. |
|
Navigációs nézet |
Az alkalmazás felső szintű területeinek gyakori függőleges elrendezése egy összecsukható navigációs menün keresztül. |
|
Főtámasz |
Többlapos nézetben különböző forrásokból származó információkat jelenít meg. |
|
Választósáv |
Különböző forrásokból származó információkat jelenít meg. A felhasználó választhat egyet közülük. |
|
Tab nézet |
Egy vezérlőelem, amely több dokumentum megjelenítésére használható lapgyűjteményt jelenít meg. |
Személyek
| Image |
Vezérlő |
Leírás |
|
Személy képe |
Megjeleníti egy személy/partner képét. |
Pickers
| Image |
Vezérlő |
Leírás |
|
Színválasztó |
Választható színspektrumot megjelenítő vezérlőelem. |
|
Naptárdátumválasztó |
Egy vezérlőelem, amellyel a felhasználók dátumértéket választhatnak naptár használatával. |
|
Naptár nézet |
Egy vezérlőelem, amely egy felhasználó naptárát jeleníti meg, amelyből dátumot választhat. |
|
Dátumválasztó |
Egy vezérlő, amely lehetővé teszi a felhasználó számára a dátumérték kiválasztását. |
|
Időválasztó |
Konfigurálható vezérlő, amellyel a felhasználó kiválaszthat egy időértéket. |
| Image |
Vezérlő |
Leírás |
|
Expander |
Olyan tároló, amelynek fejléce kibontható, hogy több tartalommal rendelkező törzs jelenjen meg. |
|
Görgetési és pásztázó vezérlők |
Tárolóvezérlő, amellyel a felhasználó pásztázhatja és nagyíthatja a tartalmát. |
|
Jelölt görgetősáv |
Egy vezérlő, amely kiterjeszti a normál függőleges görgetősáv funkcióit a nagy gyűjteményeken keresztüli könnyű navigáláshoz. |
|
Szemantikai nagyítás |
Lehetővé teszi, hogy a felhasználó nagyíthassa a gyűjtemény két különböző nézetét, így könnyebben navigálhat a nagyméretű elemgyűjteményekben. |
|
Osztott nézet |
Egy tároló, amely 2 tartalomterülettel rendelkezik, és több megjelenítési lehetőséggel rendelkezik a panelen. |
|
Kettőpaneles nézet |
Két tartalomterületet tartalmazó vezérlő, amely a rendelkezésre álló területet lefedi, egymás mellett vagy felülről lefelé. |
| Image |
Vezérlő |
Leírás |
|
Progress |
Az alkalmazás előrehaladását jeleníti meg egy tevékenységen egy folyamatjelző sáv vagy folyamatgyűrű használatával. |
|
elemleírás |
Egy előugró ablakban lévő elem adatait jeleníti meg. |
|
Információs sáv |
Beágyazott üzenet az alkalmazásszintű állapotváltozás adatainak megjelenítéséhez. |
|
Információs jelvény |
Nem tolakodó felhasználói felület, amely értesítéseket jelenít meg vagy fókuszba helyez egy területet. |
Szöveg
| Image |
Vezérlő |
Leírás |
|
automatikus javaslatmező |
A felhasználó által beírt javaslatok megadására szolgáló vezérlő. |
|
Szövegblokk |
Kis mennyiségű szöveg megjelenítésére szolgáló egyszerűsített vezérlő. |
|
Gazdag szövegblokk |
Formázott szöveget, hivatkozásokat, beágyazott képeket és egyéb gazdag tartalmakat megjelenítő vezérlőelem. |
|
Szövegmező |
Egysoros vagy többsoros egyszerű szöveges mező. |
|
Gazdag szövegmező |
Rich Text szerkesztési vezérlő, amely támogatja a formázott szöveget, a hivatkozásokat és az egyéb gazdag tartalmakat. |
|
Jelszó mező |
Jelszó beírására szolgáló vezérlő. |
|
Szám mező |
Az algebrai egyenletek numerikus bemenetére és kiértékelésére használt szövegvezérlő. |
|
Címkék |
Útmutató akadálymentes címkék beviteli vezérlőkhöz való hozzáadásához. |
Címsor
| Image |
Vezérlő |
Leírás |
|
Címsor |
Az alkalmazásablak címsorának testreszabása. |
WinUI 3 katalógus
A WinUI 3 Gallery alkalmazás a legjobb módja ezeknek a vezérlőknek a megismerésére. Interaktív bemutatókat biztosít a legtöbb WinUI-vezérlőről, funkcióról és Fluent Design-mintáról, így ideális társként szolgál ehhez a dokumentációhoz. A vezérlők valós idejű kipróbálásához és közvetlenül az egyes vezérlőoldalakról való csatoláshoz telepítse.
További vezérlők és erőforrások
A Windows Közösségi eszközkészlet a beépített WinUI-vezérlőket kiegészítő segítők, bővítmények és további felhasználói felületi vezérlők gyűjteménye. A Microsoft által közösségileg támogatott és karbantartott, és lefedi az olyan gyakori forgatókönyveket, mint a speciális elrendezések, átalakítók és animációk.
A kísérleti vezérlőkhöz és funkciókhoz való korai hozzáférésért tekintse meg Windows Community Toolkit Labs, ahol az új összetevőket a fő eszközkészlet elvégzése előtt fejlesztik és tesztelik.