Material Design Components

این کامپوننت ها بلوک های ساختمانی تعاملی برای ایجاد یک رابط کاربری هستند.

کاتالوگ M3 🚀

این برنامه برای اهداف نسخه ی نمایشی توسعه دهندگان است.

📚 کد منبع: GitHub - اجزای طراحی متریال

https://github.com/boltuix-store/Material-Design-Components

📖 مستندات: مواد 3 دستورالعمل 2025

https://www.boltuix.com/2025/06/material-3-guidelines-2025.html

مواد یک سیستم سازگار از دستورالعمل ها، اجزاء و ابزار است که از بهترین شیوه های طراحی رابط کاربری پشتیبانی می کند. مواد با پشتیبانی کد منبع باز، همکاری بین طراحان و توسعه دهندگان را ساده می کند و به تیم ها کمک می کند تا به سرعت محصولات زیبا بسازند. 🌟

اجزاء 🛠️

اجزای متریال بلوک های سازنده تعاملی برای ایجاد یک رابط کاربری هستند.

در اینجا لیست جامع با اجزای اضافه شده است:

* تطبیقی ​​🖥️: طرح بندی های انعطاف پذیر برای اندازه های مختلف صفحه نمایش

* نوارهای برنامه: پایین 📱: نوارهای پیمایش و عمل در پایین صفحه

* نوارهای برنامه: بالا 📍: نوارهای پیمایش در بالای صفحه

* پس زمینه 🎨: محتوای لایه بندی شده با نمای جلو و پشت

* نشان ها 🔔: نشان هایی برای اعلان ها یا وضعیت در عناصر رابط کاربری (BadgeDrawable)

* بنرها 📢: پیام های موقت برای توجه کاربران

* پیمایش پایین 🧭: بین نماهای رابط کاربری در پایین جابجا شوید

* برگه های پایین ⬇️: محتوای ثانویه در پایین صفحه لنگر انداخته است

* دکمه ها 👆: اجزای اصلی برای راه اندازی اقدامات در یک رابط کاربری

* دکمه ها: دکمه حرکت شناور (FAB) ➕: دکمه های عمل شناور برای اقدامات اولیه

* منوهای FAB 🔄: منوها در حال گسترش از FAB برای اقدامات مرتبط

* کارت 🗂️: نمایش محتوا و اقدامات برای یک موضوع واحد

* چرخ فلک 🎠: مجموعه ای از آیتم های قابل پیمایش روی صفحه و خارج از صفحه

* چک باکس ها ✅: یک یا چند مورد را انتخاب کنید یا روشن/خاموش کنید

* تراشه ها 🏷️: اطلاعات را وارد کنید، انتخاب کنید، فیلتر کنید یا اقدامات را فعال کنید

* جداول داده 📊: سازماندهی و نمایش داده های ساخت یافته

* انتخاب کنندگان تاریخ 📅: تاریخ یا محدوده ای از تاریخ ها را انتخاب کنید

* دیالوگ ها ❗: اعلان های مهم در جریان کاربر

* تقسیم کننده ها ➖: خطوط نازک برای گروه بندی محتوا در ظروف

* Docked Toolbar ⚓: نوار ابزار ثابت برای اقدامات مکرر

* نوار ابزار شناور 🛠️: نوار ابزارهای پویا برای اقدامات متنی

* نماد و دکمه های تقسیم شده 🖼️: دکمه هایی با نمادها یا گزینه های تقسیم شده برای تعامل

* لیست های تصویری 🖼️: شبکه یا فهرستی از تصاویر

* لیست ها 📋: لیست های عمودی برای نمایش محتوا

* نشانگرهای بارگذاری 🔄: نشانه های بصری برای فرآیندهای بارگذاری کوتاه

* MaterialTextView ✍️: مولفه نمایش متن پیشرفته برای Material 3

* منوها 📜: نمایش لیستی از انتخاب ها روی یک سطح موقت

* کشوی پیمایش 📂: بین نماهای رابط کاربری در دستگاه های بزرگتر جابه جا شوید

* راه آهن ناوبری 🚆: بین نماهای UI در دستگاه های با اندازه متوسط ​​جابه جا شوید

* نشانگرهای پیشرفت ⏳: زمان انتظار یا مدت زمان فرآیند نامشخص را نشان می دهد

* دکمه های رادیویی 🔘: یک گزینه را از یک مجموعه انتخاب کنید

* نوار جستجو 🔍: کلمات یا عبارات کلیدی را برای اطلاعات مرتبط وارد کنید

* کنترل های انتخاب 🎚️: انتخاب های کاربر (چک باکس ها، دکمه های رادیویی، سوئیچ ها) را مدیریت کنید

* صفحات: پایین 📄: محتوای ثانویه در پایین صفحه

* برگه ها: جانبی 📑: محتوای ثانویه لنگر به کناره صفحه نمایش

* صفحات جانبی 📘: محتوای ثانویه لنگر انداخته به کناره

* لغزنده 🎚️: از طیف وسیعی از مقادیر انتخاب کنید

* Snackbars 🔔: به‌روزرسانی‌های مختصر در مورد فرآیندهای برنامه در پایین صفحه

* سوئیچ ها 🔄: انتخاب یک مورد را روشن یا خاموش کنید

* برگه ها 📑: سازماندهی محتوا در صفحات و نماهای مختلف

* فیلدهای متنی ✍️: به کاربران اجازه می دهد متن را در یک رابط کاربری وارد کرده و ویرایش کنند

* Time Pickers ⏰: به کاربران کمک کنید زمان خاصی را انتخاب و تنظیم کنند

* نکات ابزار 💡: توضیحات مختصری برای عناصر UI

🚀 اکنون در CodeCanyon موجود است

نسخه Kotlin Material UIX را خریداری کنید - ابزار نهایی شما برای ایجاد رابط های کاربری شیک، مدرن و پاسخگو.

الگوی برنامه مدرن – یک کیت رابط کاربری پاسخگو و قابل تنظیم برای:

* Jetpack Compose

* اندروید کاتلین

* بال زدن

👉 آن را در CodeCanyon دریافت کنید

https://codecanyon.net/user/boltuix