Udostępnij za pośrednictwem


kontrolki interfejsu użytkownika systemu watchOS na platformie Xamarin

Przykład WatchKitCatalog demonstruje różne kontrolki systemu watchOS. Scenorys aplikacji jest pokazany tutaj (kliknij, aby powiększyć):

Przykładowy układ systemu watchOS

Nazwy programowe wszystkich kontrolek mają prefiks WKInterface (np. WKInterfaceLabel, WKInterfaceButton).

Kontrolka opis Zrzut ekranu
Etykieta Użyj SetText funkcji i innych właściwości, aby kontrolować wygląd tekstu w kontrolce etykiety. NSAttributedString jest również obsługiwany.
Kod wykazu
Zrzut ekranu etykiety
Przycisk Tworzenie i ustawianie właściwości w scenorysie. Ctrl+przeciągnij, aby dodać element Action w celu zaimplementowania procedury obsługi po jej kliknięciu.
Kod wykazu
Zrzut ekranu przycisku
Switch Służy SetOn do kontrolowania stanu przełącznika.
Kod wykazu
Przełącz zrzut ekranu
Suwak Istnieje wiele różnych stylów.
Kod wykazu
Zrzut ekranu suwaka
Obraz Służy myImage.SetImage("MyWatchImage") do ładowania obrazów na zegarku lub WKInterfaceDevice.CurrentDevice.AddCachedImage buforowania ich w celu wielokrotnego użycia w zegarku.
Dokumentacja kontrolki obrazu
Kod wykazu
Zrzut ekranu przedstawiający obraz
Separator Użyj separatorów, aby ułatwić tworzenie atrakcyjnych interfejsów użytkownika zegarka.
Kod wykazu
Zrzut ekranu separatora
Mapowanie Obraz mapy jest statycznie wyświetlany na zegarku, ale można kontrolować wiele aspektów jego wyglądu, w tym dodawać pinezki.
Kod wykazu
Zrzut ekranu mapy
Film i inlineMove Filmy mogą być otwierane samodzielnie lub wbudowane
Kod wykazu
Zrzut ekranu filmu
Grupuj Użyj grup, aby ułatwić tworzenie atrakcyjnych interfejsów użytkownika zegarka.
Kod wykazu
Zrzut ekranu grupy
Table Uproszczona wersja tabel w systemie iOS. Zaimplementuj DidSelectRow odpowiedź na wybór użytkownika (lub użyj segue).
Dokumentacja kontrolki tabeli
Kod wykazu
Zrzut ekranu tabeli
Urządzenie WKInterfaceDevice.CurrentDevice zawiera właściwości, takie jak ScreenBounds, ScreenScalei PreferredContentSizeCategory.
Kod wykazu
Zrzut ekranu urządzenia
Menu Zdefiniuj menu wymuszania naciśnięcia w scenorysie i zaimplementuj akcje dla każdego przycisku w kodzie.
Dokumentacja kontrolki menu (Force Touch)
Kod wykazu
Zrzut ekranu menu
Wprowadzanie tekstu Użyj PresentTextInputController polecenia i WKTextInputMode wyliczenie.
Dokumentacja wprowadzania tekstu
Kod wykazu
Zrzut ekranu przedstawiający wprowadzanie tekstu
Korona cyfrowa Digital Crown może służyć do napędzania selektora lub można go śledzić w kodzie.
Kod wykazu
Zrzut ekranu przedstawiający koronę cyfrową
Gestów Istnieją cztery typy rozpoznawania gestów, które można dodać do sceny: Tap, Swipe, Pan i LongPress.
Kod wykazu
Zrzut ekranu gestów