تنظيم صفحاتك في مجموعات
يمكنك حفظ المحتوى وتصنيفه حسب إعداداتك المفضّلة.
تصميم تطبيقات مصغّرة قابلة للتكيّف مع Android وقابلة للتوسيع بسلاسة استخدِم المقاسات الافتراضية المُقترَحة كنقطة بداية، واختَبِر تصاميمك على مستوى سمات مختلفة لضمان قراءة مثالية وتجربة مستخدم مثالية.
الأحجام التلقائية
قدِّم تجربة مصقولة للتطبيقات المصغّرة من خلال تحسين تنسيقها لواحد على الأقل
من الأحجام المُقترَحة. تأكَّد من وضع الأداة ومستوى ظهورها الصحيحَين في أداة اختيار التطبيقات المصغّرة
من خلال تحديد سمتَي targetCellWidth وtargetCellHeight لكلٍّ من
الأجهزة الجوّالة والأجهزة اللوحية.
تستند هذه القيم إلى أجهزة Pixel. استخدِم هذه الأحجام كنقطة بداية
لتصميم التطبيق المصغّر. اختبِر التطبيق المصغّر بدقة بأحجام مختلفة وعلى
أجهزة مختلفة لضمان تقديم تجربة عالية الجودة للمستخدمين.
حمل الكاميرا يدويًا
الأحجام
الحد الأدنى للعرض
الحد الأقصى للعرض
الحد الأدنى للارتفاع
الحد الأقصى للارتفاع
2x1
109
306
56
130
2×2
109
306
115
276
2×3
109
306
185
422
4×1
245
624
56
130
4×2
245
624
115
276
4x3
245
624
185
422
جهاز لوحي
الأحجام
الحد الأدنى للعرض
الحد الأقصى للعرض
الحد الأدنى للارتفاع
الحد الأقصى للارتفاع
2x1
180
304
64
120
2×2
180
304
184
304
2×3
180
304
304
488
3×1
328
488
64
120
3×2
298
488
184
304
3x3
298
488
304
488
3×4
298
488
424
672
نقاط الإيقاف
نقاط التوقف ضرورية لإنشاء تطبيقات مصغّرة قابلة للتكيّف وسهلة الاستخدام وقابلة لتغيير الحجم. من خلال اختبار تصميمك، يمكنك تحديد حدود الحجم التي تتطلّب تعديلات على التنسيق. يمكنك تنفيذ نقاط التوقف لتطبيق هذه التغييرات،
ما يضمن الحفاظ على جاذبية التطبيق المصغّر ووظائفه بغض النظر عن حجمه.
توفّر نقاط التوقف أيضًا المرونة لتضمين محتوى إضافي أو استبعاده بشكل مشروط، ما يؤدي إلى تحسين استخدام المساحة استنادًا إلى سمات التطبيقات المصغّرة.
الشكل 1: استخدام نقاط التوقف لإجراء تغييرات على التنسيق بمختلف الأحجام
ملء الحدود
أحد الأسباب الرئيسية لإزالة المستخدمين للتطبيقات المصغّرة هو عدم محاذاة
عناصر الشاشة الرئيسية الأخرى. لتجنُّب حدوث ذلك، تأكَّد من أنّ التطبيق المصغّر يملؤه دائمًا
مساحة الشبكة المخصّصة له بالكامل.
check_circle
الإجراءات التي يُنصح بها
تأكَّد من أنّ الحاوية تمتد من الحافة إلى الحافة في جميع الأحجام.
cancel
الإجراءات غير المُوصى بها
أضِف مساحة تمويه مخصّصة. يجب أن يشغل التطبيق المصغّر الشاشة بالكامل بسلاسة.
check_circle
الإجراءات التي يُنصح بها
تأكَّد من أنّ الشكل غير المستطيل يلامس الشبكة على المحور العمودي أو الأفقي لتحقيق التناسق المرئي.
cancel
الإجراءات غير المُوصى بها
استخدِم أشكالًا مربّعة ثابتة. بدلاً من ذلك، استخدِم حاويات مستطيلة سريعة الاستجابة تتكيّف مع أبعاد الشبكة المختلفة.
يخضع كل من المحتوى وعيّنات التعليمات البرمجية في هذه الصفحة للتراخيص الموضحّة في ترخيص استخدام المحتوى. إنّ 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,["# Sizing\n\nDesign adaptable Android widgets that scale seamlessly. Use our recommended\ndefault sizes as a starting point, and test your layouts across different\ndimensions to ensure optimal readability and user experience.\n\nDefault sizes\n-------------\n\nDeliver a polished widget experience by optimizing your layout for at least one\nof our recommended sizes. Ensure correct placement and visibility in the widget\npicker by defining `targetCellWidth` and `targetCellHeight` attributes for both\nhandheld and tablet devices.\n\nThese values are based off Pixel devices. Use these sizes as a starting point\nfor your widget design. Thoroughly test your widget at different sizes and on\nvarious devices to ensure a quality user experience. \n\n### Handheld\n\n\n| Sizes | Min width | Max width | Min height | Max height |\n|-------|-----------|-----------|------------|------------|\n| 2x1 | 109 | 306 | 56 | 130 |\n| 2x2 | 109 | 306 | 115 | 276 |\n| 2x3 | 109 | 306 | 185 | 422 |\n| 4x1 | 245 | 624 | 56 | 130 |\n| 4x2 | 245 | 624 | 115 | 276 |\n| 4x3 | 245 | 624 | 185 | 422 |\n\n\u003cbr /\u003e\n\n### Tablet\n\n\n| Sizes | Min width | Max width | Min height | Max height |\n|-------|-----------|-----------|------------|------------|\n| 2x1 | 180 | 304 | 64 | 120 |\n| 2x2 | 180 | 304 | 184 | 304 |\n| 2x3 | 180 | 304 | 304 | 488 |\n| 3x1 | 328 | 488 | 64 | 120 |\n| 3x2 | 298 | 488 | 184 | 304 |\n| 3x3 | 298 | 488 | 304 | 488 |\n| 3x4 | 298 | 488 | 424 | 672 |\n\n\u003cbr /\u003e\n\n| **Note:** Widget dimensions in the table encompass all device orientations, including landscape mode on phones, to ensure optimal functionality in a variety of scenarios.\n\nBreakpoints\n-----------\n\nBreakpoints are essential for crafting adaptable, user-friendly resizable\nwidgets. By testing your design, you can pinpoint size thresholds where layout\nadjustments are necessary. Implement breakpoints to trigger these changes,\nensuring your widget maintains visual appeal and functionality at any size.\n\nBreakpoints also offer the flexibility to conditionally include or exclude\nsupplemental content, optimizing space utilization based on the widget's\ndimensions.\n**Figure 1:** Use breakpoints to make layout changes at different sizes.\n\nFill the bounds\n---------------\n\nOne of the primary reasons users remove widgets is due to misalignment with\nother home screen elements. To prevent this, ensure your widget always fills its\nallocated grid space completely. \ncheck_circle\n\n### Do\n\nMake sure the container stretches edge-to-edge at all sizes. \ncancel\n\n### Don't\n\nAdd custom padding. Your widget should go seamlessly edge-to-edge. \ncheck_circle\n\n### Do\n\nEnsure your non-rectangular shape touches the grid on either the vertical or horizontal axis for visual consistency. \ncancel\n\n### Don't\n\nUse fixed square shapes. Instead, use responsive rectangular containers that adapt to various grid dimensions."]]