تنظيم صفحاتك في مجموعات
يمكنك حفظ المحتوى وتصنيفه حسب إعداداتك المفضّلة.
تتميّز العديد من الساعات ضمن منظومة Wear OS المتكاملة بأحجام مختلفة.
عند تصميم تطبيقات Wear OS، تذكَّر أنّ أسطح تطبيقك تظهر على أحجام الشاشات المختلفة هذه.
المبادئ
ضع المبادئ التالية في الاعتبار عند التصميم لأجهزة مختلفة.
الحجم الصغير أولاً
يجب التصميم دائمًا لأصغر محاكي متوافق للشاشات المستديرة أولاً:
192 dp. بعد ذلك، يمكنك التحسين للتوافق مع الأجهزة الأكبر حجمًا.
تصميم للمقياس
حدد الهوامش الخارجية كنسب مئوية بدلاً من قيم مطلقة، بحيث يمكن أن تتغير الهوامش بشكل تناسبي على الشاشات المستديرة وتجنب قص أي عناصر في واجهة المستخدم.
حجم الخط
قد يتغير ارتفاع عنصر في واجهة المستخدم بطريقة غير خطية، بناءً على تحجيم الخط وإعدادات تسهيل الاستخدام مثل النص الغامق.
أمثلة على أحجام الشاشات الشائعة
أحجام الشاشات التالية هي خيارات شائعة بشكلٍ خاص لأجهزة Wear OS.
من المفيد استخدام 225 وحدة بكسل مستقلة الكثافة كنقطة فاصل بين الشاشات الأصغر حجمًا والشاشات الأكبر.
من 192 dp إلى 224 dp
225 بكسل مستقل الكثافة إلى أكثر من 240 وحدة بكسل مستقلة الكثافة
التخطيطات التكيُّفية الأساسية
انتقِل إلى صفحة التنسيقات الأساسية التكيُّفية للاطّلاع على مزيد من المعلومات حول تصميم مجموعة متنوعة من أحجام الشاشات.
يخضع كل من المحتوى وعيّنات التعليمات البرمجية في هذه الصفحة للتراخيص الموضحّة في ترخيص استخدام المحتوى. إنّ 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,["# Screen sizes\n\nMany of the watches within the Wear OS ecosystem have different screen sizes.\nWhen designing for Wear OS, keep in mind that your app surfaces are displayed on\nthese different screen sizes.\n\nPrinciples\n----------\n\nKeep the following principles in mind when designing for different devices.\n\n### Small first\n\nAlways design for the smallest supported round-screen emulator first:\n192 dp. Then, optimize for larger devices.\n\n### Design for scale\n\nDefine outer margins as percentages rather than absolute values, so that margins\ncan scale proportionally on round screens and avoid clipping any UI elements.\n\n### Font size\n\nThe height of a UI element might change in a non-linear way, depending on font\nscaling and accessibility settings such as bold text.\n\nExamples of common screen sizes\n-------------------------------\n\nThe following screen sizes are particularly common choices for Wear OS devices.\nIt's beneficial to use 225 dp as a breakpoint between smaller screens and larger\nscreens. \n192 dp to 224 dp \n225 dp to 240+ dp\n\nCanonical adaptive layouts\n--------------------------\n\nVisit the [canonical adaptive layouts](/design/ui/wear/guides/foundations/canonical-adaptive-layouts) page for more information on designing\nfor a variety of screen sizes."]]
