Megosztás a következőn keresztül:

Egér-interakciók

Optimalizálja a Windows app kialakítását az érintéses bevitelhez, és alapértelmezés szerint alapszintű egértámogatást kapjon. 

Az egér bemenete a legjobban olyan felhasználói műveletekhez ideális, amelyek pontosságot igényelnek a rámutatáskor és kattintáskor. Ezt az eredendő pontosságot természetesen támogatja a Windows felhasználói felülete, amely az érintés pontatlanságára van optimalizálva.

Az egér és az érintéses bevitel közötti különbség abban rejlik, hogy az érintés jobban képes emulálni a felhasználói felület elemeinek közvetlen manipulálását, olyan fizikai gesztusokkal, mint a pöccintés, csúsztatás, húzás, forgatás stb. Az egérrel történő manipulációkhoz általában más felhasználói felületi eszközökre van szükség, például egy objektum átméretezéséhez vagy elforgatásához fogópontok használatával.

Ez a témakör az egérrel való interakciók tervezési szempontjait ismerteti.

A Windows egér nyelve

Az egér-interakciók tömör készlete következetesen használatos a rendszerben.

Időszak Description
Mutasson rá a tanuláshoz Vigye az egérmutatót egy elem fölé, hogy részletesebb információkat vagy oktató vizualizációkat (például elemleírásokat) jelenítsen meg anélkül, hogy elkötelezte magát a művelet mellett.
Bal gombbal az elsődleges művelethez Kattintson a bal gombbal egy elemre az elsődleges művelet meghívásához (például egy alkalmazás elindításához vagy egy parancs végrehajtásához).
Görgetés a nézet módosításához A görgetősávok megjelenítésével felfelé, lefelé, balra és jobbra mozoghat egy tartalomterületen belül. A felhasználók görgethetnek a görgetősávok vagy az egérkerék elforgatásával. A görgetősávok jelezhetik az aktuális nézet helyét a tartalomterületen belül (az érintéses pásztázás hasonló felhasználói felületet jelenít meg).
Kattintson a jobb gombbal a kijelöléshez és a parancshoz Kattintson a jobb gombbal a navigációs sáv (ha elérhető) és az alkalmazássáv globális parancsokkal való megjelenítéséhez. Kattintson a jobb gombbal egy elemre a kijelöléshez, és megjelenítse az alkalmazássávot a kijelölt elem környezetfüggő parancsaival.
Megjegyzés: A jobb gombbal kattintva megjelenítheti a helyi menüt, ha a kijelölés vagy az alkalmazássáv parancsai nem megfelelő felhasználói felületi viselkedést mutatnak. Javasoljuk azonban, hogy az alkalmazássávot használja az összes parancs viselkedéséhez.
Felhasználói felületi parancsok nagyításhoz Felhasználói felületi parancsok megjelenítése az alkalmazássávon (például + és -), vagy nyomja le a Ctrl billentyűt, és forgassa el az egérmutatót a nagyításhoz szükséges csippentési és nyújtásos kézmozdulatok emulálásához.
Elforgatható felhasználói felületi parancsok Felhasználói felületi parancsok megjelenítése az alkalmazássávon, vagy nyomja le a Ctrl+Shift billentyűkombinációt, és forgassa el az egérmutatót a forgatáshoz szükséges forgató kézmozdulat emulálásához. Az eszköz elforgatásával elforgathatja a teljes képernyőt.
Bal gombbal kattintva és húzással átrendezheti az alakzatot Az elem áthelyezéséhez kattintson a bal gombbal, és húzza az elemet.
A szöveg kijelöléséhez kattintson a bal gombbal, és húzza el a szöveget. Bal gombbal kattintson a kijelölhető szövegre, és húzza a kijelöléshez. Kattintson duplán egy szó kijelöléséhez.

Egérbemeneti események

A legtöbb egérbemenet az összes UIElement objektum által támogatott, gyakran irányított bemeneti eseményeken keresztül kezelhető. Ezek a következők:

Azonban a Windows.UI.Inputban a mutató, a kézmozdulat és a manipulációs események használatával kihasználhatja az egyes eszközök (például az egérkerék eseményei) adott képességeit.

Samples: Lásd a BasicInput mintát.

Vizuális visszajelzési irányelvek

  • Ha egeret észlel (mozgási vagy rámutatási eseményeken keresztül), mutasson egérspecifikus felhasználói felületre, hogy jelezze az elem által közzétett funkciókat. Ha az egér bizonyos ideig nem mozog, vagy ha a felhasználó érintéses interakciót kezdeményez, az egér felhasználói felülete fokozatosan elhalványul. Így a felhasználói felület tiszta és rendezett marad.
  • Ne használja a kurzort a visszacsatoláshoz, az elem által biztosított visszajelzés elegendő (lásd az alábbi kurzorokat).
  • Ne jelenítsen meg vizuális visszajelzést, ha egy elem nem támogatja az interakciót (például statikus szöveg).
  • Ne használjon fókusz téglalapokat egérrel való interakcióhoz. Tartsa fenn ezeket a billentyűzet-interakciókhoz.
  • Vizuális visszajelzés egyidejű megjelenítése az azonos bemeneti célt képviselő összes elemhez.
  • Adjon meg gombokat (például + és -) az érintésalapú manipulációk, például pásztázás, forgatás, nagyítás stb. emulálásához.

A vizuális visszajelzésekre vonatkozó általánosabb útmutatásért tekintse meg a vizuális visszajelzésekre vonatkozó irányelveket.

Cursors

Az egérmutatóhoz standard kurzorkészlet érhető el. Ezek egy elem elsődleges műveletének jelzésére szolgálnak.

Minden normál kurzorhoz tartozik egy megfelelő alapértelmezett kép. A felhasználó vagy az alkalmazás bármikor lecserélheti a normál kurzorhoz társított alapértelmezett képet. Adjon meg egy kurzorképet a PointerCursor függvényen keresztül.

Ha testre kell szabnia az egérmutatót:

  • A kattintható elemekhez mindig használja a nyílmutatót (nyílmutatót). ne használja a mutató kézi kurzort (mutató kézkurzor) hivatkozásokhoz vagy más interaktív elemekhez. Ehelyett használjon rámutatási effektusokat (korábban ismertetett).
  • A kijelölhető szöveghez használja a szövegkurzort.
  • Az áthelyezési kurzort (mozgató kurzort) akkor használja, ha az áthelyezés az elsődleges művelet (például húzás vagy körülvágás). Ne használja az áthelyezési kurzort azokhoz az elemekhez, ahol az elsődleges művelet a navigáció (például csempék indítása).
  • Ha egy objektum átméretezhető, használja a vízszintes, a függőleges és az átlós átméretező kurzort (függőleges átméretező kurzor, vízszintes átméretező kurzor, átlós átméretező kurzor (bal alsó, jobb felső), átlós átméretező kurzort (bal felső, jobb alsó)).
  • A rögzített vásznon (például térképen) lévő tartalmak pásztázásakor használja a fogó kézi kurzorokat (fogó kézi kurzor (nyitott), fogó kézi kurzor (zárt)).

Samples

  • Last updated on