أنظمة التصميم في Compose
تنظيم صفحاتك في مجموعات
يمكنك حفظ المحتوى وتصنيفه حسب إعداداتك المفضّلة.
يسهّل Jetpack Compose تنفيذ نظام تصميم ومنح تطبيقك مظهرًا موحّدًا من خلال السمات والمكوّنات وغير ذلك.
تقدّم الصفحات التالية تفاصيل حول كيفية تصميم نظام التصميم وتنفيذه:
نماذج
توضّح الأمثلة التالية أنظمة التصميم في Jetpack Compose:
اقتراحات مخصصة لك
يخضع كل من المحتوى وعيّنات التعليمات البرمجية في هذه الصفحة للتراخيص الموضحّة في ترخيص استخدام المحتوى. إنّ Java وOpenJDK هما علامتان تجاريتان مسجَّلتان لشركة Oracle و/أو الشركات التابعة لها.
تاريخ التعديل الأخير: 2025-08-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-08-27 (حسب التوقيت العالمي المتفَّق عليه)"],[],[],null,["Jetpack Compose makes it easy to implement a design system and give your\napp a consistent look and feel with theming, components, and more.\n\nThe following pages provide details on how to design and implement your design\nsystem:\n\n- [Material Design 3](/develop/ui/compose/designsystems/material3): Learn how to use [Google's design system](https://m3.material.io/) to build your product in Compose.\n- [Migrating from Material 2 to Material 3](/develop/ui/compose/designsystems/material2-material3): Learn how to migrate your app from Material Design 2 to Material Design 3 in Compose.\n- [Custom design systems](/develop/ui/compose/designsystems/custom): Learn how to implement a custom design system in Compose, and how to adapt existing Material Design composables to handle this.\n- [Anatomy of a theme](/develop/ui/compose/designsystems/anatomy): Learn about the lower-level constructs and APIs used by `MaterialTheme` and custom design systems.\n- [Migrating XML themes to Compose](/develop/ui/compose/designsystems/views-to-compose): Learn how to migrate your View-based XML themes to Compose.\n\nSamples\n\nThe following samples demonstrate design systems in Jetpack Compose:\n\nRecommended for you\n\n- Note: link text is displayed when JavaScript is off\n- [Material Design 2 in Compose](/develop/ui/compose/designsystems/material)\n- [Custom design systems in Compose](/develop/ui/compose/designsystems/custom)\n- [Anatomy of a theme in Compose](/develop/ui/compose/designsystems/anatomy)"]]
