Bagikan melalui


Kontrol Antarmuka Pengguna watchOS di Xamarin

Sampel WatchKitCatalog menunjukkan berbagai kontrol watchOS. Papan cerita aplikasi ditampilkan di sini (klik untuk memperbesar tampilan):

Contoh tata letak watchOS

Nama terprogram dari semua kontrol diawali dengan WKInterface (misalnya. WKInterfaceLabel, WKInterfaceButton).

Menguasai Deskripsi Cuplikan layar
Label Gunakan SetText dan properti lainnya untuk mengontrol tampilan teks dalam kontrol label. NSAttributedString juga didukung.
Kode katalog
Cuplikan layar label
Tombol Buat dan atur properti di papan cerita. Ctrl+seret untuk menambahkan Action untuk mengimplementasikan handler saat diklik.
Kode katalog
Cuplikan layar tombol
Sakelar Gunakan SetOn untuk mengontrol status pengalihan.
Kode katalog
Beralih cuplikan layar
Penggeser Banyak gaya yang berbeda dimungkinkan.
Kode katalog
Cuplikan layar penggerak
Gambar Gunakan myImage.SetImage("MyWatchImage") untuk memuat gambar di jam tangan, atau WKInterfaceDevice.CurrentDevice.AddCachedImage untuk menyimpannya untuk penggunaan berulang pada jam tangan.
Dokumentasi Kontrol Gambar
Kode katalog
Cuplikan layar gambar
Pemisah Gunakan pemisah untuk membantu membuat UI jam tangan yang menarik.
Kode katalog
Cuplikan layar pemisah
Peta Gambar peta ditampilkan secara statis pada jam tangan tetapi Anda dapat mengontrol banyak aspek tampilannya, termasuk menambahkan pin.
Kode katalog
Cuplikan layar peta
Film & InlineMove Film dapat dibuka sendiri, atau sebaris
Kode katalog
Cuplikan layar film
Grupkan Gunakan grup untuk membantu membuat UI jam tangan yang menarik.
Kode katalog
Cuplikan layar grup
Tabel Versi tabel yang disederhanakan di iOS. Terapkan DidSelectRow untuk menanggapi pilihan pengguna (atau menggunakan segue).
Dokumentasi Kontrol Tabel
Kode katalog
Cuplikan layar tabel
Perangkat WKInterfaceDevice.CurrentDevice termasuk properti seperti ScreenBounds, ScreenScale, dan PreferredContentSizeCategory.
Kode katalog
Cuplikan layar perangkat
Menu Tentukan menu tekan paksa di papan cerita dan terapkan tindakan untuk setiap tombol dalam kode.
Dokumentasi Kontrol Menu (Force Touch)
Kode katalog
Cuplikan layar menu
Input Teks Gunakan PresentTextInputController dan WKTextInputMode enumerasi.
Dokumentasi Input Teks
Kode katalog
Cuplikan layar input teks
Digital Crown Digital Crown dapat digunakan untuk mendorong pemilih, atau rotasinya dapat dilacak dalam kode.
Kode katalog
Cuplikan layar mahkota digital
Gestur Ada empat jenis pengenalan gerakan yang dapat ditambahkan ke adegan: Ketuk, Gesek, Geser, dan LongPress.
Kode katalog
Cuplikan layar Gerakan