このページは Cloud Translation API によって翻訳されました。

iOS Sender UI のカスタマイズ

キャストウィジェット色の設定や、ボタン、テキスト、サムネイルの表示させるボタンの種類も選択できます。

ウィジェットのテーマをカスタマイズする

キャストフレームワークウィジェットは、Apple UIAppearance Protocol UIKit 位置やタイミングなど、アプリ全体でのウィジェットの使用できます。このプロトコルを使用して、キャストフレームワークウィジェットのスタイルを設定します。既存のアプリのスタイル設定と一致させます

キャストアイコンの例

</ph> <ph type="x-smartling-placeholder">

</ph>

Swift

で確認できます。

GCKUICastButton.appearance().tintColor = UIColor.gray

</ph>

Objective-C

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

ウィジェットを直接カスタマイズする

スーパークラスのプロパティを使用してウィジェットを直接カスタマイズします。たとえば一般的には、 GCKUICastButton 色を付けるには tintColor: プロパティです。

キャストアイコンの例

</ph> <ph type="x-smartling-placeholder">

</ph>

Swift

で確認できます。

castButton.tintColor = UIColor.gray

</ph>

Objective-C

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 ミニコントローラを作成できます。 -[createMiniMediaControlsViewController]。

各スロットにはフレームワークボタン、カスタムボタン、または空にします。フレームワークコントロールボタンのリストは、次のように定義されています。

ボタンのタイプ	説明
`GCKUIMediaButtonTypeNone`	このスロットにはボタンを配置しない
`GCKUIMediaButtonTypeCustom`	カスタムボタン
`GCKUIMediaButtonTypePlayPauseToggle`	再生と一時停止を切り替えます
`GCKUIMediaButtonTypeSkipPrevious`	キュー内の前のアイテムにスキップします
`GCKUIMediaButtonTypeSkipNext`	キュー内の次の項目にスキップします。
`GCKUIMediaButtonTypeRewind30Seconds`	再生を 30 秒巻き戻します
`GCKUIMediaButtonTypeForward30Seconds`	30 秒早送りします
`GCKUIMediaButtonTypeMuteToggle`	リモートのウェブレシーバーをミュートまたはミュート解除します
`GCKUIMediaButtonTypeClosedCaptions`	テキストと音声のトラックを選択するダイアログを開きます

各ボタンの詳しい説明については、 GCKUIMediaButtonBarProtocol.h

次のように、 GCKUIMediaButtonBarProtocol:

フレームワークボタンをバーに追加するには、 -[setButtonType:atIndex:]。
バーにカスタムボタンを追加するには、アプリで呼び出しを行う必要があります。 -[setButtonType:atIndex:]（buttonType を設定） GCKUIMediaButtonTypeCustom、次に -[setCustomButton:atIndex:] を呼び出します。同じインデックスで UIButton を渡します。

iOS アプリにカスタムスタイルを適用する

Cast iOS SDK を使用すると、Google Pixel のフォント、色、画像のスタイルを設定できます。デフォルトウィジェットの UI 要素を組み込んで、アプリの他の部分と調和するデザインが表示される。

次のセクションでは、カスタムスタイルを複数のキャストウィジェットやウィジェットのグループが表示されます

ウィジェットの UI 要素にスタイルを適用する

この手順の例では、赤に変更できます。

ビューとスタイルのテーブルを確認する追加したいウィジェットやウィジェットのグループのビュー名をスタイリング。グループ名には ▼ が付いています。

例: miniController ウィジェットビュー
変更元の属性の名前を見つけます。リストにある、対応するスタイルクラスのプロパティのリストこの表をご覧ください。

例: bodyTextColor は次のプロパティのプロパティです: GCKUIStyleAttributesMiniController クラスです。
コードを記述します。

例:

で確認できます。 <ph type="x-smartling-placeholder">

</ph> <ph type="x-smartling-placeholder">

</ph>

Swift

で確認できます。

// 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()

</ph>

Objective-C

// 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 つのグループ（↓ が付いている）が表示されています。スタイルを適用できます。

ビュー名	タイプ	スタイルクラス
↓ `castViews`	グループ	GCKUIStyleAttributesCastViews
↓ `deviceControl`	グループ	GCKUIStyleAttributesDeviceControl
`deviceChooser`	ウィジェット	GCKUIStyleAttributesDeviceChooser
`noDevicesAvailableController`	ウィジェット	GCKUIStyleAttributesNoDevicesAvailableController
↓ `connectionController`	グループ	GCKUIStyleAttributesConnectionController
`navigation`	ウィジェット	GCKUIStyleAttributesConnectionNavigation
`toolbar`	ウィジェット	GCKUIStyleAttributesConnectionToolbar
↓ `mediaControl`	グループ	GCKUIStyleAttributesMediaControl
`miniController`	ウィジェット	GCKUIStyleAttributesMiniController
`expandedController`	ウィジェット	GCKUIStyleAttributesExpandedController
`trackSelector`	ウィジェット	GCKUIStyleAttributesTrackSelector
`instructions`	ウィジェット	GCKUIStyleAttributesInstructions

スタイル階層

GCKUIStyle シングルトンは、すべてのスタイル設定の API エントリポイントです。次のプロパティがあります。 castViews（スタイル階層のルート）下図のように指定できます。この図は、同じビューを異なる方法で前の表に示されているビューとグループです。

スタイルは、個々のウィジェットまたはウィジェットのグループに適用できます。スタイル階層には、castViews、deviceControl、と mediaControl です各グループの長方形がウィジェットを囲んでいます。グループにスタイルを適用すると、そのスタイルはそのグループ内のすべてのウィジェットに適用されます。

たとえば、castViews グループを使用すると、すべてのウィジェットにスタイルを適用できます。 deviceControl グループを使用すると、3 つのデバイスのみにスタイルを適用できます。操作ウィジェットです。instructions ウィジェットはどのグループにも属していません。

castViews
		deviceControl			mediaControl
	手順	デバイス選択ツール	noDevicesAvailable 画面	接続コントローラ	ミニコントローラ	展開済みコントローラ	トラックセレクタ
			ナビゲーション / ツールバー