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
GCKUICastButton.appearance().tintColor = UIColor.gray
[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
castButton.tintColor = UIColor.gray
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ğeriGCKUIMediaButtonTypeCustom
olarak ayarlanmış şekilde-[setButtonType:atIndex:]
yöntemini çağırması ve ardından aynı dizine sahipUIButton
öğ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.
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ü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.Kodu yazın.
Örnek:
// 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];
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.