يمكنك تخصيص تطبيقات الإرسال المصغَّرة عن طريق ضبط الألوان وتصميم الأزرار والنص ومظهر الصورة المصغّرة واختيار أنواع الأزرار التي تريد عرضها.
تخصيص مظهر التطبيق المصغّر
تتوافق تطبيقات إطار عمل Cast مع بروتوكول مظهر واجهة المستخدم من Apple في UIKit لتغيير مظهر التطبيقات المصغّرة في تطبيقك، مثل موضع الزر أو حده. يمكنك استخدام هذا البروتوكول لتصميم تطبيقات مصغّرة لإطار عمل البث لتتناسب مع نمط التطبيقات الحالية.
مثال على زر البث
GCKUICastButton.appearance().tintColor = UIColor.gray
[GCKUICastButton appearance].tintColor = [UIColor grayColor];
تخصيص الأداة مباشرةً
يمكنك تخصيص تطبيق مصغّر مباشرةً باستخدام خصائص فئته الفائقة. على سبيل المثال،
من الشائع تخصيص
اللون
GCKUICastButton
باستخدام السمة
tintColor:
.
مثال على زر البث
castButton.tintColor = UIColor.gray
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
تُمكّنك حزمة تطوير البرامج (SDK) لنظام التشغيل iOS من تصميم الخط والألوان والصور لعناصر واجهة المستخدم الخاصة بالتطبيقات المصغّرة الافتراضية في مرسِل نظام التشغيل iOS، ما يمنح طرق العرض مظهرًا وطابعًا يناسب باقي عناصر التطبيق.
يعرض لك القسم التالي كيفية تطبيق أنماط مخصّصة على أيّ من تطبيقات Google المصغّرة أو مجموعة من التطبيقات المصغّرة.
تطبيق نمط على عنصر في واجهة المستخدم لأداة
يستخدم هذا الإجراء مثال تعيين لون النص الأساسي لوحدة التحكم المصغرة في تطبيقك على اللون الأحمر.
ابحث في جدول طرق العرض والأنماط للعثور على اسم عرض التطبيق المصغّر أو مجموعة التطبيقات المصغّرة التي تريد تصميمها. يتم وضع علامة ▼ على أسماء المجموعات.
مثال: عرض تطبيق
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
singleton هي نقطة دخول واجهة برمجة التطبيقات لجميع إعدادات الأنماط. ويتضمّن أيضًا السمة castViews
، وهي جذر التسلسل الهرمي للأنماط،
كما هو موضّح أدناه، وهذا المخطّط هو طريقة مختلفة لنظر طرق العرض والمجموعات نفسها المعروضة في الجدول السابق.
يمكنك تطبيق نمط على أداة فردية أو على مجموعة من التطبيقات المصغّرة. يتضمن التسلسل الهرمي للأنماط ثلاث مجموعات من التطبيقات المصغّرة: CastViews وdeviceControl وmediaControl. يحتوي مستطيل كل مجموعة على أدواتها. يؤدي تطبيق نمط على مجموعة إلى تطبيقه على جميع الأدوات في هذه المجموعة.
على سبيل المثال، تتيح لك المجموعة castViews
تطبيق نمط على جميع التطبيقات المصغّرة،
وتسمح لك المجموعة deviceControl
بتطبيق نمط على التطبيقات المصغّرة الثلاث
للتحكّم في الأجهزة. لا ينتمي التطبيق المصغَّر "instructions
" إلى أي مجموعة.
castViews | ||||||||||
deviceControl | mediaControl | |||||||||
التعليمات |
جهاز أداة الاختيار |
شاشة عدم توفُّر الأجهزة |
اتصال وحدة التحكّم |
صغيرة وحدة تحكّم |
تم توسيع وحدة التحكّم |
مقطع صوتي أداة الاختيار |
||||
شريط الأدوات / شريط الأدوات |
||||||||||
حاشية سفلية: ينبغي كتابة أسماء الأدوات في هذا الرسم التخطيطي والتي تظهر على سطرين
بترميز ككلمة واحدة، على سطر واحد، بدون مسافات. على سبيل المثال،
يجب كتابة device Chooser
باستخدام deviceChooser
. قم بتدوير الصور
لتكبيرها.