iOS Gönderen kullanıcı arayüzünü özelleştirme

Renkleri ayarlayarak, düğmelerin, metnin ve küçük resim görünümünün stilini ayarlayarak ve görüntülenecek düğme türlerini seçerek Yayın widget'larını özelleştirebilirsiniz.

Widget temasını özelleştirin

Cast çerçevesi widget'ları, uygulamanızdaki widget'ların görünümünü (bir düğmenin konumu veya kenarlığı gibi) değiştirmek için UIKit'teki Apple UIGörünüm Protokolü'nü destekler. Yayın çerçevesi widget'larının stilini, mevcut bir uygulamanın stiliyle eşleşecek şekilde belirlemek için bu protokolü kullanın.

Yayın düğmesi örneği

Hızlıca
GCKUICastButton.appearance().tintColor = UIColor.gray
Objective-C
[GCKUICastButton appearance].tintColor = [UIColor grayColor];

Widget'ı doğrudan özelleştir

Bir widget'ı doğrudan üst sınıfının özelliklerini kullanarak özelleştirin. Örneğin, GCKUICastButton rengini tintColor: özelliğini kullanarak özelleştirmek yaygın bir uygulamadır.

Yayın düğmesi örneği

Hızlıca
castButton.tintColor = UIColor.gray
Objective-C
castButton.tintColor = [UIColor grayColor];

Kumanda düğmelerini seçin

Hem genişletilmiş kumanda sınıfı (GCKUIExpandedMediaControlsViewController) hem de mini kumanda sınıfı (GCKUIMiniMediaControlsViewController) bir düğme çubuğu içerir ve istemciler bu çubuklarda hangi düğmelerin gösterileceğini yapılandırabilir. Bu, her iki sınıf GCKUIMediaButtonBarProtocol'e uygun şekilde gerçekleştirilir.

Mini kumanda çubuğunda düğmeler için 3 yapılandırılabilir yuva bulunur:

SLOT  SLOT  SLOT
  1     2     3

Genişletilmiş kumanda çubuğunda, çubuğun ortasında kalıcı bir oynatma/duraklatma düğmesi ve 4 yapılandırılabilir yuva bulunur:

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

Uygulamanız, GCKCastContext -[defaultExpandedMediaControlsViewController] özelliğiyle genişletilmiş denetleyiciye referans alabilir ve -[createMiniMediaControlsViewController] kullanarak mini kumanda oluşturabilir.

Her alanda ya bir çerçeve düğmesi ya da özel bir düğme bulunabilir ya da boş bir alan olabilir. Çerçeve denetim düğmelerinin listesi şu şekilde tanımlanır:

Düğme Türü Açıklama
GCKUIMediaButtonTypeNone Bu yuvaya düğme yerleştirme
GCKUIMediaButtonTypeCustom Özel düğme
GCKUIMediaButtonTypePlayPauseToggle Oynatma ve duraklatma arasında geçiş yapar
GCKUIMediaButtonTypeSkipPrevious Sıradaki bir önceki öğeye atlar
GCKUIMediaButtonTypeSkipNext Sırada sonraki öğeye atlar
GCKUIMediaButtonTypeRewind30Seconds Oynatmayı 30 saniye geri sarar
GCKUIMediaButtonTypeForward30Seconds Oynatmayı 30 saniye ileri atlar.
GCKUIMediaButtonTypeMuteToggle Uzak web alıcısının sesini kapatır ve açar
GCKUIMediaButtonTypeClosedCaptions Metin ve ses parçalarını seçebileceğiniz bir iletişim kutusu açar

Her düğmenin işleviyle ilgili ayrıntılı açıklamaları GCKUIMediaButtonBarProtocol.h adresinde bulabilirsiniz.

GCKUIMediaButtonBarProtocol'ndaki yöntemleri kullanarak aşağıdaki gibi bir düğme ekleyin:

  • Bir çubuğa çerçeve düğmesi eklemek için yalnızca -[setButtonType:atIndex:] çağrısı yapılması gerekir.

  • Bir çubuğa özel düğme eklemek için uygulamanızın, buttonType değeri GCKUIMediaButtonTypeCustom olarak ayarlanmış şekilde -[setButtonType:atIndex:] yöntemini çağırması ve ardından aynı dizine sahip UIButton öğesini ileten -[setCustomButton:atIndex:] yöntemini çağırması gerekir.

