iOS सेंडर यूज़र इंटरफ़ेस (यूआई) को पसंद के मुताबिक बनाएं

कास्ट विजेट को अपनी पसंद के मुताबिक बनाया जा सकता है. ऐसा करने के लिए, रंग सेट करने, बटन को स्टाइल, टेक्स्ट, और थंबनेल की स्टाइल में बदलाव करें. साथ ही, डिसप्ले के लिए बटन के टाइप चुनकर भी ऐसा किया जा सकता है.

विजेट की थीम को पसंद के मुताबिक बनाएं

कास्ट फ़्रेमवर्क विजेट, आपके पूरे ऐप्लिकेशन में विजेट के लुक को बदलने के लिए, UIKit में Apple यूज़र इंटरफ़ेस प्रोटोकॉल (यूआई) प्रोटोकॉल के साथ काम करते हैं, जैसे कि किसी बटन की पोज़िशन या बॉर्डर. इस प्रोटोकॉल का इस्तेमाल करके, कास्ट फ़्रेमवर्क विजेट को स्टाइल देने के लिए मौजूदा ऐप्लिकेशन स्टाइलिंग का मिलान करें.

कास्ट बटन का उदाहरण

स्विफ़्ट

GCKUICastButton.appearance().tintColor = UIColor.gray

मकसद-सी

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

विजेट को सीधे अपनी पसंद के मुताबिक बनाएं

विजेट को उसकी सुपर क्लास की प्रॉपर्टी का इस्तेमाल करके, सीधे तौर पर पसंद के मुताबिक बनाएं. उदाहरण के लिए, आम तौर पर tintColor: प्रॉपर्टी का इस्तेमाल करके, GCKUICastButton रंग को पसंद के मुताबिक बनाया जाता है.

कास्ट बटन का उदाहरण

स्विफ़्ट

castButton.tintColor = UIColor.gray

मकसद-सी

castButton.tintColor = [UIColor grayColor];

कंट्रोलर बटन चुनें

बड़ी की गई कंट्रोलर क्लास (GCKUIExpandedMediaControlsViewController) और मिनी कंट्रोलर क्लास (GCKUIMiniMediaControlsViewController), दोनों में एक बटन बार होता है. क्लाइंट यह कॉन्फ़िगर कर सकता है कि उन बार में कौनसे बटन दिखाए जाएं. ऐसा GCKUIMediaButtonBarProtocol के मुताबिक दोनों क्लास से होता है.

मिनी कंट्रोलर बार में बटन के लिए कॉन्फ़िगर किए जा सकने वाले तीन स्लॉट होते हैं:

SLOT  SLOT  SLOT
  1     2     3

बड़े किए गए कंट्रोलर बार में, बार के बीच में हमेशा के लिए चलाने/रोकने वाला टॉगल बटन होता है. साथ ही, कॉन्फ़िगर किए जा सकने वाले 4 स्लॉट भी होते हैं:

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

आपके ऐप्लिकेशन को, GCKCastContext की -[defaultExpandedMediaControlsViewController] प्रॉपर्टी के साथ, बड़े किए गए कंट्रोलर का रेफ़रंस मिल सकता है. साथ ही, -[createMiniMediaControlsViewController] का इस्तेमाल करके, मिनी कंट्रोलर बनाया जा सकता है.

हर स्लॉट में या तो फ़्रेमवर्क बटन या कस्टम बटन हो सकता है या वह खाली हो सकता है. फ़्रेमवर्क कंट्रोल बटन की सूची इस तरह परिभाषित की गई है:

बटन प्रकार	ब्यौरा
GCKUIMediaButtonTypeNone	इस स्लॉट में बटन न डालें
GCKUIMediaButtonTypeCustom	कस्टम बटन
GCKUIMediaButtonTypePlayPauseToggle	वीडियो चलाने और रोकने के बीच टॉगल करता है
GCKUIMediaButtonTypeSkipPrevious	सीधे सूची में पिछले आइटम पर जाएं
GCKUIMediaButtonTypeSkipNext	सूची में अगले आइटम पर ले जाएगा
GCKUIMediaButtonTypeRewind30Seconds	वीडियो को 30 सेकंड पीछे ले जाता है
GCKUIMediaButtonTypeForward30Seconds	वीडियो को 30 सेकंड आगे ले जाता है
GCKUIMediaButtonTypeMuteToggle	रिमोट वेब रिसीवर को म्यूट और अनम्यूट करता है
GCKUIMediaButtonTypeClosedCaptions	इससे, टेक्स्ट और ऑडियो ट्रैक चुनने के लिए डायलॉग बॉक्स खुलता है

