تنسيقات التطبيقات المصغّرة الأساسية
تنظيم صفحاتك في مجموعات
يمكنك حفظ المحتوى وتصنيفه حسب إعداداتك المفضّلة.
أنشئ تصاميم فعّالة للتطبيقات المصغّرة من خلال تحديد المحتوى الأساسي أولاً. يحدِّد
التنسيق كيفية تنظيم المعلومات والعناصر التفاعلية في
تطبيقك المصغّر. يوفّر Android العديد من التنسيقات المُعدّة مسبقًا لأداة شريط الأدوات والنص والقوائم
والتطبيقات المصغّرة من النوع الشبكي لتبسيط هذه العملية.
نص
تُعدّ تنسيقات النصوص مثالية لعرض معلومات موجزة. يمكنك تحسين المظهر البصري
لتطبيقك المصغّر من خلال تضمين صورة بجانب النص اختياريًا.
النص فقط
مثالية للعناوين أو تحديثات الحالة أو الأوصاف القصيرة أو أيّ سيناريو
حيث ينقل سطر واحد من النص الرسالة بفعالية راجِع
نموذج التنسيق الأساسي
للحصول على إرشادات حول تغيير حجم محتوى النص ديناميكيًا استنادًا إلى حجم التطبيق المصغّر.
النص والصورة
يمكنك تضمين صورة لتأثير مرئي إضافي. لمزيد من المعلومات، اطّلِع على نقاط التوقف لتعلم كيفية تكييف هذا التنسيق لأحجام شاشات مختلفة.
استخدِم تنسيقات شريط الأدوات لتزويد المستخدمين بإمكانية الوصول السريع إلى المهام المُستخدَمة بشكلٍ متكرّر
في تطبيقك، وذلك من خلال تنسيق مرن يتكيّف مع جميع أحجام التطبيقات المصغّرة.
شريط أدوات البحث
تم تصميم تنسيق شريط أدوات البحث عن قصد لجذب التركيز إلى البحث
كإجراء أساسي في شريط الأدوات. يمكن أن توفّر الأزرار الإضافية المفيدة
إمكانية الوصول السريع إلى الوظائف المستخدَمة بشكل متكرّر.
شريط الأدوات
تعرِض أشرطة الأدوات علامة التطبيق التجارية متبوعة بأزرار المهام الأكثر استخدامًا
وهي مثالية للإعدادات القابلة للتبديل أو روابط المهام. عند تغيير حجم الشاشة، يمكن إخفاء الخيارات الأقل استخدامًا
لصالح الإجراءات الأكثر شيوعًا. استخدِم
نقاط التوقف
لإضافة زر جديد قابل للنقر بحجم لا يقل عن 48dp عندما يكون هناك مساحة.
القوائم
استخدِم تنسيقات القوائم لتنظيم عناصر متعددة بتنسيق واضح وقابل للمسح الضوئي. وهو
مثالي لعناوين الأخبار أو قوائم المهام أو الرسائل. تنظيم المحتوى في قائمة
منظَّمة وسهلة التصفّح اختَر بين عرض مُحاوي أو بدون حاوية
استنادًا إلى احتياجات المحتوى.
قائمة النصوص والصور
إنّ قوائم النصوص والصور القابلة للمسح الضوئي بسهولة مثالية لعرض عدة
أنواع من المحتوى، مثل عناوين الأخبار أو قوائم التشغيل التي تتضمّن أغلفة الألبومات أو
الرسائل.
قائمة التحقّق
يُعدّ تنسيق قائمة التحقّق مثاليًا لعرض المهام، إذ يقدّم أهدافًا واضحة للنقرات
للمستخدمين من أجل وضع علامة "تم" على العناصر بسهولة.
قائمة الإجراءات
توفير تجميع عناصر تحكّم بسيطة باستخدام قوائم الإجراءات، حيث تقدّم حالات التفعيل/الإيقاف المرئية
ملاحظات فورية حول حالات العناصر
شبكة
عرض الصور في شبكة مصغّرة ومرنة وغنية من الناحية المرئية مع تصنيفات اختيارية
استخدِم الأعمدة والصفوف التي تتكيف مع أحجام الشاشات المختلفة.
الصورة فقط
أنشئ معارض صور قابلة للتنقّل وذات تأثير بصري باستخدام شبكات تشكلها
الصور فقط. تتكيّف الصفوف والأعمدة تلقائيًا مع أحجام الشاشات المختلفة لتوفير عرض مثالي.
الصورة والنص
يمكنك أيضًا دمج تصنيفات وأوصاف نصية، ما يثري
المحتوى في شبكة الصور بسياق ومعلومات إضافية.
يخضع كل من المحتوى وعيّنات التعليمات البرمجية في هذه الصفحة للتراخيص الموضحّة في ترخيص استخدام المحتوى. إنّ Java وOpenJDK هما علامتان تجاريتان مسجَّلتان لشركة Oracle و/أو الشركات التابعة لها.
تاريخ التعديل الأخير: 2025-07-27 (حسب التوقيت العالمي المتفَّق عليه)
[[["يسهُل فهم المحتوى.","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-27 (حسب التوقيت العالمي المتفَّق عليه)"],[],[],null,["# Canonical widget layouts\n\nCraft effective widget layouts by first identifying your core content. Your\nlayout dictates how information and interactive elements are organized within\nyour widget. Android offers several prebuilt layouts for toolbars, text, list\nand grid-type widgets to streamline this process.\n| **Note:** View detailed layout specs in our [Figma Widget Canonical Builder](https://goo.gle/widget-canonical), and find the code samples using Jetpack Glance in the [Android Platform Samples GitHub repository](https://github.com/android/platform-samples/tree/main/samples/user-interface/appwidgets/src/main/java/com/example/platform/ui/appwidgets/glance).\n\nText\n----\n\nText layouts are ideal for displaying concise information. Enhance the visual\nappeal of your widget by optionally including an image alongside the text. \n**Text only**\n\n\nIdeal for titles, status updates, short descriptions, or any scenario\nwhere a single line of text effectively conveys the message. Refer to the\n[Canonical layout sample](https://github.com/android/platform-samples/tree/main/samples/user-interface/appwidgets/src/main/java/com/example/platform/ui/appwidgets/glance)\nfor guidance on dynamically scaling text content based on widget size. \n**Text and image**\n\n\nInclude an image for added visual impact. For more information, see\n[Breakpoints](/design/ui/mobile/guides/widgets/sizing#breakpoints)\nto learn how to adapt this layout for different screen sizes.\n\nToolbars\n--------\n\nUse toolbar layouts to provide users with quick access to frequently used tasks\nin your app, in a flexible layout that adapts across widget sizes. \n**Search Toolbar**\n\n\nA search toolbar layout is intentionally designed to draw focus to search\nas a primary action in the toolbar. Additional handy buttons can provide\nquick access to frequently used functions.\n\n\n**Toolbar**\n\n\nToolbars presents app branding followed by buttons for the most used tasks\nthat are ideal for toggleable settings or task links. When resizing, less\ncommonly used options can be hidden in favor of more common actions. Use\n[Breakpoints](/design/ui/mobile/guides/widgets/sizing#breakpoints)\nto add a new minimum 48dp tappable button when there's room.\n\n\u003cbr /\u003e\n\nLists\n-----\n\nUse list layouts to organize multiple items in a clear, scannable format. This\nis ideal for news headlines, to-do lists or messages. Organize content into a\nstructured, easily scannable list. Choose between containerized or containerless\npresentation based on your content needs. \n**Text and image list**\n\n\nEasily scannable text and image lists are perfect for showcasing multiple\ncontent types, such as news headlines, playlists with album art, or\nmessages. \n**Checklist**\n\n\nThe checklist layout is perfect for displaying tasks, providing clear tap\ntargets for users to easily mark items as done. \n**Action list**\n\n\nProvide intuitive control grouping with action lists, where visual on/off\nstates offer immediate feedback on item statuses.\n\nGrid\n----\n\nPresent images in a compact, flexible, visually rich grid with optional labels.\nUse columns and rows that adapt to different screen sizes. \n**Image only**\n\n\nCreate visually impactful, scrollable image galleries using image-only\ngrids. Rows and columns automatically adapt to various screen sizes for\noptimal presentation. \n**Image and text**\n\n\nYou can also incorporate text labels and descriptions, enriching your\nimage grid content with additional context and information."]]
