iOS 발신기 UI 맞춤설정

전송 기능을 맞춤설정할 수 있습니다. 위젯 색상, 버튼, 텍스트, 썸네일 이미지 스타일 지정 표시할 버튼 유형을 선택할 수 있습니다.

위젯 테마 맞춤설정

Cast 프레임워크 위젯은 Apple UIAppearance 프로토콜을 지원하며 UIKit 을 사용하여 앱에서 위젯의 위치, 표시합니다. 이 프로토콜을 사용하여 Cast 프레임워크 위젯의 스타일을 지정합니다. 기존 앱 스타일과 일치해야 합니다.

전송 버튼의 예

GCKUICastButton.appearance().tintColor = UIColor.gray

[GCKUICastButton appearance].tintColor = [UIColor grayColor];

위젯 직접 맞춤설정

슈퍼클래스의 속성을 사용하여 위젯을 직접 맞춤설정합니다. 예를 들어 일반적으로 GCKUICastButton 드림 색상을 tintColor: 속성

전송 버튼의 예

castButton.tintColor = UIColor.gray

castButton.tintColor = [UIColor grayColor];

컨트롤러 버튼 선택

확장된 컨트롤러 클래스 (GCKUIExpandedMediaControlsViewController) 미니 컨트롤러 클래스는 (GCKUIMiniMediaControlsViewController) 클라이언트는 버튼 모음이 포함되어 있으며, 클라이언트는 어떤 버튼이 버튼에 표시될지 있습니다. 이는 GCKUIMediaButtonBarProtocol

미니 컨트롤러 바에는 구성 가능한 버튼 슬롯 3개가 있습니다.

SLOT  SLOT  SLOT
  1     2     3

확장된 컨트롤러 바에는 영구적인 재생/일시중지 전환 버튼이 있습니다. 4개의 구성 가능한 슬롯이 있습니다.

SLOT  SLOT  PLAY/PAUSE  SLOT  SLOT
  1     2     BUTTON      3     4

앱은 다음을 사용하여 확장된 컨트롤러에 대한 참조를 가져올 수 있습니다. 속성 -[defaultExpandedMediaControlsViewController]개 GCKCastContext kubectl 명령어를 사용해 -[createMiniMediaControlsViewController]입니다.

각 슬롯은 프레임워크 버튼, 맞춤 버튼, 비어 있을 수 있습니다. 프레임워크 컨트롤 버튼 목록은 다음과 같이 정의됩니다.

각 버튼의 기능에 대한 자세한 설명은 다음에서 확인할 수 있습니다. GCKUIMediaButtonBarProtocol.h 드림

다음과 같이 GCKUIMediaButtonBarProtocol:

• 프레임워크 버튼을 바에 추가하려면 -[setButtonType:atIndex:]

• 맞춤 버튼을 바에 추가하려면 앱에서 buttonType이(가) 다음으로 설정됨: -[setButtonType:atIndex:] GCKUIMediaButtonTypeCustom 다음 -[setCustomButton:atIndex:] 호출 동일한 색인이 있는 UIButton를 전달합니다.

iOS 앱에 맞춤 스타일 적용

Cast iOS SDK를 사용하면 iOS 발신기에서 기본 위젯의 UI 요소로, 앱의 나머지 부분과 일치하는 디자인과 분위기가 표시됩니다.

다음 섹션에서는 맞춤 스타일을 전송 위젯 또는 위젯 그룹입니다.

위젯의 UI 요소에 스타일 적용

이 절차에서는 빨간색으로 변경합니다.

1. 보기 및 스타일 표를 확인하세요. 원하는 위젯 그룹의 뷰 이름 또는 스타일을 지정할 수 있습니다. 그룹 이름은 ▼ 표시로 표시됩니다.

   예: miniController 위젯 뷰

2. 변경하려는 속성의 이름을 찾습니다. 에 나열된 해당 스타일 클래스의 속성 목록 이 표의 내용을 참조하세요.

   예: bodyTextColor는 GCKUIStyleAttributesMiniController 클래스에 대해 자세히 알아보세요.

3. 코드를 작성합니다.

   예:

// Get the shared instance of GCKUIStyle
let castStyle = GCKUIStyle.sharedInstance()
// Set the property of the desired cast widget.
castStyle.castViews.mediaControl.miniController.bodyTextColor = UIColor.red
// Refresh all currently visible views with the assigned styles.
castStyle.apply()

// Get the shared instance of GCKUIStyle.
GCKUIStyle *castStyle = [GCKUIStyle sharedInstance];
// Set the property of the desired cast widget.
castStyle.castViews.mediaControl.miniController.bodyTextColor = [UIColor redColor];
// Refresh all currently visible views with the assigned styles.
[castStyle applyStyle];

위젯의 UI 요소에 스타일을 적용할 때 이 패턴을 사용합니다.

뷰 및 스타일 표

이 표에는 위젯 뷰 7개와 그룹 3개 (▼로 표시됨)가 표시됩니다. 몇 가지 옵션이 있습니다.

스타일 계층 구조

GCKUIStyle 싱글톤은 모든 스타일 설정에 대한 API 진입점입니다. 속성이 있습니다. 스타일 계층 구조의 루트인 castViews 로 이동합니다. 이 다이어그램은 동일한 그림을 이전 표에 표시된 뷰 및 그룹과 비교하세요.

개별 위젯 또는 위젯 그룹에 스타일을 적용할 수 있습니다. 스타일 계층 구조에는 세 가지 위젯 그룹(castViews, deviceControl, mediaControl을 예로 들 수 있습니다. 각 그룹의 직사각형은 위젯을 둘러싸고 있습니다. 스타일을 그룹에 적용하면 해당 그룹의 모든 위젯에 적용됩니다.

예를 들어 castViews 그룹을 사용하면 모든 위젯에 스타일을 적용하고 deviceControl 그룹을 사용하면 세 개의 기기에만 스타일을 적용할 수 있습니다. 제어할 수 있습니다. instructions 위젯이 속한 그룹이 없습니다.

castViews
			deviceControl				mediaControl
	안내		기기 선택기	noDevicesAvailable 화면	연결 컨트롤러		미니 컨트롤러	펼쳐짐 컨트롤러	트랙 선택기
				탐색 / 툴바 <ph type="x-smartling-placeholder"></ph>

각주: 이 다이어그램에서 두 줄에 표시된 위젯 이름은 공백 없이 한 줄에 한 단어로 작성합니다. 예를 들어 device Chooser는 deviceChooser로 작성해야 합니다. 확대하려면 이미지 위에 마우스를 올리세요. 있습니다.