الفئة 1: التوافق مع جميع الشاشات
تنظيم صفحاتك في مجموعات
يمكنك حفظ المحتوى وتصنيفه حسب إعداداتك المفضّلة.
تمثّل هذه الفئة الحد الأدنى لمستوى الجودة للتجارب على جميع أحجام الشاشة
على Wear OS.
الخطوة الأولى في إنشاء تطبيق رائع لنظام التشغيل Wear OS هي تجهيز تطبيقك ليناسب
جميع أحجام الشاشة. اختبِر تطبيقك على مجموعة من أحجام الشاشات المستهدَفة، و
حدِّد أي أخطاء واضحة وأصلِحها.
في هذه المرحلة، قد لا يكون تصميم تطبيقك مثاليًا، ولكن يجب ألا يتضمّن
مشاكل مرئية أو تفاعلية واضحة، ويجب أن يتمكّن المستخدمون من إكمال جميع
مسارات المهام.
إنشاء واجهة مستخدم قابلة للاستخدام
check_circle
الإجراءات التي يُنصح بها
- تأكَّد من أنّ تطبيقك لا يتضمّن أخطاء واضحة على مستوى
أحجام الشاشات المختلفة.
- استخدِم مكتبة مكونات M3 Compose التي تتضمّن
سلوكًا متوافقًا وسريع الاستجابة.
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,["# Tier 1: Ready for all screens\n\nThis tier represents a minimum quality bar for experiences across all screen\nsizes on Wear OS.\n\nThe first step in creating a great app for Wear OS is making your app ready for\nall screen sizes. Test your app across a range of target screen sizes, and\nidentify and fix any obvious bugs.\n\nAt this stage, your app's layout might not be ideal, but your app shouldn't have\nobvious visual or interaction issues, and users should be able to complete all\ntask flows.\n\nCreate a usable UI\n------------------\n\ncheck_circle\n\n### Do\n\n- Check to make sure your app has no obvious bugs across screen sizes.\n- Use the M3 Compose component library which has built-in responsive and adaptive behavior. \ncancel\n\n### Don't\n\n- Apply awkward alignments or spacing.\n- Proportionally scale up the UI content to fill the available space.\n\nExamples\n--------\n\nThe following images show examples of apps that are ready for all screen sizes.\n\n\n### Confirmation overlays\n\n\u003cbr /\u003e\n\n\n### Dialogs\n\n\u003cbr /\u003e"]]
