طراحی متریال (Material Design) یک راهنمای جامع برای طراحی بصری، حرکتی و تعاملی در پلتفرمها و دستگاهها است. برای استفاده از طراحی متریال در برنامههای اندروید خود، دستورالعملهای تعریف شده در مشخصات طراحی متریال را دنبال کنید. اگر برنامه شما از Jetpack Compose استفاده میکند، میتوانید از کتابخانه Compose Material 3 استفاده کنید. اگر برنامه شما از نماها (views) استفاده میکند، میتوانید از کتابخانه کامپوننتهای متریال اندروید (Android Material Components ) استفاده کنید.
اندروید ویژگیهای زیر را برای کمک به شما در ساخت برنامههای طراحی متریال ارائه میدهد:
- یک تم برنامه با طراحی متریال برای استایلدهی به تمام ویجتهای رابط کاربری شما
- ابزارکهایی برای نماهای پیچیده، مانند لیستها و کارتها
- APIها برای سایهها و انیمیشنهای سفارشی
قالب و ابزارکهای متریال
برای بهرهگیری از ویژگیهای متریال، مانند استایلبندی برای ویجتهای رابط کاربری استاندارد، و سادهسازی تعریف استایل برنامهتان، یک تم مبتنی بر متریال را به برنامهتان اعمال کنید.
اگر از اندروید استودیو برای ایجاد پروژه اندروید خود استفاده میکنید، به طور پیشفرض از تم متریال (Material) استفاده میکند. برای یادگیری نحوه بهروزرسانی تم پروژه خود، به بخش استایلها و تمها (Styles and themes) مراجعه کنید.
برای ارائه یک تجربه آشنا به کاربرانتان، از رایجترین الگوهای UX متریال استفاده کنید:
- با استفاده از یک دکمه عملیاتی شناور (FAB)، عملکرد اصلی رابط کاربری خود را ارتقا دهید.
- با استفاده از نوار برنامه ، برند، ناوبری، جستجو و سایر اقدامات خود را نمایش دهید.
- با استفاده از کشوی ناوبری، ناوبری برنامه خود را نمایش داده و پنهان کنید.
- از میان کامپوننتهای متریال فراوان دیگر برای طرحبندی و ناوبری برنامه خود، مانند نوارهای ابزار جمعشونده، تبها، نوار ناوبری پایین و موارد دیگر، انتخاب کنید. برای مشاهده همه آنها، به کاتالوگ کامپوننتهای متریال برای اندروید مراجعه کنید.
هر زمان که امکان داشت، از آیکونهای متریال از پیش تعریفشده استفاده کنید. برای مثال، برای دکمهی «منو»ی ناوبری در کشوی ناوبری خود، از آیکون استاندارد «همبرگر» استفاده کنید. برای مشاهدهی فهرستی از آیکونهای موجود، به بخش آیکونهای طراحی متریال مراجعه کنید. همچنین میتوانید آیکونهای SVG را از کتابخانهی آیکون متریال با استفاده از Vector Asset Studio اندروید استودیو وارد کنید.
سایهها و کارتهای ارتفاعی
علاوه بر ویژگیهای X و Y ، نماها در اندروید دارای ویژگی Z نیز هستند. این ویژگی نشاندهندهی ارتفاع یک نما است که موارد زیر را تعیین میکند:
- اندازه سایه آن: نماهایی با مقادیر Z بالاتر، سایههای بزرگتری ایجاد میکنند.
- ترتیب ترسیم: نماهایی که مقادیر Z بالاتری دارند، در بالای سایر نماها ظاهر میشوند.
شما میتوانید ارتفاع را به یک طرحبندی مبتنی بر کارت اعمال کنید، که به شما کمک میکند تا بخشهای مهم اطلاعات را درون کارتهایی که ظاهری متریال ارائه میدهند، نمایش دهید. میتوانید از ویجت CardView برای ایجاد کارتهایی با ارتفاع پیشفرض استفاده کنید. برای اطلاعات بیشتر، به ایجاد یک طرحبندی مبتنی بر کارت مراجعه کنید.
برای اطلاعات بیشتر در مورد افزودن ارتفاع به نماهای دیگر، به بخش ایجاد سایهها و نماهای برش مراجعه کنید.
انیمیشنها
APIهای انیمیشن به شما امکان میدهند انیمیشنهای سفارشی برای بازخورد لمسی در کنترلهای رابط کاربری، تغییرات در حالت نمایش و انتقال فعالیتها ایجاد کنید.
این APIها به شما اجازه میدهند:
- با انیمیشنهای بازخورد لمسی، به رویدادهای لمسی در نماهای خود پاسخ دهید.
- نمایش و مخفی کردن نماها با انیمیشنهای دایرهای آشکار .
- با انیمیشنهای انتقال فعالیت سفارشی، بین فعالیتها جابجا شوید.
- با حرکت منحنی، انیمیشنهای طبیعیتری ایجاد کنید.
- تغییرات در یک یا چند ویژگی نما را با انیمیشنهای تغییر حالت نما، متحرکسازی کنید.
- نمایش انیمیشنها در لیست وضعیتهای قابل ترسیم (drawables) بین تغییرات وضعیت نما.
انیمیشنهای بازخورد لمسی در چندین نمای استاندارد، مانند دکمهها، تعبیه شدهاند. APIهای انیمیشن به شما امکان میدهند این انیمیشنها را سفارشی کرده و آنها را به نماهای سفارشی خود اضافه کنید.
برای اطلاعات بیشتر، به مقدمهای بر انیمیشنها مراجعه کنید.
ترسیمپذیرها
