कास्ट विजेट को अपनी पसंद के मुताबिक बनाया जा सकता है. ऐसा करने के लिए, रंग सेट करने, बटन को स्टाइल, टेक्स्ट, और थंबनेल की स्टाइल में बदलाव करें. साथ ही, डिसप्ले के लिए बटन के टाइप चुनकर भी ऐसा किया जा सकता है.
विजेट की थीम को पसंद के मुताबिक बनाएं
कास्ट फ़्रेमवर्क विजेट, आपके पूरे ऐप्लिकेशन में विजेट के लुक को बदलने के लिए, 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 विजेट या विजेट के समूह पर कस्टम शैलियां लागू करने का तरीका बताया गया है.
विजेट के यूज़र इंटरफ़ेस (यूआई) एलिमेंट पर स्टाइल लागू करना
इस प्रक्रिया में आपके ऐप्लिकेशन के मिनी कंट्रोलर के मुख्य टेक्स्ट के रंग को लाल रंग पर सेट करने के उदाहरण का इस्तेमाल किया गया है.
व्यू और स्टाइल टेबल में उस विजेट या विजेट के ग्रुप के व्यू का नाम ढूंढें जिसे आपको स्टाइल करना है. ग्रुप के नाम ▼ से मार्क किए गए हैं.
उदाहरण:
miniController
विजेट व्यूइस टेबल में दी गई उनकी स्टाइल क्लास में, प्रॉपर्टी की सूची में से उन एट्रिब्यूट के नाम ढूंढें जिन्हें आपको बदलना है.
उदाहरण:
bodyTextColor
,GCKUIStyleAttributesMiniController
क्लास की प्रॉपर्टी है.कोड लिखें.
उदाहरण:
// 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
लिखा जाना चाहिए. इमेज को बड़ा करने के लिए
उन्हें रोल ओवर करें.