با مجموعه‌ها، منظم بمانید
ذخیره و طبقه‌بندی محتوا براساس اولویت‌های شما.
ویجت‌های سازگار اندروید را طراحی کنید که به طور یکپارچه مقیاس شوند. از اندازه های پیش فرض پیشنهادی ما به عنوان نقطه شروع استفاده کنید و طرح بندی های خود را در ابعاد مختلف آزمایش کنید تا از خوانایی و تجربه کاربری بهینه اطمینان حاصل کنید.
اندازه های پیش فرض
با بهینه‌سازی طرح‌بندی خود برای حداقل یکی از اندازه‌های پیشنهادی ما، یک تجربه ویجت صیقلی ارائه دهید. با تعریف ویژگی های targetCellWidth و targetCellHeight برای دستگاه های دستی و تبلت، از قرارگیری و دید صحیح در انتخابگر ویجت اطمینان حاصل کنید.
این مقادیر بر اساس دستگاه‌های Pixel هستند. از این اندازه ها به عنوان نقطه شروع برای طراحی ویجت خود استفاده کنید. ویجت خود را در اندازه های مختلف و در دستگاه های مختلف به طور کامل آزمایش کنید تا از تجربه کاربری با کیفیت اطمینان حاصل کنید.
دستی
اندازه ها
حداقل عرض
حداکثر عرض
حداقل ارتفاع
حداکثر ارتفاع
2x1
109
306
56
130
2x2
109
306
115
276
2x3
109
306
185
422
4x1
245
624
56
130
4×2
245
624
115
276
4×3
245
624
185
422
تبلت
اندازه ها
حداقل عرض
حداکثر عرض
حداقل ارتفاع
حداکثر ارتفاع
2x1
180
304
64
120
2x2
180
304
184
304
2x3
180
304
304
488
3x1
328
488
64
120
3x2
298
488
184
304
3x3
298
488
304
488
3x4
298
488
424
672
نقاط شکست
نقاط شکست برای ساخت ویجت‌های سازگار و کاربرپسند با قابلیت تغییر اندازه ضروری هستند. با آزمایش طرح خود، می‌توانید آستانه‌های اندازه را در جایی که تنظیمات چیدمان لازم است مشخص کنید. نقاط شکست را برای ایجاد این تغییرات اجرا کنید، اطمینان حاصل کنید که ویجت شما جذابیت بصری و عملکرد را در هر اندازه ای حفظ می کند.
نقاط شکست همچنین انعطاف‌پذیری را برای گنجاندن یا حذف مشروط محتوای تکمیلی، بهینه‌سازی استفاده از فضا بر اساس ابعاد ویجت، ارائه می‌دهد.
شکل 1: از نقاط شکست برای ایجاد تغییرات چیدمان در اندازه های مختلف استفاده کنید.
محدوده ها را پر کنید
یکی از دلایل اصلی حذف ویجت ها توسط کاربران، عدم هماهنگی با سایر عناصر صفحه اصلی است. برای جلوگیری از این امر، اطمینان حاصل کنید که ویجت شما همیشه فضای شبکه اختصاص داده شده خود را به طور کامل پر می کند.
check_circle
انجام دهید
مطمئن شوید که ظرف در همه اندازه ها لبه به لبه کشیده می شود.
cancel
نکن
اضافه کردن بالشتک سفارشی ویجت شما باید یکپارچه لبه به لبه برود.
check_circle
انجام دهید
اطمینان حاصل کنید که شکل غیر مستطیلی شما برای یکپارچگی بصری، شبکه را در محور عمودی یا افقی لمس می کند.
cancel
نکن
از اشکال مربع ثابت استفاده کنید. در عوض، از ظروف مستطیلی پاسخگو استفاده کنید که با ابعاد مختلف شبکه سازگار هستند.
محتوا و نمونه کدها در این صفحه مشمول پروانههای توصیفشده در پروانه محتوا هستند. جاوا و OpenJDK علامتهای تجاری یا علامتهای تجاری ثبتشده Oracle و/یا وابستههای آن هستند.
تاریخ آخرین بهروزرسانی 2025-07-29 بهوقت ساعت هماهنگ جهانی.
[[["درک آسان","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-29 بهوقت ساعت هماهنگ جهانی."],[],[],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."]]
