توضّح هذه الصفحة طريقة تصميم وإنشاء المكونات الأساسية لواجهة المستخدم الخاصة برسائل البطاقات في Google Chat.
تتيح البطاقات استخدام تنسيق محدد وعناصر واجهة مستخدم تفاعلية مثل الأزرار والوسائط التفاعلية المتقدمة مثل الصور. يمكنك استخدام البطاقات لتقديم معلومات أو جمع مدخلات أو تقديم الخطوات التالية للمستخدمين من خلال رسائل البطاقات ومربعات الحوار.
يمكنك تصميم البطاقات ومعاينتها باستخدام أداة إنشاء البطاقات.
فتح أداة إنشاء البطاقاتتحتوي البطاقات ومربعات الحوار بشكل عام على المكونات التالية:
CardHeader
الذي يحتوي على عنوان بطاقتك.- تطبيق
CardSection
مصغّر أو أكثر على شكل النص الأساسي للبطاقة - تطبيق
CardFixedFooter
المصغّر مخصّص لمربّعات الحوار فقط
المتطلبات الأساسية
إضافة عنوان
يمثّل تطبيق CardHeader
المصغّر عنوان بطاقة. يمكن أن تتضمن العناوين عنوانًا وعنوانًا فرعيًا وصورة رمزية لبطاقتك.
يمكنك تضمين CardHeader
لرسائل البطاقات ومربعات الحوار.
فيما يلي مثال على CardHeader
:
تحديد قسم من البطاقة
أداة CardSection
هي حاوية عالية المستوى داخل البطاقة. يمكنك استخدام أقسام البطاقات لتجميع
التطبيقات المصغّرة داخل البطاقة. يمكنك تضمين عنوان وأداة واحدة أو أكثر في كل قسم من أقسام البطاقات
يمكنك تضمين CardSection
لرسائل البطاقات ومربعات الحوار.
في ما يلي مثال على CardSection
يتضمّن تطبيقَين
مصغّرَين textParagraph
:
إضافة تذييل دائم
تمثّل التطبيق المصغَّر CardFixedFooter
تذييل رسالة مربّع حوار أرسلها أحد تطبيقات Chat.
ويمكن أن تتضمّن التذييلات زرًا أساسيًا وزرًا ثانويًا.
لا يتوفّر التطبيق المصغّر CardFixedFooter
إلا لمربّعات الحوار.
في ما يلي مثال على تطبيق CardFixedFooter
مصغّر يتضمّن زرَّين:
تحديد المشاكل وحلّها
عندما يعرض أحد تطبيقات Google Chat أو بطاقة رسالة خطأ، تعرض واجهة Chat رسالة مفادها "حدث خطأ" أو "تعذّرت معالجة طلبك". في بعض الأحيان، لا تعرض واجهة مستخدم Chat أي رسالة خطأ، ولكن يعرض تطبيق Chat أو البطاقة نتيجة غير متوقعة. على سبيل المثال، قد لا تظهر رسالة بطاقة.
على الرغم من أنّه قد لا تظهر رسالة الخطأ في واجهة مستخدم Chat، تتوفّر رسائل الخطأ الوصفية وبيانات السجلّ لمساعدتك في إصلاح الأخطاء عند تفعيل تسجيل الأخطاء في تطبيقات Chat. للحصول على مساعدة في عرض الأخطاء وتصحيحها وتصحيحها، يُرجى الاطّلاع على مقالة تحديد وحلّ مشاكل Google Chat.