تصميم مكونات البطاقة أو مربع الحوار

توضّح هذه الصفحة طريقة تصميم وإنشاء المكونات الأساسية لواجهة المستخدم الخاصة برسائل البطاقات في Google Chat.

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

يمكنك تصميم البطاقات ومعاينتها باستخدام أداة إنشاء البطاقات.

فتح أداة إنشاء البطاقات

تحتوي البطاقات ومربعات الحوار بشكل عام على المكونات التالية:

  • CardHeader الذي يحتوي على عنوان بطاقتك.
  • تطبيق CardSection مصغّر أو أكثر على شكل النص الأساسي للبطاقة
  • تطبيق CardFixedFooter المصغّر مخصّص لمربّعات الحوار فقط

المتطلبات الأساسية

  • حساب على Google Workspace يمكنه الوصول إلى Google Chat
  • هو تطبيق Chat منشور. لإنشاء تطبيق في Chat، اتّبِع quickstart.

    • إضافة عنوان

    يمثّل تطبيق CardHeader المصغّر عنوان بطاقة. يمكن أن تتضمن العناوين عنوانًا وعنوانًا فرعيًا وصورة رمزية لبطاقتك.

    يمكنك تضمين CardHeader لرسائل البطاقات ومربعات الحوار.

    فيما يلي مثال على CardHeader:

    تحديد قسم من البطاقة

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

    يمكنك تضمين CardSection لرسائل البطاقات ومربعات الحوار.

    في ما يلي مثال على CardSection يتضمّن تطبيقَين مصغّرَين textParagraph:

    تمثّل التطبيق المصغَّر CardFixedFooter تذييل رسالة مربّع حوار أرسلها أحد تطبيقات Chat. ويمكن أن تتضمّن التذييلات زرًا أساسيًا وزرًا ثانويًا.

    لا يتوفّر التطبيق المصغّر CardFixedFooter إلا لمربّعات الحوار.

    في ما يلي مثال على تطبيق CardFixedFooter مصغّر يتضمّن زرَّين:

    تحديد المشاكل وحلّها

    عندما يعرض أحد تطبيقات Google Chat أو بطاقة رسالة خطأ، تعرض واجهة Chat رسالة مفادها "حدث خطأ" أو "تعذّرت معالجة طلبك". في بعض الأحيان، لا تعرض واجهة مستخدم Chat أي رسالة خطأ، ولكن يعرض تطبيق Chat أو البطاقة نتيجة غير متوقعة. على سبيل المثال، قد لا تظهر رسالة بطاقة.

    على الرغم من أنّه قد لا تظهر رسالة الخطأ في واجهة مستخدم Chat، تتوفّر رسائل الخطأ الوصفية وبيانات السجلّ لمساعدتك في إصلاح الأخطاء عند تفعيل تسجيل الأخطاء في تطبيقات Chat. للحصول على مساعدة في عرض الأخطاء وتصحيحها وتصحيحها، يُرجى الاطّلاع على مقالة تحديد وحلّ مشاكل Google Chat.