تنظيم صفحاتك في مجموعات
يمكنك حفظ المحتوى وتصنيفه حسب إعداداتك المفضّلة.
قد تظهر المدخلات أو المحتوى أو الإجراءات الأخرى بالنسبة إلى بعضها البعض أو تكون مقيّدة بحاوية رئيسية. يمكن أن تكون التنسيقات أكثر تخصيصًا، ولكن احرص على اتّباع التجميع والأعمدة والمسافات نفسها.
المصادقة هي تخطيط نسبي شائع، كما هو موضّح في الشكل التالي. المكان الذي يتم فيه وصف التنسيق المخصّص من خلال كيفية ارتباط عناصر واجهة المستخدم ببعضها البعض
يمكن أن تستخدم التنسيقات أيضًا مجموعة من أنواع التنسيقات. على سبيل المثال، يمكنك إقران شريط تمرير أفقي أو دائري ببطاقات عمودية. أو يمكنك عرض رسم بياني مخصّص يتضمّن بيانات قائمة عمودية.
يمكنك عرض المحتوى في صفوف أو أعمدة قابلة للتمرير باستخدام الصفوف والأعمدة الكسولة.
تنسيق ملء الشاشة هو تنسيق شائع آخر، كما هو مستخدَم في وضع العرض الغامر.
الشكل 27: التنسيق بملء الشاشة، كما هو مستخدَم في الوضع الغامر
إذا كنت تعمل باستخدام "طرق العرض" بدلاً من "إنشاء"، يمكنك استخدام
ConstraintLayout لتصميم طرق العرض وفقًا للعلاقات بين
طرق العرض المتجاورة والتصميم الرئيسي، ما يتيح إنشاء تصاميم كبيرة ومعقّدة.
تتيح لك ConstraintLayout إنشاء التصميم بالكامل من خلال السحب والإفلات بدلاً من تعديل XML باستخدام أداة تعديل التصميم. مزيد من المعلومات عن إنشاء واجهة مستخدم باستخدام
أداة Layout Editor
Webview هي طريقة عرض تعرض صفحات الويب داخل التطبيق. في معظم الحالات، ننصح باستخدام متصفّح ويب عادي، مثل Chrome، لعرض المحتوى للمستخدم. لمزيد من المعلومات حول متصفّحات الويب، يمكنك الاطّلاع على دليل استدعاء متصفّح باستخدام
Intent.
يخضع كل من المحتوى وعيّنات التعليمات البرمجية في هذه الصفحة للتراخيص الموضحّة في ترخيص استخدام المحتوى. إنّ 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,["Inputs, content, or other actions may appear relative to each other or\nconstrained to a parent container. Layouts can be more custom, but make sure to\nfollow consistent grouping, columns, and spacing.\n\nAuthentication is a common relative layout, as shown in the following figure. Where a custom layout is described by how the UI elements in relation to each other.\n\nLayouts can also use a combination of layout types. For example, you might pair a\ncarousel or horizontal scroll with vertical cards. Or, you could present a\ncustom chart with vertical list data.\n\nYou can present content in scrolling rows or columns with lazy rows and lazy\ncolumns.\n\nFull-screen layout is another common layout, as used in [immersive mode](/design/ui/mobile/guides/layout-and-content/immersive-content).\n**Figure 27:** Full screen layout, as used in immersive mode\n\nIf you're working with Views instead of Compose, you can use\n[`ConstraintLayout`](/develop/ui/views/layout/constraint-layout) to lay out views according to relationships between\nsibling views and the parent layout, allowing for large and complex layouts.\n`ConstraintLayout` lets you build entirely by dragging and dropping instead of\nediting the XML using the layout editor. Learn more about [building a UI with\nLayout Editor](/studio/write/layout-editor).\n\nLearn more about [Compose layout basics](/develop/ui/compose/layouts/basics) and what makes up a composable.\n\nWebviews\n\nA Webview is a view that displays in-app web pages. In most cases, we recommend\nusing a standard web browser, like Chrome, to deliver content to the user. To\nlearn more about web browsers, read the guide for [invoking a browser with an\nintent](/guide/components/intents-common#Browser)."]]