iOS uygulamanıza özel stiller uygulama

Cast iOS SDK'sı, iOS göndereninizdeki varsayılan widget'ların kullanıcı arayüzü öğelerinin yazı tipini, rengini ve görsellerini şekillendirmenize olanak tanır. Böylece, görünümlere uygulamanızın geri kalanıyla uyumlu bir görünüm ve tarz sunabilirsiniz.

Aşağıdaki bölümde, herhangi bir Cast widget'ına veya widget grubuna nasıl özel stiller uygulanacağı gösterilmektedir.

Widget'ın kullanıcı arayüzü öğesine stil uygulama

Bu prosedürde, uygulamanızın mini kumandasının gövde metni renginin kırmızıya ayarlanması örneği kullanılmaktadır.

  1. Stilini ayarlamak istediğiniz widget'ın veya widget grubunun görünüm adını bulmak için görünümler ve stiller tablosuna bakın. Grup adları ▼ ile işaretlenir.

    Örnek: miniController widget görünümü

  2. Bu tabloda listelenen ilgili stil sınıfındaki özellikler listesinden, değiştirmek istediğiniz özelliklerin adlarını bulun.

    Örnek: bodyTextColor, GCKUIStyleAttributesMiniController sınıfının bir özelliğidir.

  3. Kodu yazın.

    Örnek:

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()
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];

Bir widget'ın herhangi bir kullanıcı arayüzü öğesine herhangi bir stili uygulamak için bu kalıbı kullanın.

Görünümler ve stiller tablosu

Bu tabloda, stilleri uygulayabileceğiniz yedi widget görünümü ve üç grup (▼ ile işaretlenmiştir) gösterilmektedir.

Görünüm adı Tür Stil sınıfı
castViews Grup GCKUIStyleAttributesCastViews
deviceControl Grup GCKUIStyleAttributesDeviceControl
deviceChooser Widget GCKUIStyleAttributesDeviceChooser
noDevicesAvailableController Widget GCKUIStyleAttributesNoDevicesAvailableController
connectionController Grup GCKUIStyleAttributesConnectionController
navigation Widget GCKUIStyleAttributesConnectionNavigation
toolbar Widget GCKUIStyleAttributesConnectionToolbar
mediaControl Grup GCKUIStyleAttributesMediaControl
miniController Widget GCKUIStyleAttributesMiniController
expandedController Widget GCKUIStyleAttributesExpandedController
trackSelector Widget GCKUIStyleAttributesTrackSelector
instructions Widget GCKUIStyleAttributesInstructions

Stil hiyerarşisi

GCKUIStyle singleton, tüm stil ayarları için API giriş noktasıdır. Aşağıda gösterildiği gibi stil hiyerarşisi kökü olan castViews özelliğine sahiptir. Bu şema, önceki tabloda gösterilen aynı görünümleri ve grupları incelemenin farklı bir yoludur.

Tek bir widget'a veya bir widget grubuna stil uygulayabilirsiniz. Stil hiyerarşisinde üç widget grubu bulunur: castViews, deviceControl ve mediaControl. Her grubun dikdörtgen içinde widget'ları bulunur. Bir gruba uygulanan stil, söz konusu gruptaki tüm widget'lara da uygulanır.

Örneğin, castViews grubu tüm widget'lara bir stil uygulamanıza izin verirken deviceControl grubu da bir stili yalnızca üç cihaz kontrolü widget'ına uygulamanıza olanak tanır. instructions widget'ı herhangi bir gruba ait değil.

castViews
deviceControl mediaControl
talimatlar

cihaz
Seçici
noDevicesAvailable ekranı
bağlantı
Kumanda
mini
Kumanda
genişletilmiş
Denetleyici
parça
Seçici
gezinme / araç çubuğu

Dipnot: Bu diyagramda iki satırda gösterilen widget adları, kodla tek bir satıra ve boşluk bırakmadan yazılmalıdır. Örneğin, device Chooser, deviceChooser şeklinde yazılmalıdır. Büyütmek için resimlerin üzerine gelin.