• Telegram
  • Google Plus
  • Linked In

تراشه ها (chips) در طراحی متریال

تراشه ها (chips) در طراحی متریال

تاریخ درج: خلاصه

تراشه ها موجودیت های پیچیده را در بلوک های کوچک نمایش میدهند مانند یک مخاطب (contact).

تراشه ها (chips) در طراحی متریال

تراشه ها (chips)

تراشه ها موجودیت های پیچیده را در بلوک های کوچک نمایش میدهند مانند یک مخاطب (contact).

کاربرد :

یک تراشه میتواند شامل یک عکس، عنوان کوتاه و اطلاعات مختصر باشد.

انواع تراشه ها :

تراشه ها میتوانند برای انواع مختلف موجودیت ها مانند بدون متن، متن از پیش تعریف شده، قوانین یا مخاطبین به کار برود. تراشه ها همچنین میتوانند حاوی آیکون هم باشند.

تراشه های دارای متن
برچسب تراشه :
- 13sp Roboto Regular
- 87% مشکی


تراشه های دارای متن و آیکون

رفتار :

باز کردن تراشه :

لمس کردن یک تراشه باعث باز شدن و نمایش جزئیات میشود (در یک کارت یا به صورت تمام صفحه) یا یک منو از آپشن های مربوط به آن تراشه را باز میکند.

پاک کردن تراشه ها :

تراشه ها میتوانند قابل پاک کردن یا غیر قابل پاک کردن باشند. جنانجه تراشه قابل پاک کردن میباشد یک آیکون delete برای آن در نظر بگیرید.


کاربر میتواند با فشار دادن آیکون delete یا با استفاده از دکمه Delete در کیبورد تراشه را پاک کند.

تراشه های مخاطبین :

اطلاعات مخاطبین که کاربران برای افراد دارند میتوانند به صورت فشرده با استفاده از تراشه ها نمایش داده شوند.
زمانی که کاربر نام یک مخاطب را تایپ میکند، آدرس مخاطبین را مشاهده میکند و مخاطب مورد نظر خود را انتخاب میکند، تراشه ها فراخوانی شده و داخل یک فیلد متنی (معمولاً فیلد "To") قرار داده میشوند. تراشه های مخاطبین میتوانند مستقیماً از منوی مخاطبین به یک فیلد متنی اضافه شوند.
تراشه های مخاطبین به طور مناسبی تأیید میکنند که کاربر پیام را به مخاطب درست خواهد فرستاد.


کاربر اسم/اسامی گیرنده های ایمیل را در تراشه های مخاطبین تأیید میکند.


کاربر انتخاب میکند که کدام آدرس ایمیل استفاده شود.


تراشه مخاطبین حالات مختلفی دارد : نرمال، focus شده، فشار داده شده و فعال شده

مشخصات :

تراشه های یک خطی :


تراشه با قایلیت پاک شدن
ارتفاع : 32dp
padding چپ برچسب : 12dp
آیکون بستن
سایز : 24dpx24dp
رنگ و شفافیت : مشکی 54%
حاشیه : 4dp
در desktop آیکون بستن به صورت ثابت است.

تراشه غیر قابل پاک شدن
ارتفاع : 32dp
padding چپ و راست برچسب : 12dp
تراشه مخاطب
ارتفاع : 32dp
padding چپ برچسب : 8dp
padding راست برچسب : 12dp

تراشه های مخاطبین :

تراشه مخاطب در حالت بسته :
- متن نام مخاطب : 14sp Roboto Regular
- در حالت focus، تراشه یک elevation به اندازه 2dp میگیرد. در صورت فشار دادن باز میشود تا آدرس های جایگزین برای مخاطب ها را نمایش دهد.
تراشه مخاطب در حالت باز :
- متن نام مخاطب : 16sp Roboto Regular
- متن ادرس : 14sp Roboto Regular
- elevation در حالت باز به میزان 8dp میباشد.
- با فشار دادن، تراشه به طور اتوماتیک بسته میشود.
- به طور پیش فرض، فیلد قسمت بالا فعال شده و focus میشود.

تراشه مخاطب
ارتفاع : 32dp
padding بالا و پایین و چپ عنوان : 8dp
padding راست عنوان : 12dp

تراشه مخاطب در حالت focus و فعال شده
ارتفاع : 40dp
padding بالا و پایین : 16dp
تراشه های مخاطب در حالت غیر focus
padding بالا و پایین : 20dp

تاکنون نظری ارسال نشده است،شما اولین نفر باشید

سؤال یا نظر خود را ارسال کنید

  • Telegram
  • Google Plus
  • Linked In