تنظيم صفحاتك في مجموعات
يمكنك حفظ المحتوى وتصنيفه حسب إعداداتك المفضّلة.
التصميم التكيّفي هو ممارسة تصميم تنسيقات تتكيّف مع نقاط توقّف وأجهزة معيّنة. عادةً ما نأخذ عرض الجهاز في الاعتبار لتحديد المكان الذي يجب أن يتغير فيه التصميم أو يتكيّف. يستخدم كل من الويب وAndroid مفاهيم التصميم السريع الاستجابة، مثل الشبكات والصور المرنة، لإنشاء تخطيطات تستجيب بشكل أفضل لسياقها.
على الرغم من أنّه ليس من الضروري أن يكون كل تطبيق متاحًا على كل أحجام الشاشات، إلا أنّ ذلك يمنح المستخدمين المزيد من الحرية فيما يتعلق ببيئة العمل وسهولة الاستخدام وجودة التطبيق.
يمكنك تصميم الشاشات الرئيسية (التي توضّح المفاهيم الأساسية أو تطبيقك) مع أحجام الفئات كنقاط توقّف لتكون بمثابة إرشادات.
يمكنك أيضًا تصميم المحتوى ليتجاوب مع أحجام الشاشات المختلفة من خلال تحديد طريقة عرض المحتوى، أي ما إذا كان يجب أن يكون محدودًا أو موسّعًا أو أن يتم إعادة ترتيبه.
يخضع كل من المحتوى وعيّنات التعليمات البرمجية في هذه الصفحة للتراخيص الموضحّة في ترخيص استخدام المحتوى. إنّ Java وOpenJDK هما علامتان تجاريتان مسجَّلتان لشركة Oracle و/أو الشركات التابعة لها.
تاريخ التعديل الأخير: 2025-08-28 (حسب التوقيت العالمي المتفَّق عليه)
[[["يسهُل فهم المحتوى.","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-08-28 (حسب التوقيت العالمي المتفَّق عليه)"],[],[],null,["Adaptive design is the practice of designing layouts that adapt to specific\nbreakpoints and devices. Usually we consider the width of the device to\ndetermine where the layout should change, or adapt. Both Web and Android utilize\nresponsive design concepts, like flexible grids and images, to create layouts\nthat better respond to their context.\n\nFor design guidelines about adapting layouts to expanded screen sizes, read the\n[Support different screen sizes](/develop/ui/compose/layouts/adaptive/support-different-display-sizes) developers guide in Compose and the M3\n[Applying Layout](https://m3.material.io/foundations/layout/applying-layout/expanded) page. You can also check out the Android\n[large screen canonical](/guide/topics/large-screens/large-screen-canonical-layouts) gallery for inspiration and implementation of\nlarge screen layouts.\n\nAlthough not every app needs to be available on every screen size, it does allow\nyour users more freedom regarding ergonomics, usability, and app quality.\n\n- You can design key screens (communicate the essential concepts or your app) with class sizes as breakpoints to act as guidelines.\n- Or design content to act responsively by notating how content should be constrained, expand, or reflow.\n\nFor more on layouts, check out the [Material Design 3 (M3) Understanding layout\npage](https://m3.material.io/foundations/layout/understanding-layout/overview)."]]