کنترل های لیست در طراحی متریال

کنترل های لیست در طراحی متریال

تاریخ انتشار: 10 اسفند 1394

تعداد بازدید: 0 نفر

کنترل های لیست

کنترل های لیست آیکون هایی هستند که در چپ یا راست متن لیست قرار میگیرند. آن ها وضعیت یک آیتم را در لیست مشخص میکنند یا اطلاعاتی راجع به آن میدهند و یا یک عملیات مرتبط به آیتم لیست میباشند.

کاربرد :

کنترل های لیست به 4 دسته تقسیم میشوند :
  • حالت
  • عملیات اصلی(شامل رشته های متنی)
  • عملیات ثانویه
  • اطلاعات ثانویه
عناصر متمایز در قطعه های لیست باید در ساختارهای چپ به راست در چپ قرار بگیرند و بالعکس. حالات و عملیات های اصلی در قسمت چپ یک قطعه در لیست قرار میگیرند. متن داخل یک آیتم لیست باید به عنوان بخشی از ناحیه عملیات اصلی در نظر گرفته شود.
از قرار دادن دو آیکون یا دو عملیات در کنار هم خودداری نمایید مانند قرار دادن چک باکس کنار شکل.
چنانچه عملیات اصلی آیتم لیست شامل راهبری میباشد از آیکون استفاده نکنید. در این حالت خود آیتم لیست و عنوان باید به اندازه کافی توضیح دهنده و راهنما باشند.
اطلاعات و عملیات های ثانویه باید در سمت راست قطعه قرار بگیرند. عملیات های ثانویه همیشه ناحیه مجزایی از عملیات اصلی هستند زیرا کاربران اکثراض انتظار دارند هر آیکون یک عملیات را فعال کند.

 

حالات و عملیات های اصلی در یک قطعه باید سمت چپ قرار بگیرند واطلاعات و عملیات های ثانویه در سمت راست

انواع کنترل های لیست :

چک باکس :

چک باکس میتواند یک عملیات اصلی یا عملیات ثانویه باشد.
نوع : عملیات اصلی/حالت

چک باکس های desktop تنها باید در صورت hover و focus ظاهر شوند.
 

چک باکس عملیات اصلی است و نشان دهنده حالت برای آیتم لیست میباشد.


نوع : عملیات ثانویه
تارگت مجزا
جهت کنترل خانواده ای از متغیرها از سوئیچ به جای چک باکس استفاده کنید.

 

چک باکس عملیات ثانویه برای آیتم لیست است.

سوئیچ :

نوع : عملیات ثانویه
تارگت مجزا

 

سوئیچ عملیات ثانویه است و یک تارگت مجزاست.

 

مرتب سازی :

نوع : عملیات ثانویه
معمولاً یا تارگت جدا میباشد، بسته به حالت فعلی که لیست در آن قرار دارد.
امکان کشیدن (drag) آیتم به یک مکان دیگر در لیست را فراهم میکند. ممولاً در حالت ویرایش ظاهر میشود.

 

آیکون مرتب سازی به عنوان عملیات ثانویه برای آیتم لیست میباشد.

باز کردن/بستن :

نوع : عملیات ثانویه
تارگت مجزا
حالت نمایش یک لیست را تغییر میدهد (باز یا بسته میکند) تا جزئیات آیتم لیست را نمایش داده یا مخفی کند.

 

با فشار دادن کنترل لیست، لیست باز میشود.


لیست در حالت باز شده


آیتم یک خطی در حالت بسته


آیتم یک خطی در حالت باز

leave-behind :

نوع : سایر
leave-behind یک توضیح کوچک میباشد که با کشیدن (swipe) آیتم در لیست مشخص میشود. leave-behind میتواند یک عملیات باشد.
بنابراین کشیدن آیتم به سمت راست یا چپ باعث نمایان شدن یک آیکون میشود که نشان دهنده یک عملیات است.
 

کشیدن آیتم از راست به چپ باعث نمایان شدن یک آیکون میشود که نشان دهنده یک عملیات میباشد.


کشیدن آیتم از چپ به راست باعث نمایان شدن یک آیکون میشود که نشان دهنده یک عملیات میباشد.

انواع کنترل های منو :

منو نوع خاصی از لیست است. در منوها از کنترل های مناسب برای منوهای کشویی، منوهای سرریز و غیره استفاده کنید.
از این کنترل ها در لیست های معمولی استفاده نکنید. در عوض از کنترل های معولی استفاده نمایید.

چک(check) :

نوع : وضعیت (state)
تارگت مجزا نیست.
فقط در منوها استفاده میشود. مشخص میکند که آیتم لیست انتخاب شده است یا خیر. عملیات انتخاب از طریق یک کنترل دیگر انجام میشود.

 

چک نشان میدهد که آیتم لیست انتخاب شده است.

اطلاعات داخلی :

نوع : اطلاعات ثانویه
تارگت مجزا نیست.
فقط در منو استفاده میشود. اطلاعات داخلی یک قطعه کوچک از متن مرتبط با عنوان میباشد که اطلاعات یا نکاتی را ارائه میدهد و نمیتواند کوتاه و خلاصه شود.

 

اطلاعات داخلی درباره shortcutهای کیبورد برای bold، Italic یا Underline کردن

مشخصه (علامت) منوی تو در تو :

نوع : عملیات اصلی
تارگت مجزا نیست.
فقط در منو استفاده میشود. علامت فلش مسخص میکند که در صورت hover یا انتخاب یک منوی دیگر باز خواهد شد.

 

علامت فلش مشخص میکند که در صورت hover یا انتخاب آن یک منوی دیگر باز خواهد شد.


مطلب بعدی -> منو ها

اشتراک گذاری:
021-41658