تنظيم صفحاتك في مجموعات
يمكنك حفظ المحتوى وتصنيفه حسب إعداداتك المفضّلة.
تظهر الإضافة المستندة إلى البطاقات كلوحة في الشريط الجانبي (أو، على الأجهزة الجوّالة، كنافذة نشاط أخرى يمكن الوصول إليها من خلال القائمة). يحتوي الإضافة على شريط أدوات علوي يحدّد الإضافة ويعرض بطاقة، وهي في الأساس "صفحة" من واجهة مستخدم الإضافة. تمثّل "برمجة التطبيقات" البطاقات في رمز المشروع باستخدام عناصر Card.
بنية البطاقة
البطاقة هي مجموعة من عناصر واجهة المستخدم التي تصمّمها. تتألّف البطاقة من الأقسام التالية:
عنوان البطاقة: يحدد هذا المعرّف البطاقات. ويحتوي على نص العنوان، وقد يتضمّن بشكل اختياري عنوانًا فرعيًا ورمزًا.
قسم واحد أو أكثر من أقسام البطاقات هذه هي الأقسام الفرعية لمساحة واجهة مستخدم البطاقة.
يمكن أن يتضمّن القسم اختياريًا عنوانًا نصيًا.
يتم فصل أقسام البطاقة عن بعضها البعض على البطاقة بخط أفقي.
إذا كان قسم البطاقة كبيرًا بشكل خاص، سيتم عرضه تلقائيًا كقسم قابل للتصغير والتوسيع يمكن للمستخدمين توسيعه أو تصغيره حسب الحاجة.
يمكن أن تتضمّن البطاقة ما لا يزيد عن 100 قسم،
ويجب أن تتضمّن عددًا قليلاً فقط لتحقيق أداء أفضل.
يحتوي كل قسم من البطاقة على عنصر واجهة مستخدم واحد أو أكثر. توفّر التطبيقات المصغّرة للمستخدم معلومات أو عناصر تحكّم تفاعلية. البطاقات وأقسام البطاقات هي عناصر واجهة مستخدم
بنيوية، لذا لا يمكنك إضافتها إلى قسم بطاقة. يمكن أن يتضمّن قسم البطاقة ما لا يزيد عن 100 أداة، ويجب أن يكون بسيطًا قدر الإمكان لتحقيق أفضل أداء.
يجب تصميم البطاقات حول أنشطة المستخدمين أو مجموعات البيانات المحددة. على سبيل المثال، قد تحتوي إضافة Google Workspace التي تعرض بيانات مأخوذة من "جداول بيانات Google" على بطاقة منفصلة لكل ورقة بيانات يتم استخراج البيانات منها.
استخدام بطاقات متعدّدة
تتألف الإضافات عادةً من أكثر من بطاقة واحدة. يمكنك إعداد هذه البطاقات كقائمة بسيطة من أجل التنقّل الأساسي باستخدام بطاقات متعددة، أو يمكنك إعداد طرق تنقّل أكثر تعقيدًا للتحكّم في كيفية تنقّل المستخدم بين البطاقات.
إذا كانت الإضافة تستخدم التنقّل الأساسي، عندما يتم فتح الإضافة لأول مرة، ينشئ تطبيق Google Workspace الذي توسّعه الإضافة قائمة بعناوين البطاقات ويعرضها للمستخدم. يؤدي النقر على عنوان البطاقة إلى فتحها. يتوفّر أيضًا سهم رجوع للعودة إلى قائمة عناوين البطاقات. ليس عليك كتابة رمز لوظيفة العنوان وسهم الرجوع، إذ يتم ذلك تلقائيًا عند تحديد البطاقات في الإضافة.
تاريخ التعديل الأخير: 2025-07-25 (حسب التوقيت العالمي المتفَّق عليه)
[[["يسهُل فهم المحتوى.","easyToUnderstand","thumb-up"],["ساعَدني المحتوى في حلّ مشكلتي.","solvedMyProblem","thumb-up"],["غير ذلك","otherUp","thumb-up"]],[["لا يحتوي على المعلومات التي أحتاج إليها.","missingTheInformationINeed","thumb-down"],["الخطوات معقدة للغاية / كثيرة جدًا.","tooComplicatedTooManySteps","thumb-down"],["المحتوى قديم.","outOfDate","thumb-down"],["ثمة مشكلة في الترجمة.","translationIssue","thumb-down"],["مشكلة في العيّنات / التعليمات البرمجية","samplesCodeIssue","thumb-down"],["غير ذلك","otherDown","thumb-down"]],["تاريخ التعديل الأخير: 2025-07-25 (حسب التوقيت العالمي المتفَّق عليه)"],[[["Google Workspace add-ons utilize cards, essentially UI pages, displayed in a sidebar or activity window, to present information and interactive elements."],["Each card is structured with a header, sections containing widgets (like buttons or text fields), and is designed around specific user tasks or data sets."],["Add-ons often employ multiple cards for navigation; basic navigation provides an automatic card header list and back arrow functionality."],["For optimal performance and user experience, it's recommended to keep the number of cards, sections, and widgets to a minimum, prioritizing simplicity in card design."],["Cards have technical limitations, restricting them to a maximum of 100 card sections and 100 widgets per section to maintain performance."]]],["Add-on cards, displayed in a sidebar or activity window, are UI pages built with `Card` objects. Cards have a header, optional subtitle/icon, and sections. Sections, separated by horizontal rules, contain UI widgets, and large sections collapse. Add-ons use multiple cards for navigation, presented as a list of headers. Basic navigation provides automatic back arrow functionality. Each card section can hold a maximum of 100 widgets, and a card can hold no more than 100 card sections.\n"]]