Výběr textu a obrázků

Tento článek popisuje výběr a manipulaci s textem, obrázky a ovládacími prvky a poskytuje pokyny pro uživatelské prostředí, které byste měli zvážit při používání těchto mechanismů ve vašich aplikacích.

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

Co dělat a co nedělat

• Při implementaci vlastního uživatelského rozhraní úchytu používejte glyfy písma. Úchyt je kombinace dvou písem uživatelského rozhraní Segoe, která jsou dostupná v celém systému. Použití prostředků písem zjednodušuje problémy s vykreslováním při různých dpi a dobře funguje s různými úrovněmi škálování uživatelského rozhraní. Při implementaci vlastních úchytů by měly sdílet následující vlastnosti uživatelského rozhraní:

  • Kruhový obrazec
  • Viditelné na jakémkoli pozadí
  • Konzistentní velikost

• Zadejte okraj kolem vybraného obsahu pro přizpůsobení uživatelského rozhraní úchytu. Pokud vaše aplikace umožňuje výběr textu v oblasti, která se neposunuje/nescrolluje, povolte okraj úchytu 1/2 na levé a pravé straně oblasti textu a výšku úchytu na 1 na horní a dolní straně oblasti textu (jak je znázorněno na následujících obrázcích). Tím je zajištěno, že se uživateli zobrazí celé rozhraní uchopení a minimalizuje nezamýšlené interakce s jiným rozhraním založeným na okrajích.

  

• Skryjte uživatelské rozhraní úchytů během interakce. Eliminuje okluzi úchyty během interakce. To je užitečné, když úchyt není prstem úplně zakrytý nebo když existuje několik úchytů pro výběr textu. Tím se eliminují vizuální artefakty při zobrazování podřízených oken.

• Nepovolujte výběr prvků uživatelského rozhraní, jako jsou ovládací prvky, popisky, obrázky, proprietární obsah atd. Aplikace pro Windows obvykle umožňují výběr pouze v rámci konkrétních ovládacích prvků. Ovládací prvky, jako jsou tlačítka, popisky a loga, se nedají vybrat. Vyhodnoťte, jestli je výběr pro vaši aplikaci problém, a pokud ano, identifikujte oblasti uživatelského rozhraní, ve kterých se má výběr zakázat.

Další pokyny k použití

Výběr textu a manipulace s nimi je obzvláště náchylný k problémům s uživatelskými zkušenostmi, které přináší dotykové interakce. Vstup myši, pera/tužky a klávesnice je velmi podrobný: kliknutí myší nebo kontakt pera/tužky se obvykle mapuje na jeden pixel a klávesa je stisknutá nebo ne. Dotykový vstup není granulární; Je obtížné mapovat celý povrch přesně na konkrétní x-y pozici na obrazovce, aby bylo možné přesně umístit textový kurzor.

Důležité informace a doporučení

Pomocí integrovaných ovládacích prvků vystavených prostřednictvím jazykových architektur ve Windows můžete vytvářet aplikace, které poskytují kompletní prostředí interakce uživatelů platformy, včetně chování při výběru a manipulaci. Funkčnost interakce integrovaných ovládacích prvků vám pro většinu aplikací pro Windows bude dostačující.

Při použití standardních ovládacích prvků textu systému Windows nelze přizpůsobit chování výběru a vizuály popsané v tomto tématu.

Výběr textu

Pokud vaše aplikace vyžaduje vlastní uživatelské rozhraní, které podporuje výběr textu, doporučujeme postupovat podle zde popsaných chování při výběru Windows.

Upravitelný a neupravitelný obsah

Díky dotykovému ovládání se interakce výběru provádějí především gesty, jako je třeba klepnutí k nastavení kurzoru nebo výběru slova, a posunutí pro úpravu výběru. Stejně jako u jiných interakcí s dotykovým ovládáním Windows jsou časové interakce omezené na gesto stisknutí a podržení pro zobrazení informačního uživatelského rozhraní. Další informace najdete v tématu Pokyny pro vizuální zpětnou vazbu.

Systém Windows rozpozná dva možné stavy pro interakce výběru, upravitelné a neupravitelné a odpovídajícím způsobem upraví uživatelské rozhraní pro výběr, zpětnou vazbu a funkčnost.

Upravitelný obsah

Klepnutím v rámci levé poloviny slova umístíte kurzor hned vlevo od slova, zatímco klepnutím v rámci pravé poloviny umístíte kurzor hned za slovo.

Následující obrázek ukazuje, jak nastavit počáteční vložení kurzoru pomocí úchytu poklepáním blízko začátku nebo konce slova.

Následující obrázek ukazuje, jak upravit výběr přetažením úchytu.

Následující obrázky ukazují, jak vyvolat místní nabídku klepnutím na výběr nebo na úchyt (můžete také použít stisk a podržení).

Poznámka Tyto interakce se poněkud liší v případě chybně napsaného slova. Když klepnete na slovo, které je označené jako chybně napsané, zvýrazní se celé slovo a vyvolá se navrhovaná místní nabídka pravopisu.

 

Needitovatelný obsah

Následující obrázek ukazuje, jak vybrat slovo klepnutím na slovo (do počátečního výběru nejsou zahrnuty žádné mezery).

Upravte výběr a zobrazte kontextovou nabídku stejným způsobem, jako je tomu u upravitelného textu.

Manipulace s objekty

Pokud je to možné, při implementaci vlastní manipulace s objekty v aplikaci pro Windows používejte stejné (nebo podobné) prostředky úchytu jako výběr textu. To pomáhá poskytovat konzistentní prostředí pro interakci napříč platformou.

Například úchyty lze použít také v aplikacích pro zpracování obrázků, které podporují změnu velikosti a oříznutí nebo aplikace přehrávače médií, které poskytují nastavitelné indikátory průběhu, jak je znázorněno na následujících obrázcích.

Přehrávač médií s nastavitelnou indikátorem průběhu.

Editor obrázků s ořezovými úchyty

Související články

Pro vývojáře

• Vlastní interakce uživatelů

Samples

• Základní vstupní vzorek
• Ukázka vstupu s nízkou latencí
• Ukázka režimu interakce uživatele
• Ukázka vizuálů Focus

Archivní ukázky

• Vstup: Ukázka událostí uživatelského vstupu XAML

• Vstup: Ukázka schopností zařízení

• Vstup: Ukázka testování dotykového ovládání

• Ukázkový příklad posouvání, posunu a přiblížení v XAML

• Vstup: Zjednodušená ukázka rukopisu

• Vstup: Ukázka manipulace a gest

• Ukázka vstupu dotykového ovládání DirectX