WatchOS – ovládací prvky uživatelského rozhraní v Xamarinu

Ukázka WatchKitCatalog ukazuje různé ovládací prvky watchOS. Scénář aplikace se zobrazí zde (kliknutím můžete zvětšit):

Ukázkové rozložení watchOS

Programové názvy všech ovládacích prvků mají předponu WKInterface (např. WKInterfaceLabel, WKInterfaceButton).

Control Popis Snímek obrazovky
Popisek Použití SetText a další vlastnosti k řízení vzhledu textu v ovládacím prvku popisku NSAttributedString podporuje se také.
Kód katalogu
Snímek obrazovky s popiskem
Tlačítko Vytvořte a nastavte vlastnosti ve scénáři. Ctrl+přetažením přidáte obslužnou rutinu Action pro implementaci obslužné rutiny, když na ni kliknete.
Kód katalogu
Snímek obrazovky s tlačítkem
Přepínač Slouží SetOn k řízení stavu přepínače.
Kód katalogu
Přepnout snímek obrazovky
Posuvník Je možné použít mnoho různých stylů.
Kód katalogu
Snímek obrazovky posuvníku
Image Slouží myImage.SetImage("MyWatchImage") k načtení obrázků na hodinkách nebo WKInterfaceDevice.CurrentDevice.AddCachedImage k jejich ukládání do mezipaměti pro opakované použití na hodinkách.
Dokumentace ke správě obrázků
Kód katalogu
Snímek obrazovky s obrázkem
Oddělovač Pomocí oddělovačů můžete vytvořit atraktivní uživatelské rozhraní kukátku.
Kód katalogu
Snímek obrazovky s oddělovačem
Mapovat Obrázek mapy se na hodinkách zobrazuje staticky, ale můžete řídit mnoho aspektů jejího vzhledu, včetně přidání špendlíků.
Kód katalogu
Snímek obrazovky mapy
Film a inlinemove Filmy se můžou otevírat samostatně nebo v textu.
Kód katalogu
Snímek obrazovky s filmem
Seskupit Pomocí skupin můžete vytvářet atraktivní uživatelské rozhraní pro kukátku.
Kód katalogu
Snímek obrazovky skupiny
Table Zjednodušená verze tabulek v iOSu Implementujte DidSelectRow odpověď na výběr uživatele (nebo použijte segue).
Dokumentace k ovládacím prvkům tabulky
Kód katalogu
Snímek obrazovky tabulky
Zařízení WKInterfaceDevice.CurrentDevice zahrnuje vlastnosti, jako ScreenBoundsjsou , ScreenScalea PreferredContentSizeCategory.
Kód katalogu
Snímek obrazovky zařízení
Nabídka Definujte nabídku vynuceného stisknutí ve scénáři a implementujte akce pro každé tlačítko v kódu.
Dokumentace k ovládacímu prvku nabídky (Force Touch)
Kód katalogu
Snímek obrazovky nabídky
Zadávání textu Použití PresentTextInputController a WKTextInputMode výčet.
Dokumentace ke zadávání textu
Kód katalogu
Snímek obrazovky s textovým vstupem
Digital Crown Digitální korunu lze použít k řízení výběru nebo ke sledování otočení v kódu.
Kód katalogu
Snímek obrazovky s digitální korunou
Gesta Existují čtyři typy rozpoznávání gest, které lze přidat do scény: Klepnutí, Potáhnutí prstem, Posouvání a LongPress.
Kód katalogu
Snímek obrazovky s gesty