Jetpack Compose پیاده سازی Material Design را ارائه می دهد، یک سیستم طراحی جامع برای ایجاد رابط های دیجیتال. شما می توانید از توابع composable برای پیاده سازی کامپوننت های Material استفاده کنید.

اقدامات

دکمه‌ها بیشتر اقدامات را در یک رابط کاربری نشان می‌دهند.
دکمه‌های عملیات شناور (FAB) به کاربران کمک می‌کنند تا اقدامات اولیه را انجام دهند.
دکمه های آیکون به کاربران کمک می کنند تا با یک ضربه اقدامات جزئی انجام دهند.
دکمه‌های بخش‌بندی شده به کاربران کمک می‌کنند تا گزینه‌ها را انتخاب کنند، نماها را تغییر دهند یا عناصر را مرتب کنند.

ارتباط

نشان‌ها اعلان‌ها، تعداد یا اطلاعات وضعیت را در آیتم‌ها و نمادهای پیمایش نشان می‌دهند.
نشانگرهای پیشرفت یک زمان انتظار نامشخص را بیان می کنند یا مدت زمان یک فرآیند را نمایش می دهند.
نوارهای اسنک به‌روزرسانی‌های کوتاه درباره فرآیندهای برنامه را در پایین صفحه نمایش می‌دهند.
راهنمای ابزار برچسب ها یا پیام های مختصری را نمایش می دهد.

مهار

برگه‌های پایین، محتوای ثانویه را نشان می‌دهند که به پایین صفحه متصل شده‌اند.
کارت ها محتوا و اقدامات مربوط به یک موضوع را نمایش می دهند.
چرخ فلک ها مجموعه ای از آیتم ها را نشان می دهند که می توان روی صفحه و خارج از آن پیمایش کرد.
دیالوگ ها اعلان های مهمی را در جریان کاربر ارائه می دهند.
تقسیم‌کننده‌ها خطوط نازکی هستند که محتوا را در فهرست‌ها یا ظروف دیگر گروه‌بندی می‌کنند.
فهرست ها نمایه های پیوسته و عمودی متن و تصاویر هستند.
داربست‌ها بخش‌های مختلف رابط کاربری را در رابط‌های کاربری پیچیده نگه می‌دارند.

ناوبری

نوارهای برنامه در بالای صفحه قرار می گیرند تا به کاربران کمک کنند تا در مسیریابی قرار بگیرند.
نوارهای پیمایش به افراد امکان می دهد بین نماهای رابط کاربری در دستگاه های کوچکتر جابجا شوند.
کشوهای پیمایش به افراد امکان می دهد بین نماهای رابط کاربری در دستگاه های بزرگتر جابجا شوند.
ریل‌های ناوبری به افراد امکان می‌دهند بین نماهای رابط کاربری در دستگاه‌های سایز متوسط ​​جابجا شوند.
برگه ها محتوا را در صفحات و نماهای مختلف سازماندهی می کنند.

انتخاب

چک باکس ها به کاربران این امکان را می دهند که یک یا چند مورد را از یک لیست انتخاب کنند یا یک مورد را روشن یا خاموش کنند.
تراشه‌ها به افراد کمک می‌کنند اطلاعات را وارد کنند، انتخاب کنند، محتوا را فیلتر کنند یا کنش‌ها را فعال کنند.
انتخاب‌کنندگان تاریخ به افراد اجازه می‌دهند تاریخ یا محدوده‌ای از تاریخ‌ها را انتخاب کنند.
منوها لیستی از انتخاب ها را روی یک سطح موقت نمایش می دهند.
دکمه‌های رادیویی به افراد اجازه می‌دهند از میان مجموعه‌ای از گزینه‌ها، یک گزینه را انتخاب کنند.
لغزنده ها به کاربران اجازه می دهند از طیف وسیعی از مقادیر انتخاب کنند.
سوئیچ ها انتخاب یک مورد را روشن یا خاموش می کنند.
انتخابگر زمان به کاربران کمک می کند تا زمان خاصی را انتخاب و تنظیم کنند.

ورودی های متن

جستجو به کاربران این امکان را می دهد که یک کلمه کلیدی یا عبارت را برای دریافت اطلاعات مرتبط وارد کنند.
فیلدهای متنی به کاربران امکان می دهد متن را در یک رابط کاربری وارد کنند.
با نحوه استفاده از طرح‌بندی‌های اولیه در Compose آشنا شوید.
یاد بگیرید که چگونه منابعی مانند رشته ها و تصاویر را مدیریت کنید.