تخصيص واجهة مستخدم مُرسِل نظام التشغيل iOS

يمكنك تخصيص تطبيقات الإرسال المصغَّرة عن طريق ضبط الألوان وتصميم الأزرار والنص ومظهر الصورة المصغّرة واختيار أنواع الأزرار التي تريد عرضها.

تخصيص مظهر التطبيق المصغّر

تتوافق تطبيقات إطار عمل Cast مع بروتوكول مظهر واجهة المستخدم من Apple في UIKit لتغيير مظهر التطبيقات المصغّرة في تطبيقك، مثل موضع الزر أو حده. يمكنك استخدام هذا البروتوكول لتصميم تطبيقات مصغّرة لإطار عمل البث لتتناسب مع نمط التطبيقات الحالية.

مثال على زر البث

تطبيق Swift

GCKUICastButton.appearance().tintColor = UIColor.gray

الهدف ج

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

تخصيص الأداة مباشرةً

يمكنك تخصيص تطبيق مصغّر مباشرةً باستخدام خصائص فئته الفائقة. على سبيل المثال، من الشائع تخصيص اللون GCKUICastButton باستخدام السمة tintColor:.

مثال على زر البث

تطبيق Swift

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 المصغّرة أو مجموعة من التطبيقات المصغّرة.

تطبيق نمط على عنصر في واجهة المستخدم لأداة

يستخدم هذا الإجراء مثال تعيين لون النص الأساسي لوحدة التحكم المصغرة في تطبيقك على اللون الأحمر.

1. ابحث في جدول طرق العرض والأنماط للعثور على اسم عرض التطبيق المصغّر أو مجموعة التطبيقات المصغّرة التي تريد تصميمها. يتم وضع علامة ▼ على أسماء المجموعات.

   مثال: عرض تطبيق miniController المصغّر

2. ابحث عن أسماء السمات التي تريد تغييرها من قائمة الخصائص في فئة النمط المقابلة المدرجة في هذا الجدول.

   مثال: السمة bodyTextColor هي سمة من الفئة GCKUIStyleAttributesMiniController.

3. اكتب التعليمة البرمجية.

   مثال:

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

الهدف ج

// 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. قم بتدوير الصور لتكبيرها.