हर बटन के काम करने के तरीके की ज़्यादा जानकारी GCKUIMediaButtonBarProtocol.h में मिल सकती है

GCKUIMediaButtonBarProtocol पर दिए गए तरीकों का इस्तेमाल करके, इस तरह बटन जोड़ें:

• किसी बार में फ़्रेमवर्क बटन जोड़ने के लिए, सिर्फ़ -[setButtonType:atIndex:] पर कॉल करने की ज़रूरत होती है.

• किसी बार में पसंद के मुताबिक बटन जोड़ने के लिए, आपके ऐप्लिकेशन को -[setButtonType:atIndex:] को कॉल करना होगा. साथ ही, buttonType को GCKUIMediaButtonTypeCustom पर सेट करना होगा. इसके बाद, उसी इंडेक्स के साथ UIButton को पास करने वाले -[setCustomButton:atIndex:] को कॉल करना होगा.

अपने iOS ऐप्लिकेशन में कस्टम स्टाइल लागू करना

Cast iOS SDK टूल की मदद से, iOS डिवाइस भेजने वाले के डिफ़ॉल्ट विजेट के यूज़र इंटरफ़ेस (यूआई) एलिमेंट के फ़ॉन्ट, रंग, और इमेज को स्टाइल दिया जा सकता है. इससे स्क्रीन को ऐसा लुक मिलता है जो आपके ऐप्लिकेशन के बाकी एलिमेंट से मिलता-जुलता हो.

नीचे दिए गए सेक्शन में आपको किसी भी किसी भी Cast विजेट या विजेट के समूह पर कस्टम शैलियां लागू करने का तरीका बताया गया है.

विजेट के यूज़र इंटरफ़ेस (यूआई) एलिमेंट पर स्टाइल लागू करना

इस प्रक्रिया में आपके ऐप्लिकेशन के मिनी कंट्रोलर के मुख्य टेक्स्ट के रंग को लाल रंग पर सेट करने के उदाहरण का इस्तेमाल किया गया है.

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

किसी भी विजेट के यूज़र इंटरफ़ेस (यूआई) एलिमेंट पर कोई भी स्टाइल लागू करने के लिए, इस पैटर्न का इस्तेमाल करें.

व्यू और स्टाइल का टेबल

यह टेबल सात विजेट व्यू और तीन ग्रुप (▼ से मार्क किए गए) दिखाती है जिन पर स्टाइल लागू की जा सकती हैं.

दृश्य का नाम	Type	स्टाइल क्लास
▼ 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 सिंगलटन, सभी स्टाइल सेटिंग के लिए एपीआई एंट्री पॉइंट है. इसकी प्रॉपर्टी castViews है, जो स्टाइल हैरारकी का मूल है. जैसा कि नीचे दिखाया गया है; यह डायग्राम, पिछली टेबल में दिखाए गए व्यू और ग्रुप को देखने का एक अलग तरीका है.

आपके पास किसी एक विजेट या विजेट के ग्रुप पर स्टाइल लागू करने का विकल्प होता है. स्टाइल हैरारकी में तीन विजेट ग्रुप हैं: CastViews, deviceControl, और MediaControl. हर ग्रुप के रेक्टैंगल में विजेट शामिल होते हैं. किसी ग्रुप पर स्टाइल लागू करने पर, वह ग्रुप के सभी विजेट पर लागू हो जाती है.

उदाहरण के लिए, castViews ग्रुप आपको सभी विजेट पर स्टाइल लागू करने देता है. साथ ही, deviceControl ग्रुप, आपको सिर्फ़ तीन डिवाइस कंट्रोल विजेट पर कोई स्टाइल लागू करने की सुविधा देता है. instructions विजेट किसी भी ग्रुप से नहीं जुड़ा है.

castViews
			deviceControl				mediaControl
	निर्देश		डिवाइस चुनने वाला टूल	nodeviceAvailable स्क्रीन	कनेक्शन कंट्रोलर		मिनी कंट्रोलर	बड़ा किया गया कंट्रोलर	ट्रैक चुनने वाला
				नेविगेशन / टूलबार

फ़ुटनोट: इस डायग्राम में विजेट के नाम जो दो लाइन में दिखाए गए हैं उन्हें कोड में एक शब्द के तौर पर लिखा जाना चाहिए. एक लाइन में उनके बीच में खाली जगह नहीं होनी चाहिए. उदाहरण के लिए, device Chooser को deviceChooser लिखा जाना चाहिए. इमेज को बड़ा करने के लिए उन्हें रोल ओवर करें.