بطاقة
واجهة بطاقة تظهر في رسالة Google Chat أو في إضافة Google Workspace
تتيح البطاقات استخدام تنسيق محدّد وعناصر تفاعلية لواجهة المستخدم، مثل الأزرار، ووسائط متعددة تفاعلية، مثل الصور. استخدم البطاقات لتقديم معلومات مفصلة وجمع المعلومات من المستخدمين وتوجيه المستخدمين لاتخاذ خطوة تالية.
تصميم البطاقات ومعاينتها باستخدام "أداة إنشاء البطاقات"
فتح "أداة إنشاء البطاقات"
لمعرفة كيفية إنشاء البطاقات، يُرجى الاطّلاع على المستندات التالية:
- بالنسبة إلى تطبيقات Google Chat، يُرجى الاطّلاع على تصميم مكوّنات البطاقة أو مربّع الحوار.
- بالنسبة إلى إضافات Google Workspace، يُرجى الاطّلاع على الواجهات المستندة إلى البطاقات.
مثال: رسالة بطاقة لتطبيق Google Chat
لإنشاء نموذج رسالة البطاقة في Google Chat، استخدِم تنسيق JSON التالي:
{
"cardsV2": [
{
"cardId": "unique-card-id",
"card": {
"header": {
"title": "Sasha",
"subtitle": "Software Engineer",
"imageUrl":
"https://developers.google.com/workspace/chat/images/quickstart-app-avatar.png",
"imageType": "CIRCLE",
"imageAltText": "Avatar for Sasha"
},
"sections": [
{
"header": "Contact Info",
"collapsible": true,
"uncollapsibleWidgetsCount": 1,
"widgets": [
{
"decoratedText": {
"startIcon": {
"knownIcon": "EMAIL"
},
"text": "sasha@example.com"
}
},
{
"decoratedText": {
"startIcon": {
"knownIcon": "PERSON"
},
"text": "<font color=\"#80e27e\">Online</font>"
}
},
{
"decoratedText": {
"startIcon": {
"knownIcon": "PHONE"
},
"text": "+1 (555) 555-1234"
}
},
{
"buttonList": {
"buttons": [
{
"text": "Share",
"onClick": {
"openLink": {
"url": "https://example.com/share"
}
}
},
{
"text": "Edit",
"onClick": {
"action": {
"function": "goToView",
"parameters": [
{
"key": "viewType",
"value": "EDIT"
}
]
}
}
}
]
}
}
]
}
]
}
}
]
}
تمثيل JSON |
---|
{ "header": { object ( |
الحقول | |
---|---|
header
|
عنوان البطاقة عادةً ما يحتوي العنوان على صورة بادئة وعنوان. تظهر العناوين دائمًا في أعلى البطاقة. |
sections[]
|
يحتوي على مجموعة من التطبيقات المصغّرة. يحتوي كل قسم على عنوان اختياري خاص به. يتم فصل الأقسام بصريًا بواسطة مُقسّم خطي. للاطّلاع على مثال في تطبيقات Google Chat، يمكنك مراجعة تحديد قسم في بطاقة. |
section
|
نمط الفاصل بين العنوان والأقسام والتذييل |
card
|
إجراءات البطاقة تتم إضافة الإجراءات إلى قائمة شريط أدوات البطاقة. متاحة لإضافات Google Workspace ولا تتوفّر لتطبيقات Google Chat.
على سبيل المثال، ينشئ ملف JSON التالي قائمة إجراءات بطاقة تتضمّن خيارَي
|
name
|
اسم البطاقة يتم استخدامه كمعرّف بطاقة في التنقّل بالبطاقة. تتوفّر هذه الميزة لإضافات Google Workspace ولا تتوفّر لتطبيقات Google Chat. |
fixed
|
التذييل الثابت الذي يظهر أسفل هذه البطاقة.
يؤدي ضبط
تتوفّر هذه الميزة لتطبيقات Google Chat وإضافات Google Workspace. |
display
|
في إضافات Google Workspace، يتم ضبط خصائص عرض تتوفّر هذه الميزة لإضافات Google Workspace ولا تتوفّر لتطبيقات Google Chat. |
peek
|
عند عرض المحتوى السياقي، يعمل عنوان البطاقة السريعة كعنصر نائب حتى يتمكن المستخدم من التنقل للأمام بين بطاقات الصفحة الرئيسية والبطاقات السياقية. تتوفّر هذه الميزة لإضافات Google Workspace ولا تتوفّر لتطبيقات Google Chat. |
CardHeader
يمثّل عنوان بطاقة. للحصول على مثال في تطبيقات Google Chat، يُرجى الاطّلاع على إضافة عنوان.
متاحة لتطبيقات Google Chat وإضافات Google Workspace.
تمثيل JSON |
---|
{
"title": string,
"subtitle": string,
"imageType": enum ( |
الحقول | |
---|---|
title
|
مطلوب. عنوان رأس البطاقة العنوان له ارتفاع ثابت: إذا تم تحديد كل من العنوان والعنوان الفرعي، يستغرق كل منهما سطرًا واحدًا. إذا تم تحديد العنوان فقط، سيشغل كلا السطرين. |
subtitle
|
العنوان الفرعي لعنوان البطاقة. في حال تحديد هذه السمة، ستظهر في السطر الخاص بها أسفل
|
image
|
الشكل المستخدم لاقتصاص الصورة. تتوفّر هذه الميزة لتطبيقات Google Chat وإضافات Google Workspace. |
image
|
عنوان URL يستخدم HTTPS للصورة في عنوان البطاقة. |
image
|
تمثّل هذه السمة النص البديل لهذه الصورة المستخدَم لتسهيل الاستخدام. |
ImageType
الشكل المستخدَم لاقتصاص الصورة
تتوفّر هذه الميزة لتطبيقات Google Chat و"إضافات Google Workspace".
عمليات التعداد | |
---|---|
SQUARE
|
القيمة التلقائية يتم تطبيق قناع مربّع على الصورة. على سبيل المثال، تصبح صورة بحجم 4×3 بحجم 3×3. |
CIRCLE
|
يتم تطبيق قناع دائري على الصورة. على سبيل المثال، تصبح صورة 4×3 دائرة بقطر 3. |
القسم
يحتوي القسم على مجموعة من الأدوات التي يتم عرضها عموديًا بالترتيب الذي تم تحديدها.
متاحة لتطبيقات Google Chat وإضافات Google Workspace.
تمثيل JSON |
---|
{ "header": string, "widgets": [ { object ( |
الحقول | |
---|---|
header
|
النص الذي يظهر في أعلى قسم يتيح استخدام نص منسق بتنسيق HTML بسيط. لمزيد من المعلومات عن تنسيق النص، يُرجى الاطّلاع على مقالتَي: تنسيق النص في تطبيقات Google Chat و تنسيق النص في إضافات Google Workspace. |
widgets[]
|
جميع التطبيقات المصغّرة في القسم يجب أن تحتوي على تطبيق مصغّر واحد على الأقل. |
collapsible
|
تشير هذه السمة إلى ما إذا كان هذا القسم قابلاً للتصغير. تخفي الأقسام القابلة للطي بعض التطبيقات المصغّرة أو جميعها، ولكن يمكن للمستخدمين توسيع القسم لعرض التطبيقات المصغّرة المخفية من خلال النقر على عرض المزيد. يمكن للمستخدمين إخفاء التطبيقات المصغّرة مرة أخرى من خلال النقر على عرض عناصر أقل.
لتحديد التطبيقات المصغّرة المخفية، حدِّد
|
uncollapsible
|
عدد التطبيقات المصغّرة غير القابلة للطي التي تظل مرئية حتى عند تصغير قسم
على سبيل المثال، إذا كان أحد الأقسام يحتوي على خمس تطبيقات مصغّرة وتم ضبط
|
collapse
|
اختياريّ. حدِّد زر التوسيع والتصغير في القسم. لن يظهر هذا الزر إلا إذا كان القسم قابلاً للتصغير. وفي حال عدم ضبط هذا الحقل، يتم استخدام الزرّ التلقائي. متاحة لتطبيقات Google Chat ولا تتوفّر لإضافات Google Workspace. |
أداة
تتألّف كل بطاقة من تطبيقات مصغّرة.
الأداة هي كائن مركب يمكن أن يمثل أحد النصوص والصور والأزرار وأنواع أخرى من الكائنات.
تمثيل JSON |
---|
{ "horizontalAlignment": enum ( |
الحقول | |
---|---|
horizontal
|
لتحديد ما إذا كانت الأدوات تتم محاذاة إلى اليسار أو اليمين أو منتصف العمود. |
حقل الربط
data . لا يمكن أن يتضمّن التطبيق المصغّر سوى أحد العناصر التالية. يمكنك استخدام حقول تطبيقات مصغّرة متعددة لعرض المزيد من العناصر.
يمكن أن تكون القيمة data واحدًا فقط مما يلي:
|
|
text
|
عرض فقرة نصية دعم نص بسيط بتنسيق HTML. لمزيد من المعلومات عن تنسيق النص، يُرجى الاطّلاع على مقالتَي: تنسيق النص في تطبيقات Google Chat و تنسيق النص في إضافات Google Workspace. على سبيل المثال، ينشئ ملف JSON التالي نصًا بخط عريض:
|
image
|
لعرض صورة على سبيل المثال، ينشئ ملف JSON التالي صورة تتضمّن نصًا بديلاً:
|
decorated
|
تعرِض هذه السمة عنصر نص مزخرف. على سبيل المثال، ينشئ ملف JSON التالي أداة نصية مزخرفة تعرض عنوان البريد الإلكتروني:
|
button
|
قائمة بالأزرار على سبيل المثال، ينشئ JSON التالي زرَّين. الأول هو زر نصي أزرق والثاني هو زر صورة يفتح رابطًا:
|
text
|
تعرِض هذه السمة مربّع نص يمكن للمستخدمين الكتابة فيه. على سبيل المثال، ينشئ ملف JSON التالي إدخال نص لعنوان بريد إلكتروني:
في ما يلي مثال آخر: ينشئ ملف JSON التالي إدخال نص لإحدى لغات البرمجة مع اقتراحات ثابتة:
|
selection
|
عرض عنصر تحكّم في التحديد يتيح للمستخدمين اختيار العناصر يمكن أن تكون عناصر التحكم في التحديد مربعات اختيار أو أزرار اختيار أو مفاتيح تبديل أو قوائم منسدلة. على سبيل المثال، ينشئ ملف JSON التالي قائمة منسدلة تتيح للمستخدمين اختيار حجم:
|
date
|
تعرِض أداةً تتيح للمستخدمين إدخال تاريخ أو وقت أو تاريخ ووقت. على سبيل المثال، ينشئ تنسيق JSON التالي أداة اختيار تاريخ ووقت لجدولة موعد:
|
divider
|
عرض مُقسّم خط أفقي بين الأدوات. على سبيل المثال، ينشئ ملف JSON التالي مُقسّمًا:
|
grid
|
تعرِض شبكة تتضمّن مجموعة من العناصر. تتيح الشبكة استخدام أي عدد من الأعمدة والعناصر. يتم تحديد عدد الصفوف من خلال الحدود العليا لعدد السلع مقسومًا على عدد الأعمدة. تحتوي الشبكة التي تتضمّن 10 عناصر وعمودَين على 5 صفوف. تحتوي الشبكة التي تتضمّن 11 عنصرًا وعمودَين على 6 صفوف. متاحة لتطبيقات Google Chat وإضافات Google Workspace. على سبيل المثال، ينشئ ملف JSON التالي شبكة من عمودَين يتضمّنان عنصرًا واحدًا:
|
columns
|
تعرض عمودين كحد أقصى.
لتضمين أكثر من عمودَين أو لاستخدام الصفوف، استخدِم عنصر التحكّم
على سبيل المثال، ينشئ ملف JSON التالي عمودَين يحتوي كل منهما على فقرات نصية:
|
chip
|
قائمة بالشرائح على سبيل المثال، ينشئ JSON التالي شريحتَين. الشريحة الأولى هي شريحة نص والثانية هي شريحة أيقونة تفتح رابطًا:
متاحة لتطبيقات Google Chat ولا تتوفّر لإضافات Google Workspace. |
TextParagraph
فقرة نصية تدعم التنسيق. للاطّلاع على مثال في تطبيقات Google Chat، يمكنك قراءة مقالة إضافة فقرة تتضمّن نص منسّق. لمزيد من المعلومات عن تنسيق النصوص، يُرجى الاطّلاع على مقالتَي تنسيق النصوص في تطبيقات Google Chat وتنسيق النصوص في إضافات Google Workspace.
متاحة لتطبيقات Google Chat وإضافات Google Workspace.
تمثيل JSON |
---|
{ "text": string, "maxLines": integer } |
الحقول | |
---|---|
text
|
النص الذي يظهر في التطبيق المصغّر |
max
|
الحد الأقصى لعدد أسطر النص المعروضة في التطبيق المصغّر إذا كان النص يتجاوز الحد الأقصى المحدّد لعدد الأسطر، يتم إخفاء المحتوى الزائد باستخدام زر عرض المزيد . إذا كان النص يساوي الحد الأقصى المحدّد لعدد الأسطر أو أقصر منه، لن يتم عرض الزر عرض المزيد . القيمة التلقائية هي 0، وفي هذه الحالة يتم عرض كل السياق. ويتم تجاهل القيم السلبية. تتوفّر هذه الميزة لتطبيقات Google Chat ولا تتوفّر لإضافات Google Workspace. |
صورة
صورة يتم تحديدها من خلال عنوان URL ويمكن أن تتضمن إجراء onClick
. على سبيل المثال، راجِع إضافة صورة.
تتوفّر هذه الميزة لتطبيقات Google Chat و"إضافات Google Workspace".
تمثيل JSON |
---|
{
"imageUrl": string,
"onClick": {
object ( |
الحقول | |
---|---|
image
|
عنوان URL لبروتوكول HTTPS الذي يستضيف الصورة على سبيل المثال:
|
on
|
عندما ينقر المستخدم على الصورة، تؤدي النقرة إلى تنفيذ هذا الإجراء. |
alt
|
النص البديل لهذه الصورة المستخدَم لتسهيل الاستخدام |
OnClick
يمثّل كيفية الردّ عندما ينقر المستخدِمون على عنصر تفاعلي في البطاقة، مثل زر.
متاحة لتطبيقات Google Chat وإضافات Google Workspace.
تمثيل JSON |
---|
{ // Union field |
الحقول | |
---|---|
حقل الاتحاد
يمكن أن تكون القيمة |
|
action
|
إذا تم تحديده، يتم بدء إجراء باستخدام
|
open
|
في حال تحديد |
open
|
تُشغِّل إحدى الإضافات هذا الإجراء عندما يحتاج الإجراء إلى فتح رابط. يختلف هذا عن الإجراء описан في
متاحة لإضافات Google Workspace ولا تتوفّر لتطبيقات Google Chat. |
card
|
يتمّ دفع بطاقة جديدة إلى حزمة البطاقات بعد النقر عليها إذا تمّ تحديد ذلك. متاحة لإضافات Google Workspace ولا تتوفّر لتطبيقات Google Chat. |
overflow
|
في حال تحديد
|
الإجراء
إجراء يصف السلوك عند إرسال النموذج. على سبيل المثال، يمكنك استدعاء نص برمجي لبرمجة التطبيقات لمعالجة النموذج. وفي حال بدء الإجراء، يتم إرسال قيم النموذج إلى الخادم.
تتوفّر هذه الميزة لتطبيقات Google Chat و"إضافات Google Workspace".
تمثيل JSON |
---|
{ "function": string, "parameters": [ { object ( |
الحقول | |
---|---|
function
|
دالة مخصّصة للتنفيذ عند النقر على العنصر الذي يحتوي على العنصر المعنيّ أو تفعيله بأي طريقة أخرى على سبيل المثال، يُرجى الاطّلاع على قراءة بيانات النموذج. |
parameters[]
|
قائمة بمَعلمات الإجراءات |
load
|
تحدِّد هذه السياسة مؤشر التحميل الذي يعرضه الإجراء أثناء تطبيق عبارة الحث على اتّخاذ إجراء. |
persist
|
يشير إلى ما إذا كانت قيم النموذج تظلّ بعد الإجراء. القيمة التلقائية هي
إذا كانت القيمة
إذا كانت القيمة
|
interaction
|
اختياريّ. مطلوب عند فتح مربّع حوار. الإجراءات التي يجب اتّخاذها استجابةً للتفاعل مع مستخدم، مثل النقر على زر في رسالة البطاقة
وإذا لم يتم تحديد ذلك، يستجيب التطبيق من خلال تنفيذ
ومن خلال تحديد
متاحة لتطبيقات Google Chat ولا تتوفّر لإضافات Google Workspace. |
required
|
اختياري. املأ هذه القائمة بأسماء التطبيقات المصغّرة التي يحتاج إليها هذا الإجراء لإرسال بيانات صالحة.
إذا لم تكن التطبيقات المصغّرة المدرَجة هنا لها قيمة عند تنفيذ هذا الإجراء، يتم إيقاف إرسال النموذج. تتوفّر هذه الميزة لتطبيقات Google Chat وإضافات Google Workspace. |
all
|
اختياري. إذا كان هذا صحيحًا، فستُعتبر جميع التطبيقات المصغّرة مطلوبة بموجب هذا الإجراء.
متاحة لتطبيقات Google Chat وإضافات Google Workspace. |
ActionParameter
قائمة بمَعلمات السلاسل التي يجب تقديمها عند استدعاء طريقة الإجراء على سبيل المثال، يمكنك التفكير في ثلاثة أزرار للتأجيل الآن أو الإزالة مؤقتًا لمدة يوم واحد أو التأجيل من الأسبوع المقبل. يمكنك استخدام
action method = snooze()
، مع تمرير نوع الغفوة ووقت الغفوة في قائمة مَعلمات السلاسل.
لمزيد من المعلومات، يُرجى الاطّلاع على CommonEventObject
.
متاحة لتطبيقات Google Chat وإضافات Google Workspace.
تمثيل JSON |
---|
{ "key": string, "value": string } |
الحقول | |
---|---|
key
|
اسم المَعلمة لنص الإجراء |
value
|
قيمة المَعلمة |
LoadIndicator
تُحدِّد مؤشر التحميل الذي يعرضه الإجراء أثناء إجراء الطلب.
متاحة لتطبيقات Google Chat وإضافات Google Workspace.
عمليات التعداد | |
---|---|
SPINNER
|
تعرِض هذه العلامة عنصر تحميل دوّارًا للإشارة إلى أنّه يتم تحميل المحتوى. |
NONE
|
لا يتم عرض أي بيانات. |
التفاعل
اختياريّ. مطلوبة عند فتح مربع حوار.
الإجراء الذي يجب اتّخاذه استجابةً للتفاعل مع مستخدم، مثل النقر على زر في رسالة البطاقة
في حال عدم تحديد الإجراء، يستجيب التطبيق من خلال تنفيذ
action
كالمعتاد، مثل فتح رابط أو تشغيل دالة.
ومن خلال تحديد
interaction
، يمكن للتطبيق الرد بطرق تفاعلية خاصة. على سبيل المثال، عند ضبط
interaction
على
OPEN_DIALOG
، يمكن للتطبيق فتح
مربع حوار.
ولا يظهر مؤشر تحميل عند تحديده. إذا تم تحديدها لإضافة، تتم إزالة البطاقة بالكامل ولا يظهر أي شيء في البرنامج.
تتوفّر هذه الميزة لتطبيقات Google Chat ولا تتوفّر لإضافات Google Workspace.
عمليات التعداد | |
---|---|
INTERACTION_UNSPECIFIED
|
القيمة التلقائية. يتم تنفيذ
action
كالمعتاد.
|
OPEN_DIALOG
|
يفتح مربّع حوار، وهو واجهة مستندة إلى البطاقات وتكون في نافذة تستخدمها تطبيقات Chat للتفاعل مع المستخدمين. لا يتوفّر هذا الخيار إلا في تطبيقات Chat استجابةً للنقر على الأزرار في رسائل البطاقات. إذا تم تحديد هذه البطاقة لإحدى الإضافات، فسيتم إزالة البطاقة بالكامل ولن يتم عرض أي شيء في البرنامج. متاحة لتطبيقات Google Chat ولا تتوفّر لإضافات Google Workspace. |
OpenLink
يمثّل حدثًا
onClick
يفتح رابطًا تشعّبيًا.
متاحة لتطبيقات Google Chat وإضافات Google Workspace.
تمثيل JSON |
---|
{ "url": string, "openAs": enum ( |
الحقول | |
---|---|
url
|
عنوان URL المطلوب فتحه. |
open
|
كيفية فتح رابط متاحة لإضافات Google Workspace ولا تتوفّر لتطبيقات Google Chat. |
on
|
ما إذا كان العميل ينسى الرابط بعد فتحه أو يراقبه إلى أن يتم إغلاق النافذة تتوفّر هذه الميزة لإضافات Google Workspace ولا تتوفّر لتطبيقات Google Chat. |
OpenAs
عندما يفتح إجراء
OnClick
رابطًا، يمكن للعميل فتحه إما كنافذة بالحجم الكامل (إذا كان هذا هو الإطار المستخدَم من قِبل العميل) أو كعنصر تراكبي (مثل نافذة منبثقة). يعتمد التنفيذ على إمكانات نظام العميل الأساسي، وقد يتم تجاهل القيمة المحدّدة إذا لم يكن العميل متوافقًا معها.
تتم إتاحة FULL_SIZE
من خلال جميع البرامج.
تتوفّر هذه الميزة لإضافات Google Workspace ولا تتوفّر لتطبيقات Google Chat.
عمليات التعداد | |
---|---|
FULL_SIZE
|
يتم فتح الرابط كنافذة بالحجم الكامل (إذا كان هذا هو الإطار الذي يستخدمه العميل). |
OVERLAY
|
يتم فتح الرابط كعنصر تراكبي، مثل نافذة منبثقة. |
OnClose
ما يفعله العميل عند إغلاق رابط مفتوح من خلال إجراء OnClick
:
يعتمد التنفيذ على إمكانات النظام الأساسي للعميل. على سبيل المثال، قد يفتح متصفّح ويب رابطًا في نافذة منبثقة باستخدام معالج OnClose
.
في حال ضبط كلا المعالِجات
OnOpen
وOnClose
، ولم تتمكّن منصة البرنامج من إتاحة كلتا القيمتين،
تكون الأولوية لـ OnClose
.
تتوفّر هذه الميزة لإضافات Google Workspace ولا تتوفّر لتطبيقات Google Chat.
عمليات التعداد | |
---|---|
NOTHING
|
القيمة التلقائية. لا تتم إعادة تحميل البطاقة ولا يحدث أي شيء. |
RELOAD
|
تُعيد تحميل البطاقة بعد إغلاق نافذة الطفل.
في حال استخدام النافذة الفرعية مع
|
OverflowMenu
تطبيق مصغّر يعرض قائمة منبثقة تتضمّن إجراءً واحدًا أو أكثر يمكن للمستخدمين تنفيذه على سبيل المثال، عرض الإجراءات غير الأساسية في إحدى البطاقات. يمكنك استخدام هذا التطبيق المصغّر في حال عدم ملاءمة الإجراءات للمساحة المتاحة. لاستخدام هذا التطبيق المصغّر، حدِّده في الإجراء
OnClick
للتطبيقات المصغّرة المتوافقة معه. على سبيل المثال، في Button
.
تتوفّر هذه الميزة لتطبيقات Google Chat ولا تتوفّر لإضافات Google Workspace.
تمثيل JSON |
---|
{
"items": [
{
object ( |
الحقول | |
---|---|
items[]
|
مطلوب. قائمة خيارات القائمة |
OverflowMenuItem
خيار يمكن للمستخدمين استدعاءه في قائمة كاملة.
تتوفّر هذه الميزة لتطبيقات Google Chat ولا تتوفّر لإضافات Google Workspace.
تمثيل JSON |
---|
{ "startIcon": { object ( |
الحقول | |
---|---|
start
|
الرمز المعروض أمام النص |
text
|
مطلوب. النص الذي يحدّد السلعة أو يصفّها للمستخدمين |
on
|
مطلوب. الإجراء الذي يتم تنفيذه عند اختيار خيار من القائمة لا يمكن أن يحتوي
|
disabled
|
ما إذا كان خيار القائمة غير مفعَّل وتكون القيم التلقائية على "خطأ". |
الرمز
رمز معروض في تطبيق مصغّر على بطاقة للحصول على مثال في تطبيقات Google Chat، يُرجى الاطّلاع على إضافة رمز.
وهو يتيح استخدام الرموز المدمَجة والمخصّصة.
متاحة لتطبيقات Google Chat وإضافات Google Workspace.
تمثيل JSON |
---|
{ "altText": string, "imageType": enum ( |
الحقول | |
---|---|
alt
|
اختياريّ. تمثّل هذه السمة وصف الرمز المستخدَم لإمكانية الوصول. إذا لم يتم تحديد قيمة هذه السمة، يتم توفير القيمة التلقائية
إذا تم ضبط الرمز في
|
image
|
نمط الاقتصاص المُطبَّق على الصورة في بعض الحالات، يؤدي تطبيق عملية اقتصاص
|
حقل الاتحاد
icons . الرمز المعروض في التطبيق المصغّر على البطاقة
icons
يمكن أن تكون إحدى القيم التالية فقط:
|
|
known
|
عرض أحد الرموز المضمّنة التي يوفّرها Google Workspace
على سبيل المثال، لعرض رمز طائرة، حدِّد
للحصول على قائمة كاملة بالرموز المتوافقة، راجِع الرموز المضمّنة. |
icon
|
عرض رمز مخصّص مستضاف على عنوان URL يستخدم HTTPS على سبيل المثال:
تشمل أنواع الملفات المتوافقة
|
material
|
اعرض أحد رموز Google Material. على سبيل المثال، لعرض رمز مربّع الاختيار، استخدِم
تتوفّر هذه الميزة لتطبيقات Google Chat ولا تتوفّر لإضافات Google Workspace. |
MaterialIcon
رمز Google Material Icon، الذي يتضمّن أكثر من 2500 خيار
على سبيل المثال، لعرض رمز مربّع اختيار بدرجة ووزن مخصّصَين، اكتب ما يلي:
{
"name": "check_box",
"fill": true,
"weight": 300,
"grade": -25
}
تتوفّر هذه الميزة لتطبيقات Google Chat ولا تتوفّر لإضافات Google Workspace.
تمثيل JSON |
---|
{ "name": string, "fill": boolean, "weight": integer, "grade": integer } |
الحقول | |
---|---|
name
|
وهو اسم الرمز المحدّد في رمز مواد Google، على سبيل المثال |
fill
|
ما إذا كان سيتم عرض الرمز ممتلئًا القيمة التلقائية هي خطأ. لمعاينة إعدادات الرموز المختلفة، انتقِل إلى رموز خطوط Google واضبط الإعدادات ضمن تخصيص. |
weight
|
كثافة خط الرمز اختَر من بين {100, 200, 300, 400, 500, 600, 700}. إذا لم تكن هذه السمة متوفّرة، تكون القيمة التلقائية هي 400. إذا تم تحديد أي قيمة أخرى، يتم استخدام القيمة التلقائية. لمعاينة إعدادات الرموز المختلفة، انتقِل إلى رموز خطوط Google واضبط الإعدادات ضمن تخصيص. |
grade
|
يؤثران في سمك الرمز. وتعد التعديلات التي يتم إجراؤها على الدرجة أكثر دقة من التعديلات على الوزن، كما أن لها تأثير بسيط في حجم الرمز. اختَر من بين {-25, 0, 200}. إذا لم تكن متوفّرة، تكون القيمة التلقائية هي 0. إذا تم تحديد أي قيمة أخرى، يتم استخدام القيمة التلقائية. لمعاينة إعدادات الرموز المختلفة، انتقِل إلى رموز خطوط Google واضبط الإعدادات ضمن تخصيص. |
DecoratedText
تطبيق مصغّر يعرض نصًا مع زخارف اختيارية، مثل تصنيف أعلى النص أو أسفله، أو رمز أمام النص، أو أداة التحديد، أو زر بعد النص. للاطّلاع على مثال في تطبيقات Google Chat، يمكنك الاطّلاع على المقالة عرض نص بنص مزخرف.
تتوفّر هذه الميزة لتطبيقات Google Chat و"إضافات Google Workspace".
تمثيل JSON |
---|
{ "icon": { object ( |
الحقول | |
---|---|
icon
|
تم إيقافها لصالح
|
start
|
الرمز المعروض أمام النص |
top
|
النص الذي يظهر فوق
|
text
|
مطلوب. النص الأساسي تتيح التنسيق البسيط. لمزيد من المعلومات عن تنسيق النص، يُرجى الاطّلاع على مقالتَي: تنسيق النص في تطبيقات Google Chat و تنسيق النص في إضافات Google Workspace. |
wrap
|
إعداد التفاف النص في حال
ينطبق هذا التغيير على
|
bottom
|
النص الذي يظهر أدناه
|
on
|
يتم بدء هذا الإجراء عندما ينقر المستخدمون على
|
حقل الاتحاد
control . زر أو مفتاح تبديل أو مربّع اختيار أو صورة تظهر على يسار النص في أداة
decoratedText
يمكن أن تكون القيمة control واحدًا فقط مما يلي:
|
|
button
|
زر يمكن للمستخدم النقر عليه لتشغيل إجراء. |
switch
|
أداة للتبديل يمكن للمستخدم النقر عليها لتغيير حالته وتنفيذ إجراء. |
end
|
رمز يظهر بعد النص |
زرّ
نص أو رمز أو زر نص ورمز يمكن للمستخدمين النقر عليه للحصول على مثال في تطبيقات Google Chat، يُرجى الاطّلاع على إضافة زر.
لتحويل صورة إلى زر يمكن النقر عليه، حدِّد رمز
(وليس رمز
Image
) واضبط إجراء
ImageComponent
onClick
.
متاحة لتطبيقات Google Chat وإضافات Google Workspace.
تمثيل JSON |
---|
{ "text": string, "icon": { object ( |
الحقول | |
---|---|
text
|
النص المعروض داخل الزر |
icon
|
رمز معروض داخل الزر إذا تم ضبط كل من
|
color
|
اختياريّ. لون الزرّ. في حال ضبطه، يتم ضبط الزر
لضبط لون الزر، حدِّد قيمة للحقول على سبيل المثال، يضبط الرمز البرمجي التالي اللون على الأحمر بأعلى كثافة:
الحقل
|
on
|
مطلوب. الإجراء الذي سيتم تنفيذه عندما ينقر المستخدم على الزر، مثل فتح رابط تشعبي أو تشغيل دالة مخصّصة. |
disabled
|
إذا كان القيمة هي
|
alt
|
النص البديل المستخدَم لتحسين إمكانية الاستخدام اضبط نصًا وصفيًا يُعلِم المستخدمين بوظائف الزر. على سبيل المثال، إذا كان الزر يفتح رابطًا تشعبيًا، يمكنك كتابة: "يفتح علامة تبويب جديدة في المتصفّح وينتقل إلى مستندات المطوّرين الخاصة بخدمة Google Chat على الرابط https://developers.google.com/workspace/chat". |
type
|
اختياريّ. نوع الزر. وفي حال ترك هذه السياسة بدون ضبط، سيتم ضبط نوع الزر تلقائيًا على
تتوفّر هذه الميزة لتطبيقات Google Chat ولا تتوفّر لإضافات Google Workspace. |
اللون
يمثل لونًا في مساحة ألوان RGBA. تم تصميم هذا التمثيل لتسهيل التحويل من تمثيلات الألوان وإليها بلغات مختلفة بدلاً من جعله أكثر كثافة. على سبيل المثال، يمكن تقديم حقول هذا التمثيل بسهولة إلى طريقة الإنشاء الخاصة بملف
java.awt.Color
في Java، ويمكن أيضًا تقديمها بسهولة إلى +colorWithRed:green:blue:alpha
في UIColor في iOS، ويمكن تنسيقها بسهولة إلى سلسلة
rgba()
في CSS باستخدام القليل من الجهد في JavaScript.
لا تحتوي هذه الصفحة المرجعية على معلومات عن مساحة اللون المطلقة التي يجب استخدامها لتفسير قيمة النموذج اللوني أحمر أخضر أزرق، على سبيل المثال، sRGB وAdobe RGB وDCI-P3 وBT.2020. وبشكل تلقائي، يجب أن تفترض التطبيقات مساحة اللون sRGB.
عند الحاجة إلى تحديد ما إذا كان اللونان متطابقَين، تتعامل عمليات التنفيذ مع اللونَين على أنّهما متطابقَين إذا كانت قيم كل من الأحمر والأخضر والأزرق ودرجة الشفافية تختلف عن بعضها بحد أقصى
1e-5
، ما لم يتم توثيق خلاف ذلك.
مثال (Java):
import com.google.type.Color;
// ...
public static java.awt.Color fromProto(Color protocolor) {
float alpha = protocolor.hasAlpha()
? protocolor.getAlpha().getValue()
: 1.0;
return new java.awt.Color(
protocolor.getRed(),
protocolor.getGreen(),
protocolor.getBlue(),
alpha);
}
public static Color toProto(java.awt.Color color) {
float red = (float) color.getRed();
float green = (float) color.getGreen();
float blue = (float) color.getBlue();
float denominator = 255.0;
Color.Builder resultBuilder =
Color
.newBuilder()
.setRed(red / denominator)
.setGreen(green / denominator)
.setBlue(blue / denominator);
int alpha = color.getAlpha();
if (alpha != 255) {
result.setAlpha(
FloatValue
.newBuilder()
.setValue(((float) alpha) / denominator)
.build());
}
return resultBuilder.build();
}
// ...
مثال (iOS / Obj-C):
// ...
static UIColor* fromProto(Color* protocolor) {
float red = [protocolor red];
float green = [protocolor green];
float blue = [protocolor blue];
FloatValue* alpha_wrapper = [protocolor alpha];
float alpha = 1.0;
if (alpha_wrapper != nil) {
alpha = [alpha_wrapper value];
}
return [UIColor colorWithRed:red green:green blue:blue alpha:alpha];
}
static Color* toProto(UIColor* color) {
CGFloat red, green, blue, alpha;
if (![color getRed:&red green:&green blue:&blue alpha:&alpha]) {
return nil;
}
Color* result = [[Color alloc] init];
[result setRed:red];
[result setGreen:green];
[result setBlue:blue];
if (alpha <= 0.9999) {
[result setAlpha:floatWrapperWithValue(alpha)];
}
[result autorelease];
return result;
}
// ...
مثال (JavaScript):
// ...
var protoToCssColor = function(rgb_color) {
var redFrac = rgb_color.red || 0.0;
var greenFrac = rgb_color.green || 0.0;
var blueFrac = rgb_color.blue || 0.0;
var red = Math.floor(redFrac * 255);
var green = Math.floor(greenFrac * 255);
var blue = Math.floor(blueFrac * 255);
if (!('alpha' in rgb_color)) {
return rgbToCssColor(red, green, blue);
}
var alphaFrac = rgb_color.alpha.value || 0.0;
var rgbParams = [red, green, blue].join(',');
return ['rgba(', rgbParams, ',', alphaFrac, ')'].join('');
};
var rgbToCssColor = function(red, green, blue) {
var rgbNumber = new Number((red << 16) | (green << 8) | blue);
var hexString = rgbNumber.toString(16);
var missingZeros = 6 - hexString.length;
var resultBuilder = ['#'];
for (var i = 0; i < missingZeros; i++) {
resultBuilder.push('0');
}
resultBuilder.push(hexString);
return resultBuilder.join('');
};
// ...
تمثيل JSON |
---|
{ "red": number, "green": number, "blue": number, "alpha": number } |
الحقول | |
---|---|
red
|
مقدار اللون الأحمر في اللون كقيمة في النطاق [0, 1] |
green
|
مقدار اللون الأخضر في اللون كقيمة في النطاق [0, 1] |
blue
|
مقدار اللون الأزرق في اللون كقيمة في الفاصل [0, 1]. |
alpha
|
جزء هذا اللون الذي يجب تطبيقه على البكسل. أي أن لون البكسل النهائي يتم تحديده من خلال المعادلة:
وهذا يعني أن القيمة 1.0 تتجاوب مع لون خالص، في حين تتجاوب القيمة 0.0 مع لون شفاف تمامًا. يستخدم ذلك رسالة تضمين بدلاً من عدد قياسي عائم بسيط بحيث يمكن التمييز بين القيمة التلقائية والقيمة التي يتم إلغاء تعيينها. وعند إسقاطه، يتم عرض كائن اللون هذا كلون ثابت (كما لو تم إعطاء قيمة ألفا بوضوح قيمة 1.0). |
النوع
اختياريّ.
نوع
الزر في حال ضبط حقل
color
، يتم فرض
type
على
FILLED
.
تتوفّر هذه الميزة لتطبيقات Google Chat ولا تتوفّر لإضافات Google Workspace.
عمليات التعداد | |
---|---|
TYPE_UNSPECIFIED
|
لا تستخدِم هذه الميزة. غير محدد |
OUTLINED
|
الأزرار المحدَّدة الجوانب هي أزرار ذات أهمية متوسطة. وعادةً ما تحتوي على إجراءات مهمة، ولكنها ليست الإجراء الأساسي في تطبيق Chat أو إحدى الإضافات. |
FILLED
|
يحتوي الزرّ المعبأ على حاوية بلون خالص. لها التأثير المرئي الأكبر، ويُنصح باستخدامها للإجراء المهم والأساسي في تطبيق Chat أو إضافة. |
FILLED_TONAL
|
زر الدرجات اللونية المملوء هو أرض متوسطة بديلة بين الأزرار المملوءة والمحددة. وهي مفيدة في السياقات التي يتطلب فيها زر ذو أولوية أقل تركيزًا أكبر قليلاً مما قد يقدّمه زر مخطّط. |
BORDERLESS
|
لا يحتوي الزر على حاوية غير مرئية في حالته التلقائية. ويتم استخدامه غالبًا للإجراءات ذات الأولوية الأدنى، خاصةً عند عرض خيارات متعدّدة. |
عنصر تحكم التبديل
يمكنك إما اختيار مفتاح تبديل بنمط التبديل أو مربّع اختيار داخل
تطبيق decoratedText
المصغّر.
متاحة لتطبيقات Google Chat وإضافات Google Workspace.
لا تتوفّر هذه الميزة إلا في أداة
decoratedText
.
تمثيل JSON |
---|
{ "name": string, "value": string, "selected": boolean, "onChangeAction": { object ( |
الحقول | |
---|---|
name
|
الاسم الذي يتم من خلاله التعرّف على التطبيق المصغّر للتبديل في حدث إدخال نموذج. لمعرفة التفاصيل حول التعامل مع مدخلات النماذج، يُرجى الاطّلاع على تلقّي بيانات النماذج. |
value
|
القيمة التي أدخلها المستخدم، ويتم عرضها كجزء من حدث إدخال النموذج. لمعرفة تفاصيل عن التعامل مع إدخالات النماذج، راجِع تلقي بيانات النموذج. |
selected
|
عند
|
on
|
الإجراء الذي سيتم تنفيذه عند تغيير حالة مفتاح التبديل، مثل الدالة التي سيتم تنفيذها |
control
|
كيفية ظهور مفتاح التبديل في واجهة المستخدم تتوفّر هذه الميزة لتطبيقات Google Chat وإضافات Google Workspace. |
ControlType
كيفية ظهور مفتاح التبديل في واجهة المستخدم
تتوفّر هذه الميزة لتطبيقات Google Chat و"إضافات Google Workspace".
عمليات التعداد | |
---|---|
SWITCH
|
مفتاح تبديل بنمط الإيقاف/التفعيل |
CHECKBOX
|
تم إيقافها لصالح
CHECK_BOX .
|
CHECK_BOX
|
مربّع اختيار |
ButtonList
قائمة بالأزرار الموضوعة أفقيًا. للاطّلاع على مثال في تطبيقات Google Chat، راجِع إضافة زر.
تتوفّر هذه الميزة لتطبيقات Google Chat و"إضافات Google Workspace".
تمثيل JSON |
---|
{
"buttons": [
{
object ( |
الحقول | |
---|---|
buttons[]
|
صفيف من الأزرار |
TextInput
حقل يمكن للمستخدمين إدخال نص فيه دعم الاقتراحات والإجراءات عند التغيير. للاطّلاع على مثال في تطبيقات Google Chat، يمكنك الاطّلاع على إضافة حقل يمكن للمستخدم إدخال نص فيه.
تتلقّى تطبيقات Chat قيمة النص الذي تم إدخاله ويمكنها معالجتها أثناء أحداث إدخال النماذج. لمعرفة تفاصيل عن التعامل مع إدخالات النماذج، راجِع تلقي بيانات النموذج.
استخدِم حقل إدخال نصيًا عندما تحتاج إلى جمع بيانات غير محدّدة أو مجردة من المستخدمين. لجمع بيانات محدّدة أو محدَّدة من المستخدمين، استخدِم التطبيق المصغّر
SelectionInput
.
متاحة لتطبيقات Google Chat وإضافات Google Workspace.
تمثيل JSON |
---|
{ "name": string, "label": string, "hintText": string, "value": string, "type": enum ( |
الحقول | |
---|---|
name
|
الاسم الذي يتم من خلاله تعريف إدخال النص في حدث إدخال النموذج. لمعرفة تفاصيل عن التعامل مع إدخالات النماذج، راجِع تلقي بيانات النموذج. |
label
|
النص الذي يظهر أعلى حقل إدخال النص في واجهة المستخدم
حدِّد نصًا يساعد المستخدم في إدخال المعلومات التي يحتاجها تطبيقك. على سبيل المثال، إذا كنت تسأل عن اسم أحد الأشخاص، ولكنك تحتاج إلى اسم العائلة على وجه التحديد، اكتب
مطلوبة في حال عدم تحديد السمة |
hint
|
يهدف النص الذي يظهر أسفل حقل إدخال النص إلى مساعدة المستخدمين من خلال مطالبتهم بإدخال قيمة معيّنة. ويكون هذا النص مرئيًا دائمًا.
مطلوبة إذا لم يتم تحديد
|
value
|
القيمة التي أدخلها المستخدِم، ويتم عرضها كجزء من حدث إدخال نموذج. لمعرفة التفاصيل حول التعامل مع مدخلات النماذج، يُرجى الاطّلاع على تلقّي بيانات النماذج. |
type
|
طريقة ظهور حقل إدخال نص في واجهة المستخدم على سبيل المثال، ما إذا كان الحقل فرديًا أم متعدّد الأسطر. |
on
|
الإجراءات التي يجب اتّخاذها عند حدوث تغيير في حقل إدخال النص على سبيل المثال، إضافة مستخدم إلى الحقل أو حذف نص. من أمثلة الإجراءات التي يجب اتخاذها تشغيل وظيفة مخصصة أو فتح مربع حوار في Google Chat. |
initial
|
القيم المقترَحة التي يمكن للمستخدمين إدخالها. تظهر هذه القيم عندما ينقر المستخدمون داخل حقل إدخال النص. أثناء الكتابة، تتم فلترة القيم المقترَحة ديناميكيًا لتتطابق مع ما كتبه المستخدمون.
على سبيل المثال، قد يقترح حقل إدخال نص للغة البرمجة Java وJavaScript وPython وC++. عندما يبدأ المستخدمون في كتابة
تساعد القيم المقترَحة في توجيه المستخدمين لإدخال قيم يمكن لتطبيقك فهمها. عند الإشارة إلى JavaScript، قد يُدخل بعض المستخدمين
عند تحديد قيمة السمة تتوفّر هذه الميزة لتطبيقات Google Chat وإضافات Google Workspace. |
auto
|
اختياريّ. حدِّد الإجراء الذي سيتم اتّخاذه عندما يقدّم حقل إدخال النص اقتراحات للمستخدمين الذين يتفاعلون معه.
في حال عدم تحديد الاقتراحات، يتم ضبط الاقتراحات من خلال
يتّخذ التطبيق الإجراء المحدّد هنا، مثل تشغيل دالة مخصّصة، إذا تم تحديده. متاحة لإضافات Google Workspace ولا تتوفّر لتطبيقات Google Chat. |
validation
|
حدِّد عملية التحقّق اللازمة لحقل إدخال النص هذا.
تتوفّر هذه الميزة لتطبيقات Google Chat وإضافات Google Workspace. |
placeholder
|
النص الذي يظهر في حقل إدخال النص عندما يكون الحقل فارغًا استخدِم هذا النص لتوجيه المستخدمين إلى إدخال قيمة. مثلاً: تتوفّر هذه الميزة لتطبيقات Google Chat ولا تتوفّر لإضافات Google Workspace. |
النوع
طريقة ظهور حقل إدخال نص في واجهة المستخدم على سبيل المثال، ما إذا كان حقل إدخال سطر واحد أو حقل إدخال سطور متعددة. إذا تم تحديد initialSuggestions
، ستكون قيمة type
دائمًا SINGLE_LINE
، حتى لو تم ضبطها على MULTIPLE_LINE
.
تتوفّر هذه الميزة لتطبيقات Google Chat و"إضافات Google Workspace".
عمليات التعداد | |
---|---|
SINGLE_LINE
|
حقل إدخال النص له ارتفاع ثابت لسطر واحد. |
MULTIPLE_LINE
|
يكون لـ "حقل إدخال النص" ارتفاع ثابت يتضمّن عدة أسطر. |
RenderActions
مجموعة من تعليمات العرض التي تُطلب من البطاقة تنفيذ إجراء معيّن، أو تُطلب من التطبيق المضيف للإضافة أو تطبيق Chat تنفيذ إجراء خاص بالتطبيق
تتوفّر هذه الميزة لتطبيقات Google Chat وإضافات Google Workspace.
الحقول | |
---|---|
action |
الإجراء
الحقول | |
---|---|
navigations[] |
دفع البطاقات المعروضة أو تعديلها |
اقتراحات
القيم المقترَحة التي يمكن للمستخدمين إدخالها تظهر هذه القيم عندما ينقر المستخدمون داخل حقل إدخال النص. أثناء كتابة المستخدمين، تتم تصفية القيم المقترَحة ديناميكيًا لمطابقة ما كتبه المستخدمون.
على سبيل المثال، قد يقترح حقل إدخال نص للغة البرمجة Java وJavaScript وPython وC++. عندما يبدأ المستخدمون في كتابة
Jav
، يتم فلترة قائمة الاقتراحات لعرض
Java
و
JavaScript
.
تساعد القيم المقترَحة المستخدمين في إدخال قيم يمكن لتطبيقك فهمها. عند الإشارة إلى JavaScript، قد يُدخل بعض المستخدمين
javascript
والآخرين
java script
. ويمكن أن يؤدي اقتراح
"JavaScript
" إلى توحيد طريقة تفاعل المستخدمين مع تطبيقك.
عند تحديده، يكون
TextInput.type
دائمًا
SINGLE_LINE
، حتى إذا تم ضبطه على
MULTIPLE_LINE
.
تتوفّر هذه الميزة لتطبيقات Google Chat و"إضافات Google Workspace".
تمثيل JSON |
---|
{
"items": [
{
object ( |
الحقول | |
---|---|
items[]
|
قائمة بالاقتراحات المستخدَمة لاقتراحات الإكمال التلقائي في حقول إدخال النصوص |
SuggestionItem
قيمة مقترَحة واحدة يمكن للمستخدمين إدخالها في حقل إدخال نص
تتوفّر هذه الميزة لتطبيقات Google Chat و"إضافات Google Workspace".
تمثيل JSON |
---|
{ // Union field |
الحقول | |
---|---|
حقل الاتحاد
يمكن أن تكون القيمة |
|
text
|
قيمة الإدخال المقترَح في حقل إدخال نصي. ويعادل ذلك ما يُدخله المستخدمون بأنفسهم. |
التحقّق من الصحة
يمثل هذا الحقل البيانات اللازمة للتحقق من التطبيق المصغّر المرفق به.
متاحة لتطبيقات Google Chat وإضافات Google Workspace.
تمثيل JSON |
---|
{
"characterLimit": integer,
"inputType": enum ( |
الحقول | |
---|---|
character
|
حدِّد عدد الأحرف المسموح به لأداة إدخال النص. يُرجى العِلم أنّه لا يتم استخدام هذه القيمة إلا لإدخال النصوص، ويتم تجاهلها في التطبيقات المصغّرة الأخرى.
تتوفّر هذه الميزة لتطبيقات Google Chat و"إضافات Google Workspace". |
input
|
حدِّد نوع تطبيقات المصغّرات المخصّصة لإدخال البيانات.
متاحة لتطبيقات Google Chat وإضافات Google Workspace. |
InputType
نوع التطبيق المصغّر للإدخال
عمليات التعداد | |
---|---|
INPUT_TYPE_UNSPECIFIED
|
نوع غير محدَّد. لا تستخدِم هذه الطريقة. |
TEXT
|
نص عادي يقبل جميع الأحرف |
INTEGER
|
قيمة عدد صحيح. |
FLOAT
|
قيمة عائمة. |
EMAIL
|
عنوان بريد إلكتروني. |
EMOJI_PICKER
|
رمز تعبيري تم اختياره من أداة اختيار الرموز التعبيرية التي يوفّرها النظام |
SelectionInput
تطبيق مصغّر ينشئ عنصرًا واحدًا أو أكثر من عناصر واجهة المستخدم يمكن للمستخدمين اختيارها على سبيل المثال، قائمة منسدلة أو مربّعات اختيار. يمكنك استخدام هذه الأداة المصغّرة لجمع البيانات التي يمكن توقّعها أو تعدادها. للحصول على مثال في تطبيقات Google Chat، اطّلِع على إضافة عناصر واجهة مستخدم قابلة للاختيار.
يمكن للتطبيقات في Chat معالجة قيمة العناصر التي يختارها المستخدمون أو يُدخلونها. لمعرفة تفاصيل عن التعامل مع إدخالات النماذج، راجِع تلقي بيانات النموذج.
لجمع بيانات غير محدّدة أو مجردة من المستخدمين، استخدِم تطبيق TextInput
المصغّر.
تتوفّر هذه الميزة لتطبيقات Google Chat و"إضافات Google Workspace".
تمثيل JSON |
---|
{ "name": string, "label": string, "type": enum ( |
الحقول | |
---|---|
name
|
مطلوب. الاسم الذي يحدّد إدخال الاختيار في حدث إدخال نموذج. لمعرفة تفاصيل عن التعامل مع إدخالات النماذج، راجِع تلقي بيانات النموذج. |
label
|
النص الذي يظهر أعلى حقل إدخال الاختيار في واجهة المستخدم حدِّد نصًا يساعد المستخدم في إدخال المعلومات التي يحتاجها تطبيقك. على سبيل المثال، إذا كان المستخدمون يختارون مدى إلحاح طلب العمل من قائمة منسدلة، قد يكون التصنيف "مدى إلحاح الطلب" أو "اختيار مدى إلحاح الطلب". |
type
|
تمثّل هذه السمة نوع العناصر التي يتم عرضها للمستخدمين في تطبيق |
items[]
|
مصفوفة من العناصر القابلة للاختيار على سبيل المثال، مصفوفة من أزرار الاختيار أو مربّعات الاختيار يمكن استخدام ما يصل إلى 100 عنصر. |
on
|
إذا تم تحديد هذا الخيار، يتم إرسال النموذج عند تغيير الاختيار. وإذا لم يتم تحديده، يجب تحديد زر منفصل لإرسال النموذج. لمعرفة تفاصيل عن التعامل مع إدخالات النماذج، راجِع تلقي بيانات النموذج. |
multi
|
بالنسبة إلى قوائم التحديد المتعدد، يكون الحد الأقصى لعدد العناصر التي يمكن للمستخدم اختيارها. الحد الأدنى للقيمة هو سلعة واحدة. وفي حال عدم تحديد قيمة، يتم ضبط الإعدادات التلقائية على 3 عناصر. |
multi
|
بالنسبة إلى قوائم التحديد المتعدد، يتم الإكمال التلقائي لعدد الأحرف النصية التي يُدخلها المستخدم قبل طلب بحث التطبيق ويعرض العناصر المقترحة في القائمة. إذا لم يتم تحديدها، يتم ضبطها تلقائيًا على 0 أحرف لمصادر البيانات الثابتة و3 أحرف لمصادر البيانات الخارجية. |
validation
|
بالنسبة إلى القوائم المنسدلة، ينطبق ذلك على عملية التحقّق من صحة حقل إدخال الاختيار هذا. تتوفّر هذه الميزة لتطبيقات Google Chat وإضافات Google Workspace. |
حقل الربط
تتوفّر هذه الميزة لتطبيقات Google Chat ولا تتوفّر لإضافات Google Workspace.
يمكن أن تكون القيمة |
|
external
|
مصدر بيانات خارجي، مثل قاعدة بيانات ارتباطية. |
platform
|
مصدر بيانات من Google Workspace |
SelectionType
تنسيق العناصر التي يمكن للمستخدمين اختيارها تتيح الخيارات المختلفة أنواعًا مختلفة من التفاعلات. على سبيل المثال، يمكن للمستخدمين تحديد عدة مربعات اختيار، ولكن يمكنهم فقط تحديد عنصر واحد من القائمة المنسدلة.
يتيح كل إدخال اختيار نوعًا واحدًا من التحديد. على سبيل المثال، لا يمكن استخدام مربّعات الاختيار ومفاتيح التبديل معًا.
متاحة لتطبيقات Google Chat وإضافات Google Workspace.
عمليات التعداد | |
---|---|
CHECK_BOX
|
مجموعة من مربعات الاختيار. يمكن للمستخدمين اختيار مربّع اختيار واحد أو أكثر. |
RADIO_BUTTON
|
مجموعة من أزرار الاختيار يمكن للمستخدمين تحديد زر اختيار واحد. |
SWITCH
|
مجموعة من مفاتيح التحكّم يمكن للمستخدمين تفعيل مفتاح واحد أو أكثر. |
DROPDOWN
|
قائمة منسدلة يمكن للمستخدمين اختيار عنصر واحد من القائمة. |
MULTI_SELECT
|
قائمة اختيار متعدّد للبيانات الثابتة أو الديناميكية من شريط القوائم، يحدد المستخدمون عنصرًا واحدًا أو أكثر. يمكن للمستخدمين أيضًا إدخال قيم لتعبئة البيانات الديناميكية. على سبيل المثال، يمكن للمستخدمين بدء كتابة اسم مساحة في Google Chat، ويقترح التطبيق المصغّر المساحة تلقائيًا. لتعبئة عناصر قائمة متعددة الاختيارات، يمكنك استخدام أحد الأنواع التالية من مصادر البيانات:
للحصول على أمثلة حول طريقة عرض قوائم اختيار متعدّدة، يمكنك مراجعة المقالة حول إضافة قائمة اختيار متعدّدة. متاحة لتطبيقات Google Chat وإضافات Google Workspace. |
SelectionItem
يشير ذلك المصطلح إلى عنصر يمكن للمستخدمين اختياره في حقل إدخال محدَّد، مثل مربّع اختيار أو مفتاح تبديل.
تتوفّر هذه الميزة لتطبيقات Google Chat و"إضافات Google Workspace".
تمثيل JSON |
---|
{ "text": string, "value": string, "selected": boolean, "startIconUri": string, "bottomText": string } |
الحقول | |
---|---|
text
|
النص الذي يعرّف المستخدمين على السلعة أو يصفها |
value
|
القيمة المرتبطة بهذا العنصر. يجب أن يستخدم العميل ذلك كقيمة إدخال للنموذج. لمعرفة التفاصيل حول التعامل مع مدخلات النماذج، يُرجى الاطّلاع على تلقّي بيانات النماذج. |
selected
|
ما إذا كان قد تم اختيار العنصر تلقائيًا. إذا كان الإدخال المحدّد يقبل قيمة واحدة فقط (مثل أزرار الاختيار أو القائمة المنسدلة)، عليك ضبط هذا الحقل لعنصر واحد فقط. |
start
|
بالنسبة إلى القوائم التي تتيح الاختيار المتعدّد، يكون عنوان URL للرمز معروضًا بجانب حقل
|
bottom
|
بالنسبة إلى قوائم الاختيار المتعدد، يكون وصفًا نصيًا أو تصنيفًا يتم عرضه أسفل حقل
|
PlatformDataSource
بالنسبة إلى تطبيقات
المصغّرة التي تستخدِم قائمة اختيار متعدّد، يجب توفير مصدر بيانات من Google Workspace. تُستخدَم لتعبئة العناصر في قائمة اختيار متعدّد.
SelectionInput
متاحة لتطبيقات Google Chat ولا تتوفّر لإضافات Google Workspace.
تمثيل JSON |
---|
{ // Union field |
الحقول | |
---|---|
حقل الربط
data_source . مصدر البيانات
data_source
يمكن أن تكون إحدى القيم التالية فقط:
|
|
common
|
مصدر بيانات تشاركه جميع تطبيقات Google Workspace، مثل المستخدمين في مؤسسة Google Workspace. |
host
|
مصدر بيانات فريد لتطبيق مضيف في Google Workspace، مثل المساحات في Google Chat يتوافق هذا الحقل مع مكتبات Google API Client Libraries، ولكنّه غير متوفّر في مكتبات Cloud Client Libraries. لمزيد من المعلومات، يُرجى الاطّلاع على تثبيت مكتبات العملاء. |
CommonDataSource
مصدر بيانات تتم مشاركته من قِبل جميع تطبيقات Google Workspace
متاحة لتطبيقات Google Chat ولا تتوفّر لإضافات Google Workspace.
عمليات التعداد | |
---|---|
UNKNOWN
|
القيمة التلقائية لا تستخدِم هذه الميزة. |
USER
|
مستخدمو Google Workspace لا يمكن للمستخدم عرض المستخدمين واختيارهم إلا من مؤسسته على Google Workspace. |
HostAppDataSourceMarkup
بالنسبة إلى تطبيقات الويب المصغرة
التي تستخدم قائمة اختيار متعدّد، يجب توفير مصدر بيانات من تطبيق Google Workspace. يملأ مصدر البيانات عناصر الاختيار لقائمة التحديد المتعدد.
SelectionInput
تتوفّر هذه الميزة لتطبيقات Google Chat ولا تتوفّر لإضافات Google Workspace.
تمثيل JSON |
---|
{ // Union field |
الحقول | |
---|---|
حقل الربط
data_source . تطبيق Google Workspace الذي يملأ العناصر لقائمة اختيارات متعدّدة
يمكن أن تكون القيمة data_source واحدًا فقط مما يلي:
|
|
chat
|
مصدر بيانات من Google Chat |
ChatClientDataSourceMarkup
بالنسبة إلى
تطبيق
المصغّر الذي يستخدم قائمة اختيار متعدّدة، وهو مصدر بيانات من Google Chat. يعبّئ مصدر البيانات عناصر الاختيار لقائمة الاختيار المتعدّد. على سبيل المثال، يمكن للمستخدم اختيار مساحات Google Chat التي يكون عضوًا فيها.
SelectionInput
تتوفّر هذه الميزة لتطبيقات Google Chat ولا تتوفّر لإضافات Google Workspace.
تمثيل JSON |
---|
{ // Union field |
الحقول | |
---|---|
حقل الاتحاد
source . مصدر بيانات Google Chat
يمكن أن تكون القيمة source واحدًا فقط مما يلي:
|
|
space
|
مساحات Google Chat التي يكون المستخدم عضوًا فيها |
SpaceDataSource
مصدر بيانات يعبّئ مساحات Google Chat كعناصر اختيار لقائمة متعددة الاختيارات لا يتمّ تعبئة سوى المساحات التي يكون المستخدم عضوًا فيها.
متاحة لتطبيقات Google Chat ولا تتوفّر لإضافات Google Workspace.
تمثيل JSON |
---|
{ "defaultToCurrentSpace": boolean } |
الحقول | |
---|---|
default
|
في حال ضبط السياسة على
|
DateTimePicker
تتيح للمستخدمين إدخال تاريخ أو وقت أو تاريخ ووقت معًا. للحصول على مثال في تطبيقات Google Chat، يُرجى الاطّلاع على السماح للمستخدم باختيار تاريخ ووقت.
يمكن للمستخدمين إدخال نص أو استخدام أداة الاختيار لاختيار التواريخ والأوقات. إذا أدخل المستخدمون تاريخًا أو وقتًا غير صالحين، تعرض أداة الاختيار خطأً يطلب من المستخدمين إدخال المعلومات بشكل صحيح.
متاحة لتطبيقات Google Chat وإضافات Google Workspace.
تمثيل JSON |
---|
{ "name": string, "label": string, "type": enum ( |
الحقول | |
---|---|
name
|
وهو الاسم الذي يتم به تعريف
لمعرفة التفاصيل حول التعامل مع مدخلات النماذج، يُرجى الاطّلاع على تلقّي بيانات النماذج. |
label
|
النص الذي يطلب من المستخدمين إدخال تاريخ أو وقت أو تاريخ ووقت على سبيل المثال، إذا كان المستخدمون يحدّدون موعدًا، استخدِم تصنيفًا مثل |
type
|
ما إذا كان التطبيق المصغّر يتيح إدخال تاريخ أو وقت أو التاريخ والوقت معًا |
value
|
القيمة التلقائية المعروضة في التطبيق المصغّر بالمللي ثانية منذ وقت حقبة Unix
حدِّد القيمة استنادًا إلى نوع أداة الاختيار (
|
timezone
|
يمثّل هذا الرقم فرق التوقيت بالساعات والدقائق بين المنطقة الزمنية والتوقيت العالمي المنسق. في حال ضبطه، يتم عرض الرمز
|
on
|
يتم تشغيله عندما ينقر المستخدِم على
حفظ
أو
محو
من واجهة
|
validation
|
اختياري. حدِّد عملية التحقّق المطلوبة لأداة اختيار الموقّت والتاريخ هذه.
متاحة لتطبيقات Google Chat وإضافات Google Workspace. |
DateTimePickerType
تنسيق التاريخ والوقت في التطبيق المصغّر
DateTimePicker
. يحدِّد هذا الإعداد ما إذا كان يمكن للمستخدمين إدخال تاريخ أو وقت أو تاريخ ووقت معًا.
متاحة لتطبيقات Google Chat وإضافات Google Workspace.
عمليات التعداد | |
---|---|
DATE_AND_TIME
|
يُدخِل المستخدمون التاريخ والوقت. |
DATE_ONLY
|
يُدخِل المستخدمون تاريخًا. |
TIME_ONLY
|
يُدخِل المستخدمون وقتًا. |
حاجز
لا يحتوي هذا النوع على أي حقول.
تعرِض هذه السمة فاصلاً بين التطبيقات المصغّرة على شكل خط أفقي. للاطّلاع على مثال في تطبيقات Google Chat، يُرجى الاطّلاع على إضافة فاصل أفقي بين التطبيقات المصغّرة.
متاحة لتطبيقات Google Chat وإضافات Google Workspace.
على سبيل المثال، ينشئ ملف JSON التالي مُقسّمًا:
"divider": {}
شبكة
تعرض شبكة بها مجموعة من العناصر. يمكن أن تتضمّن العناصر نصًا أو صورًا فقط. للأعمدة السريعة الاستجابة أو لتضمين أكثر من نص أو صور، استخدِم
. للاطّلاع على مثال في تطبيقات Google Chat، راجِع
عرض شبكة تتضمّن مجموعة من العناصر.
Columns
تدعم الشبكة أي عدد من الأعمدة والعناصر. يتم تحديد عدد الصفوف حسب العناصر مقسومة على الأعمدة. تحتوي الشبكة التي تتضمّن 10 عناصر وعمودَين على 5 صفوف. الشبكة التي تتكون من 11 عنصرًا وعمودين بها 6 صفوف.
تتوفّر هذه الميزة لتطبيقات Google Chat و"إضافات Google Workspace".
على سبيل المثال، ينشئ تنسيق JSON التالي شبكة من عمودَين تحتوي على عنصر واحد:
"grid": {
"title": "A fine collection of items",
"columnCount": 2,
"borderStyle": {
"type": "STROKE",
"cornerRadius": 4
},
"items": [
{
"image": {
"imageUri": "https://www.example.com/image.png",
"cropStyle": {
"type": "SQUARE"
},
"borderStyle": {
"type": "STROKE"
}
},
"title": "An item",
"textAlignment": "CENTER"
}
],
"onClick": {
"openLink": {
"url": "https://www.example.com"
}
}
}
تمثيل JSON |
---|
{ "title": string, "items": [ { object ( |
الحقول | |
---|---|
title
|
النص الذي يظهر في عنوان الشبكة |
items[]
|
العناصر المراد عرضها في الشبكة. |
border
|
نمط الحدود الذي سيتم تطبيقه على كل عنصر في الشبكة |
column
|
عدد الأعمدة المراد عرضها في الشبكة. يتم استخدام قيمة تلقائية إذا لم يتم تحديد هذا الحقل، وتختلف هذه القيمة التلقائية بناءً على مكان عرض الشبكة (مربع الحوار في مقابل الإعلان المصاحب). |
on
|
تتم إعادة استخدام هذا المرجع من خلال كل عنصر فردي في الشبكة، ولكن مع إضافة معرّف العنصر وفهرسه في قائمة العناصر إلى مَعلمات المرجع. |
GridItem
يمثّل عنصرًا في تنسيق شبكة. يمكن أن تحتوي العناصر على نص أو صورة أو كليهما.
متاحة لتطبيقات Google Chat وإضافات Google Workspace.
تمثيل JSON |
---|
{ "id": string, "image": { object ( |
الحقول | |
---|---|
id
|
معرّف محدد من جانب المستخدم لعنصر الشبكة هذا يتم عرض هذا المعرّف في مَعلمات callback
|
image
|
الصورة التي تظهر في عنصر الشبكة |
title
|
عنوان عنصر الشبكة |
subtitle
|
العنوان الفرعي لعنصر الشبكة |
layout
|
التنسيق المراد استخدامه لعنصر الشبكة. |
ImageComponent
تمثّل صورة.
متاحة لتطبيقات Google Chat وإضافات Google Workspace.
تمثيل JSON |
---|
{ "imageUri": string, "altText": string, "cropStyle": { object ( |
الحقول | |
---|---|
image
|
عنوان URL الخاص بالصورة |
alt
|
تصنيف تسهيل الاستخدام للصورة |
crop
|
نمط الاقتصاص المطلوب تطبيقه على الصورة |
border
|
نمط الحدود المطلوب تطبيقه على الصورة. |
ImageCropStyle
تمثّل نمط الاقتصاص الذي تم تطبيقه على صورة.
متاحة لتطبيقات Google Chat وإضافات Google Workspace.
على سبيل المثال، إليك كيفية تطبيق نسبة العرض إلى الارتفاع 16:9:
cropStyle {
"type": "RECTANGLE_CUSTOM",
"aspectRatio": 16/9
}
تمثيل JSON |
---|
{
"type": enum ( |
الحقول | |
---|---|
type
|
نوع المحصول |
aspect
|
نسبة العرض إلى الارتفاع المطلوب استخدامها إذا كان نوع الاقتصاص
على سبيل المثال، إليك كيفية تطبيق نسبة العرض إلى الارتفاع 16:9:
|
ImageCropType
يمثل هذا الخيار نمط الاقتصاص المطبّق على صورة.
تتوفّر هذه الميزة لتطبيقات Google Chat و"إضافات Google Workspace".
عمليات التعداد | |
---|---|
IMAGE_CROP_TYPE_UNSPECIFIED
|
لا تستخدِم هذه الميزة. غير محدد |
SQUARE
|
القيمة التلقائية. لتطبيق اقتصاص مربّع. |
CIRCLE
|
تُطبِّق اقتصاصًا دائريًا. |
RECTANGLE_CUSTOM
|
يتم تطبيق اقتصاص مستطيل بنسبة عرض إلى ارتفاع مخصّصة. اضبط نسبة العرض إلى الارتفاع المخصّصة باستخدام aspectRatio .
|
RECTANGLE_4_3
|
تُطبِّق اقتصاصًا مستطيلاً بنسبة عرض إلى ارتفاع 4:3. |
BorderStyle
خيارات النمط لحدود البطاقة أو التطبيق المصغّر، بما في ذلك نوع الحدود ولونها
متاحة لتطبيقات Google Chat وإضافات Google Workspace.
تمثيل JSON |
---|
{ "type": enum ( |
الحقول | |
---|---|
type
|
نوع الحد |
stroke
|
الألوان التي يجب استخدامها عند النوع
لضبط لون الخط، حدِّد قيمة للحقول على سبيل المثال، يؤدي ما يلي إلى ضبط اللون على اللون الأحمر عند أقصى كثافة له:
لا يتوفّر الحقل |
corner
|
نصف قطر الزاوية للحدود |
BorderType
تمثل هذه السمة أنواع الحدود المطبَّقة على التطبيقات المصغّرة.
متاحة لتطبيقات Google Chat وإضافات Google Workspace.
عمليات التعداد | |
---|---|
BORDER_TYPE_UNSPECIFIED
|
لا تستخدِم هذه الميزة. غير محدد |
NO_BORDER
|
القيمة التلقائية بدون حدود |
STROKE
|
مخطّط |
GridItemLayout
تمثل خيارات التنسيق المختلفة المتاحة لعنصر الشبكة.
متاحة لتطبيقات Google Chat وإضافات Google Workspace.
عمليات التعداد | |
---|---|
GRID_ITEM_LAYOUT_UNSPECIFIED
|
يُرجى عدم استخدامها. غير محدد |
TEXT_BELOW
|
يتم عرض العنوان والعنوان الفرعي أسفل صورة عنصر الشبكة. |
TEXT_ABOVE
|
يظهر العنوان والعنوان الفرعي أعلى صورة عنصر الشبكة. |
الأعمدة
تعرِض الأداة
Columns
ما يصل إلى عمودَين في بطاقة أو مربّع حوار. يمكنك إضافة تطبيقات مصغّرة إلى كل عمود، وستظهر التطبيقات المصغّرة بالترتيب المحدّد. للاطّلاع على مثال في تطبيقات Google Chat، يمكنك مراجعة
عرض البطاقات ومربّعات الحوار في الأعمدة.
يتم تحديد ارتفاع كل عمود من خلال العمود الأطول. على سبيل المثال، إذا كان العمود الأول أطول من العمود الثاني، يكون ارتفاع كلا العمودَين هو ارتفاع العمود الأول. وبما أنّ كل عمود يمكن أن يحتوي على عدد مختلف من التطبيقات المصغّرة، لا يمكنك تحديد الصفوف أو محاذاة التطبيقات المصغّرة بين الأعمدة.
يتم عرض الأعمدة جنبًا إلى جنب. ويمكنك تخصيص عرض كل عمود باستخدام الحقل HorizontalSizeStyle
. إذا كان عرض شاشة المستخدم ضيقًا جدًا، يتمّ عرض العمود الثاني أسفل الأول:
- على الويب، يتم التفاف العمود الثاني إذا كان عرض الشاشة أقل من أو يساوي 480 بكسل.
- على أجهزة iOS، يتمّ عرض العمود الثاني على عدة أسطر إذا كان عرض الشاشة أقل من أو يساوي 300 نقطة.
- على أجهزة Android، يتمّ عرض العمود الثاني على عدة أسطر إذا كان عرض الشاشة أقل من 320 وحدة بكسل مستقلة الكثافة أو يساويها.
لتضمين أكثر من عمودَين أو لاستخدام صفوف، استخدِم
التطبيق المصغّر
.
Grid
متاحة لتطبيقات Google Chat وإضافات Google Workspace. تشمل واجهات المستخدم للإضافات التي تتيح الأعمدة ما يلي:
- مربّع الحوار الذي يظهر عندما يفتح المستخدمون الإضافة من مسودة رسالة إلكترونية
- مربّع الحوار الذي يظهر عندما يفتح المستخدمون الإضافة من قائمة إضافة مرفق في حدث على "تقويم Google"
تمثيل JSON |
---|
{
"columnItems": [
{
object ( |
الحقول | |
---|---|
column
|
صفيف من الأعمدة يمكنك تضمين عمودَين بحدّ أقصى في بطاقة أو مربّع حوار. |
العمود
عمود.
تمثيل JSON |
---|
{ "horizontalSizeStyle": enum ( |
الحقول | |
---|---|
horizontal
|
تحدِّد هذه السياسة كيفية ملء العمود بعرض البطاقة. |
horizontal
|
تحدد ما إذا كان يجب محاذاة التطبيقات المصغّرة على يمين أو يسار أو وسط عمود. |
vertical
|
لتحديد ما إذا كانت التطبيقات المصغّرة تتم محاذاتها في أعلى أو أسفل أو وسط عمود |
widgets[]
|
مصفوفة من التطبيقات المصغّرة التي يتم تضمينها في عمود. تظهر التطبيقات المصغّرة بالترتيب الذي تم تحديدها به. |
HorizontalSizeStyle
تُحدِّد كيفية ملء عمود لعرض البطاقة. ويعتمد عرض كل عمود على
HorizontalSizeStyle
وعرض الأدوات داخل العمود.
عمليات التعداد | |
---|---|
HORIZONTAL_SIZE_STYLE_UNSPECIFIED
|
لا تستخدِم هذه الميزة. غير محدد |
FILL_AVAILABLE_SPACE
|
القيمة التلقائية يملؤه العمود المساحة المتوفّرة، بما يصل إلى %70 من عرض البطاقة. في حال ضبط كلا العمودَين على
FILL_AVAILABLE_SPACE ، سيشغل كل عمود %50 من المساحة.
|
FILL_MINIMUM_SPACE
|
يملأ العمود أقل مساحة ممكنة ولا تزيد عن 30% من عرض البطاقة. |
HorizontalAlignment
تحدد ما إذا كان يجب محاذاة التطبيقات المصغّرة على يمين أو يسار أو وسط عمود.
تتوفّر هذه الميزة لتطبيقات Google Chat ولا تتوفّر لإضافات Google Workspace.
عمليات التعداد | |
---|---|
HORIZONTAL_ALIGNMENT_UNSPECIFIED
|
لا تستخدِم هذه الميزة. غير محدد |
START
|
القيمة التلقائية. لمحاذاة الأدوات مع موضع بداية العمود. بالنسبة للتخطيطات من اليسار إلى اليمين، تتم المحاذاة إلى اليسار. بالنسبة للتخطيطات من اليمين إلى اليسار، تتم المحاذاة إلى اليمين. |
CENTER
|
لمحاذاة الأدوات في وسط العمود. |
END
|
محاذاة التطبيقات المصغّرة مع موضع نهاية العمود بالنسبة إلى التنسيقات من اليسار إلى اليمين، تتم محاذاة الأدوات إلى اليمين. بالنسبة إلى التنسيقات من اليمين إلى اليسار، تتم محاذاة الأدوات إلى اليسار. |
VerticalAlignment
لتحديد ما إذا كانت التطبيقات المصغّرة تتم محاذاتها في أعلى أو أسفل أو وسط عمود
عمليات التعداد | |
---|---|
VERTICAL_ALIGNMENT_UNSPECIFIED
|
لا تستخدِم هذه الميزة. غير محدد |
CENTER
|
القيمة التلقائية. لمحاذاة الأدوات في منتصف العمود. |
TOP
|
محاذاة التطبيقات المصغّرة في أعلى عمود |
BOTTOM
|
محاذاة التطبيقات المصغّرة في أسفل عمود |
التطبيقات المصغَّرة
التطبيقات المصغّرة المتوافقة التي يمكنك تضمينها في عمود
تمثيل JSON |
---|
{ // Union field |
الحقول | |
---|---|
حقل الاتحاد
يمكن أن تكون القيمة |
|
text
|
التطبيق المصغّر |
image
|
التطبيق المصغّر |
decorated
|
|
button
|
التطبيق المصغّر |
text
|
|
selection
|
|
date
|
|
chip
|
|
ChipList
قائمة بالشرائح يتم وضعها أفقيًا، والتي يمكنها إما التمرير أفقيًا أو التفافها إلى السطر التالي.
متاحة لتطبيقات Google Chat ولا تتوفّر لإضافات Google Workspace.
تمثيل JSON |
---|
{ "layout": enum ( |
الحقول | |
---|---|
layout
|
تنسيق قائمة الشرائح المحدّد. |
chips[]
|
صفيف من الشرائح |
التنسيق
تنسيق قائمة الشرائح
عمليات التعداد | |
---|---|
LAYOUT_UNSPECIFIED
|
لا تستخدِم هذه الميزة. غير محدد |
WRAPPED
|
القيمة التلقائية يتم التفاف قائمة الشرائح مع السطر التالي إذا لم تكن هناك مساحة أفقية كافية. |
HORIZONTAL_SCROLLABLE
|
يتم تمرير الشرائح أفقيًا في حال عدم تناسبها مع المساحة المتاحة. |
شريحة
نص أو رمز أو نص وشريحة رمز يمكن للمستخدمين النقر عليها.
تتوفّر هذه الميزة لتطبيقات Google Chat ولا تتوفّر لإضافات Google Workspace.
تمثيل JSON |
---|
{ "icon": { object ( |
الحقول | |
---|---|
icon
|
صورة الرمز إذا تم ضبط كل من
|
label
|
النص المعروض داخل الشريحة |
on
|
اختياريّ. الإجراء الذي يتم تنفيذه عندما ينقر المستخدم على الشريحة، مثل فتح رابط تشعّبي أو تشغيل دالة مخصّصة |
enabled
|
ما إذا كانت الشريحة في حالة نشطة وتستجيب لإجراءات المستخدم الإعداد التلقائي هو
|
disabled
|
ما إذا كانت الشريحة في حالة غير نشطة وتتجاهل إجراءات المستخدم وتكون القيم التلقائية
|
alt
|
تمثّل هذه السمة النص البديل المستخدم في تسهيل الاستخدام. حدِّد نصًا وصفيًا يتيح للمستخدمين معرفة وظيفة الشريحة. على سبيل المثال، إذا فتحت شريحة رابطًا تشعّبيًا، اكتب ما يلي: "يفتح علامة تبويب جديدة في المتصفّح وينتقل إلى مستندات المطوّرين في Google Chat على الرابط https://developers.google.com/workspace/chat". |
CollapseControl
مثِّل أحد عناصر التحكُّم في التوسيع والتصغير. تتوفّر هذه الميزة لتطبيقات Google Chat ولا تتوفّر لإضافات Google Workspace.
تمثيل JSON |
---|
{ "horizontalAlignment": enum ( |
الحقول | |
---|---|
horizontal
|
المحاذاة الأفقية لزرَي التوسيع والتصغير |
expand
|
اختياريّ. حدِّد زرًا قابلاً للتخصيص لتوسيع القسم. يجب ضبط كل من حقل extendButton وzoomButton. لن يتم تطبيق مجموعة حقول واحدة فقط. في حال عدم ضبط هذا الحقل، يتم استخدام الزر التلقائي. |
collapse
|
اختياريّ. تحديد زر قابل للتخصيص لتصغير القسم. يجب ضبط كل من حقل extendButton وzoomButton. لن يتم تطبيق مجموعة حقول واحدة فقط. في حال عدم ضبط هذا الحقل، يتم استخدام الزر التلقائي. |
DividerStyle
نمط الفاصل لبطاقة. لا تُستخدَم حاليًا إلا كمقسّمات بين أقسام البطاقة.
تتوفّر هذه الميزة لتطبيقات Google Chat و"إضافات Google Workspace".
عمليات التعداد | |
---|---|
DIVIDER_STYLE_UNSPECIFIED
|
يُرجى عدم استخدامها. غير محدد |
SOLID_DIVIDER
|
الخيار التلقائي. عرض فاصل صلب |
NO_DIVIDER
|
وفي حال ضبطها، لن يتم عرض أي فاصل. يزيل هذا النمط المقسم تمامًا من التنسيق. والنتيجة تساوي عدم إضافة مُقسّم على الإطلاق. |
CardAction
إجراء البطاقة هو الإجراء المرتبط بالبطاقة. على سبيل المثال، قد تتضمّن بطاقة فواتير إجراءات مثل حذف الفاتورة أو إرسالها عبر البريد الإلكتروني أو فتح الفاتورة في متصفّح.
متاحة لإضافات Google Workspace ولا تتوفّر لتطبيقات Google Chat.
تمثيل JSON |
---|
{
"actionLabel": string,
"onClick": {
object ( |
الحقول | |
---|---|
action
|
التصنيف الذي يظهر كعنصر في قائمة الإجراءات. |
on
|
إجراء
|
DisplayStyle
في "إضافات Google Workspace"، تحدِّد طريقة عرض البطاقة.
متاحة لإضافات Google Workspace ولا تتوفّر لتطبيقات Google Chat.
عمليات التعداد | |
---|---|
DISPLAY_STYLE_UNSPECIFIED
|
لا تستخدِم هذه الميزة. غير محدد |
PEEK
|
يظهر عنوان البطاقة في أسفل الشريط الجانبي، ويغطي جزئيًا البطاقة العلوية الحالية من الحزمة. يؤدي النقر على العنوان إلى عرض البطاقة في حزمة البطاقات. إذا لم تتضمّن البطاقة عنوانًا، يتم استخدام عنوان تم إنشاؤه بدلاً من ذلك. |
REPLACE
|
القيمة التلقائية. يتم عرض البطاقة من خلال استبدال عرض البطاقة العلوية في حزمة البطاقات. |