بطاقة
البطاقة هي أحد عناصر واجهة المستخدم التي يمكن أن تحتوي على أدوات واجهة المستخدم، مثل النصوص والصور.
| تمثيل JSON |
|---|
{ "header": { object ( |
| الحقول | |
|---|---|
header
|
تمثّل هذه السمة عنوان البطاقة. يحتوي العنوان عادةً على عنوان وصورة. |
sections[]
|
يتم الفصل بين الأقسام باستخدام فاصل خطي. |
cardActions[]
|
تمثّل هذه السمة إجراءات البطاقة. |
name
|
اسم البطاقة |
CardHeader
| تمثيل JSON |
|---|
{
"title": string,
"subtitle": string,
"imageStyle": enum ( |
| الحقول | |
|---|---|
title
|
يجب تحديد العنوان. يحتوي العنوان على ارتفاع ثابت: إذا تم تحديد كل من العنوان والعنوان الفرعي، سيشغل كل منهما سطرًا واحدًا. إذا تم تحديد العنوان فقط، سيشغل كلا السطرين. |
subtitle
|
تمثّل هذه السمة العنوان الفرعي لعنوان البطاقة. |
imageStyle
|
نوع الصورة (على سبيل المثال، حدود مربّعة أو حدود دائرية) |
imageUrl
|
تمثّل عنوان URL للصورة في عنوان البطاقة. |
ImageStyle
| عمليات التعداد | |
|---|---|
IMAGE_STYLE_UNSPECIFIED
|
|
IMAGE
|
حدود مربّعة |
AVATAR
|
حدود دائرية |
القسم
يحتوي القسم على مجموعة من الأدوات التي يتم عرضها (عموديًا) بالترتيب المحدّد. على جميع المنصات، تكون البطاقات بعرض ثابت ضيق، لذا لا حاجة حاليًا إلى خصائص التنسيق (مثل العرض العائم).
| تمثيل JSON |
|---|
{
"header": string,
"widgets": [
{
object ( |
| الحقول | |
|---|---|
header
|
تمثّل هذه السمة عنوان القسم. يمكن استخدام نص منسَّق. لمزيد من المعلومات عن تنسيق النص، يُرجى الاطّلاع على تنسيق النص في تطبيقات Google Chat و تنسيق النص في "إضافات Google Workspace". |
widgets[]
|
يجب أن يحتوي القسم على أداة واحدة على الأقل. |
WidgetMarkup
الأداة هي عنصر في واجهة المستخدم يعرض النصوص والصور.
| تمثيل JSON |
|---|
{ "buttons": [ { object ( |
| الحقول | |
|---|---|
buttons[]
|
تمثّل هذه السمة قائمة بالأزرار. يجب أيضًا ضبط الحقل |
يمكن أن يحتوي
WidgetMarkup
على أحد العناصر التالية فقط. يمكنك استخدام حقول WidgetMarkup متعددة لعرض المزيد من العناصر. في ما يلي قائمة بالحقول التي يستبعد كلّ منها الآخر. سيتم ضبط حقل واحد على الأكثر في الردّ:
|
|
textParagraph
|
لعرض فقرة نصية في هذه الأداة |
image
|
عرض صورة في هذا التطبيق المصغّر |
keyValue
|
عرض عنصر قيمة مفتاحية في هذا التطبيق المصغّر |
| نهاية الحقول المتنافية | |
TextParagraph
فقرة نصية يتوافق مع النصوص المنسَّقة. لمزيد من المعلومات عن تنسيق النص، يُرجى الاطّلاع على تنسيق النص في تطبيقات Google Chat و تنسيق النص في "إضافات Google Workspace".
| تمثيل JSON |
|---|
{ "text": string } |
| الحقول | |
|---|---|
text
|
|
صورة
تمثّل هذه السمة صورة يحدّدها عنوان URL ويمكن أن تتضمّن إجراء onclick.
| تمثيل JSON |
|---|
{
"imageUrl": string,
"onClick": {
object ( |
| الحقول | |
|---|---|
imageUrl
|
عنوان URL للصورة |
onClick
|
الإجراء
|
aspectRatio
|
نسبة العرض إلى الارتفاع في هذه الصورة (العرض والارتفاع) يتيح لك هذا الحقل حجز الارتفاع المناسب للصورة أثناء انتظار تحميلها. ولا يُقصد بها تجاهل نسبة العرض إلى الارتفاع المضمّنة في الصورة. إذا لم يتم ضبطها، يملأها الخادم من خلال جلب الصورة مسبقًا. |
OnClick
إجراء onclick (مثل فتح رابط)
| تمثيل JSON |
|---|
{ "action": { object ( |
| الحقول | |
|---|---|
| في ما يلي قائمة بالحقول التي يستبعد كلّ منها الآخر. سيتم ضبط حقل واحد على الأكثر في الردّ: | |
action
|
يتم تشغيل إجراء النموذج من خلال هذا الإجراء |
openLink
|
يؤدي إجراء
|
| نهاية الحقول المتنافية | |
FormAction
يصف إجراء النموذج السلوك عند إرسال النموذج. على سبيل المثال، يمكنك استدعاء Apps Script للتعامل مع النموذج.
| تمثيل JSON |
|---|
{
"actionMethodName": string,
"parameters": [
{
object ( |
| الحقول | |
|---|---|
actionMethodName
|
يُستخدَم اسم الطريقة لتحديد الجزء من النموذج الذي أدّى إلى إرسال النموذج. يتم إرجاع هذه المعلومات إلى تطبيق Chat كجزء من حدث ناتج عن النقر على البطاقة. يمكنك استخدام اسم الطريقة نفسه لعدة عناصر تؤدي إلى سلوك مشترك. |
parameters[]
|
قائمة مَعلمات الإجراءات |
ActionParameter
قائمة بمَعلمات السلسلة التي يجب توفيرها عند استدعاء طريقة الإجراء على سبيل المثال، فكِّر في ثلاثة أزرار تأجيل: التأجيل الآن، والتأجيل ليوم واحد، والتأجيل للأسبوع التالي. يمكنك استخدام
action method = snooze()، مع تمرير نوع الغفوة ووقت الغفوة في قائمة مَعلمات السلسلة.
| تمثيل JSON |
|---|
{ "key": string, "value": string } |
| الحقول | |
|---|---|
key
|
اسم المَعلمة لبرنامج الإجراءات النصي |
value
|
قيمة المَعلمة |
OpenLink
رابط يفتح نافذة جديدة
| تمثيل JSON |
|---|
{ "url": string } |
| الحقول | |
|---|---|
url
|
عنوان URL المطلوب فتحه |
KeyValue
يحتوي عنصر في واجهة المستخدم على مفتاح (تصنيف) وقيمة (محتوى). يمكن أن يحتوي هذا العنصر أيضًا على بعض الإجراءات، مثل
onclick
زر.
| تمثيل JSON |
|---|
{ "topLabel": string, "content": string, "contentMultiline": boolean, "bottomLabel": string, "onClick": { object ( |
| الحقول | |
|---|---|
topLabel
|
تمثّل هذه السمة نص التصنيف العلوي. يتوافق مع النصوص المنسَّقة. لمزيد من المعلومات عن تنسيق النص، يُرجى الاطّلاع على تنسيق النص في تطبيقات Google Chat و تنسيق النص في "إضافات Google Workspace". |
content
|
نص المحتوى يجب توفير نص منسّق دائمًا. لمزيد من المعلومات عن تنسيق النص، يُرجى الاطّلاع على تنسيق النص في تطبيقات Google Chat و تنسيق النص في "إضافات Google Workspace". |
contentMultiline
|
تُستخدَم لتحديد ما إذا كان المحتوى يجب أن يكون متعدد الأسطر. |
bottomLabel
|
تمثّل هذه السمة نص التصنيف في أسفل البطاقة. يتوافق مع النصوص المنسَّقة. لمزيد من المعلومات عن تنسيق النص، يُرجى الاطّلاع على تنسيق النص في تطبيقات Google Chat و تنسيق النص في "إضافات Google Workspace". |
onClick
|
الإجراء
|
يجب تحديد رمز واحد على الأقل من الرموز التالية:
top_label
و
bottom_label. في ما يلي قائمة بالحقول التي يستبعد كلّ منها الآخر. سيتم ضبط حقل واحد على الأكثر في الردّ:
|
|
icon
|
قيمة تعداد يتم استبدالها بواسطة Chat API بصورة الرمز المقابل. |
iconUrl
|
الرمز المحدّد بواسطة عنوان URL |
| نهاية الحقول المتنافية | |
أداة تحكّم يمكنك ضبط إما
button
أو
switch_widget، ولكن ليس كليهما. في ما يلي قائمة بالحقول التي يستبعد كلّ منها الآخر. سيتم ضبط حقل واحد على الأكثر في الردّ:
|
|
button
|
زرّ يمكن النقر عليه لتنفيذ إجراء |
| نهاية الحقول المتنافية | |
رمز
مجموعة الرموز المتوافقة
| عمليات التعداد | |
|---|---|
ICON_UNSPECIFIED
|
|
AIRPLANE
|
|
BOOKMARK
|
|
BUS
|
|
CAR
|
|
CLOCK
|
|
CONFIRMATION_NUMBER_ICON
|
|
DOLLAR
|
|
DESCRIPTION
|
|
EMAIL
|
|
EVENT_PERFORMER
|
|
EVENT_SEAT
|
|
FLIGHT_ARRIVAL
|
|
FLIGHT_DEPARTURE
|
|
HOTEL
|
|
HOTEL_ROOM_TYPE
|
|
INVITE
|
|
MAP_PIN
|
|
MEMBERSHIP
|
|
MULTIPLE_PEOPLE
|
|
OFFER
|
|
PERSON
|
|
PHONE
|
|
RESTAURANT_ICON
|
|
SHOPPING_CART
|
|
STAR
|
|
STORE
|
|
TICKET
|
|
TRAIN
|
|
VIDEO_CAMERA
|
|
VIDEO_PLAY
|
|
زرّ
زر يمكن أن يكون زرًا نصيًا أو زرًا مصوّرًا.
| تمثيل JSON |
|---|
{ "textButton": { object ( |
| الحقول | |
|---|---|
| في ما يلي قائمة بالحقول التي يستبعد كلّ منها الآخر. سيتم ضبط حقل واحد على الأكثر في الردّ: | |
textButton
|
زر يتضمّن نصًا
|
imageButton
|
زر يتضمّن صورة و |
| نهاية الحقول المتنافية | |
TextButton
زر يتضمّن نصًا
onclick
وإجراءً
| تمثيل JSON |
|---|
{
"text": string,
"onClick": {
object ( |
| الحقول | |
|---|---|
text
|
النص المكتوب على الزر. |
onClick
|
تمثّل هذه السمة
|
ImageButton
زر صورة يتضمّن onclickإجراءً.
| تمثيل JSON |
|---|
{ "onClick": { object ( |
| الحقول | |
|---|---|
onClick
|
الإجراء
|
name
|
يشير ذلك إلى اسم
|
يمكن تحديد الرمز باستخدام
Icon
enum
أو عنوان URL. في ما يلي قائمة بالحقول التي يستبعد كلّ منها الآخر. سيتم ضبط حقل واحد على الأكثر في الردّ:
|
|
icon
|
الرمز المحدّد بواسطة
|
iconUrl
|
الرمز المحدّد بواسطة عنوان URL |
| نهاية الحقول المتنافية | |
CardAction
إجراء البطاقة هو الإجراء المرتبط بالبطاقة. بالنسبة إلى بطاقة الفاتورة، يكون الإجراء النموذجي هو: حذف الفاتورة أو إرسال الفاتورة عبر البريد الإلكتروني أو فتح الفاتورة في المتصفّح.
غير متاح في تطبيقات Google Chat
| تمثيل JSON |
|---|
{
"actionLabel": string,
"onClick": {
object ( |
| الحقول | |
|---|---|
actionLabel
|
كان يتم عرض التصنيف في عنصر قائمة الإجراءات. |
onClick
|
الإجراء onclick لبند العمل هذا. |