Sdílet prostřednictvím

Pokyny pro dotykové prvky

Všechny interaktivní prvky uživatelského rozhraní ve vaší aplikaci pro Windows musí být dostatečně velké, aby uživatelé mohli přesně přistupovat 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 UPW 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

Standardní velikost Fluent

Fluent Standardní velikost byla vytvořena k vyvážení hustoty informací a uživatelského komfortu. Všechny položky na obrazovce se efektivně zarovnají k cíli 40 × 40 efektivních pixelů (epx), což umožňuje prvkům uživatelského rozhraní zarovnat mřížku a odpovídajícím způsobem škálovat na základě měřítka na úrovni systému.

Poznámka:

Další informace o efektivních pixelech a škálování najdete v tématu Velikosti obrazovky a zarážky

Další informace o škálování na úrovni systému naleznete v části Zarovnání, okraj, odsazení.

Fluent Compact – změna velikosti

Aplikace mohou zobrazovat vyšší úroveň hustoty informací díky velikosti Fluent Compact. Kompaktní nastavení velikosti zarovná prvky uživatelského rozhraní na cíl 32x32 epx, což umožňuje prvkům uživatelského rozhraní zarovnat do přísnější mřížky a odpovídajícím způsobem měnit měřítko podle škálování na úrovni systému.

Examples

Kompaktní velikost lze použít na úrovni stránky nebo mřížky.

Úroveň stránky

<Page.Resources>
    <ResourceDictionary Source="ms-appx:///Microsoft.UI.Xaml/DensityStyles/Compact.xaml" />
</Page.Resources>

Úroveň mřížky

<Grid>
    <Grid.Resources>
        <ResourceDictionary Source="ms-appx:///Microsoft.UI.Xaml/DensityStyles/Compact.xaml" />
    </Grid.Resources>
</Grid>

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 UWP obvykle odpovídají cíli dotykového ovládání o velikosti 7,5 mm (to se může lišit v závislosti na konkrétním ovládacím prvku a všech běžných vzorcích 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

  • Last updated on