다음을 통해 공유


Xamarin의 watchOS 사용자 인터페이스 컨트롤

WatchKitCatalog 샘플은 다양한 watchOS 컨트롤을 보여 줍니다. 앱의 스토리보드가 여기에 표시됩니다(확대/축소하려면 클릭).

샘플 watchOS 레이아웃

모든 컨트롤의 프로그래밍 방식 이름 앞에 접두사 WKInterface (예: WKInterfaceLabel, WKInterfaceButton)가 있습니다.

제어 설명 스크린샷
Label 사용 SetText 및 기타 속성을 사용하여 레이블 컨트롤의 텍스트 모양을 제어합니다. NSAttributedString 은 지원됩니다.
카탈로그 코드
레이블 스크린샷
단추 스토리보드에서 속성을 만들고 설정합니다. Ctrl+끌어서 클릭할 때 처리기를 구현하는 데 추가 Action 합니다.
카탈로그 코드
단추 스크린샷
전환 스위치 상태를 제어하는 데 사용합니다 SetOn .
카탈로그 코드
스위치 스크린샷
슬라이더 다양한 스타일이 가능합니다.
카탈로그 코드
슬라이더 스크린샷
이미지 시계에 이미지를 로드하거나 WKInterfaceDevice.CurrentDevice.AddCachedImage 시계에서 반복적으로 사용하기 위해 이미지를 캐시하는 데 사용합니다myImage.SetImage("MyWatchImage").
이미지 컨트롤 설명서
카탈로그 코드
이미지 스크린샷
구분 기호 구분 기호를 사용하여 매력적인 시계 UI를 만들 수 있습니다.
카탈로그 코드
구분 기호 스크린샷
Map 지도 이미지는 시계에 정적으로 표시되지만 핀 추가를 포함하여 모양에 대한 여러 측면을 제어할 수 있습니다.
카탈로그 코드
지도 스크린샷
영화 및 InlineMove 영화는 자체 또는 인라인으로 열 수 있습니다.
카탈로그 코드
동영상 스크린샷
그룹 그룹을 사용하여 매력적인 시계 UI를 만들 수 있습니다.
카탈로그 코드
그룹 스크린샷
테이블 iOS의 간단한 테이블 버전입니다. 사용자 선택에 응답(또는 segue 사용)을 구현 DidSelectRow 합니다.
Table Control 설명서
카탈로그 코드
테이블 스크린샷
디바이스 WKInterfaceDevice.CurrentDevice에는 , ScreenScalePreferredContentSizeCategory.와 같은 ScreenBounds속성이 포함됩니다.
카탈로그 코드
디바이스 스크린샷
메뉴 스토리보드에서 강제 누름 메뉴를 정의하고 코드의 각 단추에 대한 작업을 구현합니다.
메뉴 컨트롤(Force Touch) 설명서
카탈로그 코드
메뉴 스크린샷
텍스트 입력 사용 PresentTextInputControllerWKTextInputMode 열거형입니다.
텍스트 입력 설명서
카탈로그 코드
텍스트 입력 스크린샷
디지털 크라운 디지털 크라운을 사용하여 선택기를 구동하거나 코드에서 회전을 추적할 수 있습니다.
카탈로그 코드
디지털 크라운 스크린샷
제스처 장면에 추가할 수 있는 제스처 인식에는 탭, 살짝 밀기, 팬 및 LongPress의 네 가지 유형이 있습니다.
카탈로그 코드
제스처 스크린샷