Pokyny pro dotykové prvky

Všechny interaktivní prvky uživatelského rozhraní v aplikaci pro Windows musí být dostatečně velké, aby uživatelé mohli přesně access a používat bez ohledu na typ zařízení nebo metodu zadávání.

Podpora dotykového vstupu (a relativně nepřesné povahy oblasti dotykového kontaktu) vyžaduje další optimalizaci vzhledem k cílové velikosti a rozložení ovládacího prvku, protože větší, složitější sada vstupních dat hlášená dotykovou číslicí slouží k určení zamýšleného (nebo nejpravděpodobnějšího) cíle uživatele.

Všechny ovládací prvky WinUI byly navrženy s výchozími cílovými velikostmi a rozloženími pro dotykové ovládání, které umožňují vytvářet vizuálně vyvážené a atraktivní aplikace, které jsou pohodlné, snadno použitelné a inspirovat důvěru.

V tomto tématu popisujeme toto výchozí chování, abyste mohli navrhnout aplikaci tak, aby byla maximální použitelnost pomocí ovládacích prvků platformy i vlastních ovládacích prvků (pokud je vaše aplikace vyžaduje).

Důležitá rozhraní API: Windows.UI.Core, Windows.UI.Input, Windows.UI.Xaml.Input

Cílová velikost

Obecně platí, že velikost cílové dotykové plochy by měla být 7,5 mm čtverec o rozměru (40 × 40 pixelů na displeji s hustotou 135 PPI při zvětšení 1,0x). Ovládací prvky WinUI obvykle odpovídají cíli dotykového ovládání 7,5mm (to se může lišit podle konkrétního ovládacího prvku a jakýchkoli běžných vzorů použití). Další podrobnosti najdete v tématu Velikost a hustota ovládacího prvku .

Tato doporučení pro cílovou velikost se dají podle potřeby upravit podle vašeho konkrétního scénáře. Zde je několik věcí, které je třeba zvážit:

  • Frekvence dotyků - zvažte zvětšení tlačítek, která jsou opakovaně nebo často stisknuta, nad minimální velikost.
  • Výsledek chyby – cíle, které mají závažné důsledky při chybném dotyku, by měly mít větší odsazení a měly by být umístěny dále od okraje oblasti obsahu. To platí zejména pro cíle, které jsou často dotčeny.
  • Umístění v obsahové oblasti
  • Formát a velikost obrazovky
  • Stav prstu.
  • Dotykové vizualizace

Samples

Archivní ukázky

  • ukázka dotykového vstupu DirectX
  • Last updated on