مجموعه راهنماهای سریع
نمایش اجزای تعاملی
کامپوننت مناسب برای رابط کاربری خود را انتخاب کنید و ببینید که چگونه آن را در برنامه خود پیاده سازی کنید.
یک جزء داربست برای نگه داشتن رابط کاربری در کنار هم ایجاد کنید
ساختاری اساسی که یک پلت فرم استاندارد شده برای رابط های کاربری پیچیده فراهم می کند. داربستها قسمتهای مختلف رابط کاربری، مانند نوارهای برنامه و دکمههای حرکت شناور را در کنار هم نگه میدارند و به برنامهها ظاهر و احساسی منسجم میدهند.
نمایش نوار برنامه
کانتینرها دسترسی کاربر را به ویژگی های کلیدی و موارد ناوبری فراهم می کنند. دو نوع نوار برنامه وجود دارد، نوار برنامه بالا و نوار برنامه پایین.
یک دکمه ایجاد کنید
این مؤلفههای اساسی به کاربران اجازه میدهند تا یک اقدام تعریفشده را راهاندازی کنند. پنج نوع دکمه وجود دارد. ظاهر هر یک از پنج نوع دکمه و همچنین جایی که باید از آنها استفاده کنید را مشاهده کنید و نحوه اجرای آنها را مشاهده کنید.
یک دکمه عمل شناور ایجاد کنید (FAB
یک دکمه با تاکید زیاد که به کاربران امکان می دهد یک عمل اصلی را در یک برنامه انجام دهند. این جزء دکمه یک عمل متمرکز و منفرد را ترویج میکند که رایجترین مسیری است که کاربر ممکن است طی کند و معمولاً در سمت راست پایین صفحه لنگر انداخته میشود.
یک کارت به عنوان ظرف ایجاد کنید
به عنوان یک محفظه طراحی متریال برای رابط کاربری شما عمل می کند. کارت ها معمولاً یک محتوای منسجم را ارائه می دهند. تمرکز روی نمایش یک محتوا است که کارت را از سایر کانتینرها متمایز می کند.
یک تراشه برای نشان دادن موجودیت های پیچیده ایجاد کنید
یک عنصر رابط کاربری فشرده و تعاملی که نهادهای پیچیده مانند مخاطب یا برچسب را نشان میدهد، اغلب با نماد و برچسب. تراشه ها می توانند قابل بررسی، رد یا کلیک شوند.
نمایش پیام های پاپ آپ یا درخواست های ورودی کاربر
پیامهای پاپ آپ را نمایش میدهد یا درخواست ورودی کاربر را در لایهای بالای محتوای اصلی برنامه میدهد. این مؤلفه یک تجربه رابط کاربری وقفهای ایجاد میکند تا توجه کاربر را به خود جلب کند.
یک شاخص پیشرفت ایجاد کنید
بصری وضعیت یک عملیات را نشان می دهد. با استفاده از حرکت برای جلب توجه کاربر که فرآیند نزدیک به اتمام است، مانند بارگیری یا پردازش داده ها، این شاخص ها می توانند نشان دهند که پردازش در حال انجام است، بدون اینکه نشان دهنده نزدیکی به اتمام باشد.
یک نوار لغزنده برای محدوده ای از مقادیر ایجاد کنید
کاربران را قادر میسازد تا از طیفی از مقادیر در امتداد یک زنجیره انتخاب کنند، مانند تنظیم حجم صدا یا فیلتر کردن دادههای نمودار در محدوده قیمتها.
یک سوئیچ اضافه کنید که کاربران بتوانند آن را تغییر دهند
کاربران را قادر می سازد تا بین دو حالت جابجا شوند. کاربران می توانند برای تغییر وضعیت فعلی، انگشت شست سوئیچ را بکشند یا کلیک کنند.
یک صفحه پایین ایجاد کنید
محتوای ثانویه را نشان می دهد که در پایین صفحه نمایش داده می شود. برای نمایش محتوای ثانویه به کاربران می توانید از صفحات پایین استاندارد یا مدال استفاده کنید.
یک منوی کشویی با جزء کشوی ناوبری ایجاد کنید
یک منوی کشویی که به کاربران امکان می دهد به بخش های مختلف برنامه شما پیمایش کنند. کاربران می توانند با کشیدن انگشت از کناره یا ضربه زدن روی نماد منو، آن را فعال کنند.
یک اعلان با اسنک بار ایجاد کنید
یک اعلان کوتاه را در پایین صفحه نمایش می دهد. این میتواند بازخوردی را درباره یک عملیات یا اقدام بدون ایجاد وقفه در تجربه کاربر ارائه دهد. اسنک بارها پس از چند ثانیه ناپدید می شوند. کاربر همچنین می تواند آنها را به صورت دستی رد کند.
نمایش یک لیست یا شبکه
نمایش و مرتب کردن مجموعه ای از موارد به طور موثر با لیست ها و شبکه ها.
سوال یا بازخورد داشته باشید
به صفحه سوالات متداول ما بروید و درباره راهنماهای سریع بیاموزید یا با ما تماس بگیرید و نظرات خود را با ما در میان بگذارید.