• Telegram
  • Google Plus
  • Linked In

رفتارهای سطحی (surface behaviors)-طراحی متریال

رفتارهای سطحی (surface behaviors)-طراحی متریال

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

surface behavior

رفتارهای سطحی (surface behaviors)-طراحی متریال

رفتارهای سطحی :

زمانی که اندازه صفحه نمایش تغییر میکند، رابط کاربری با استفاده از رفتارهای مختص به سطح که در جداول زیر آمده است، خود را هماهنگ میسازد.

قابلیت رویت (visibility) :

رفتار توضیح
دائمی(permanent) زمانی که فضای کافی در صفحه نمایش باشد، سطح همیشه در حال نمایش میباشد.
ثابت(persistent) قابلیت رویت سطح میتواند به حالت مخفی یا به حالت نمایش باشد. زمانی که در حال نمایش است کار کردن با دیگر عناصر در صفحه تغییری در حالت visibility آن ایجاد نمیکند.
موقت قابلیت رویت سطح میتواند به حالت مخفی یا به حالت نمایش باشد. زمانی که در حال نمایش است کار کردن با دیگر عناصر در صفحه باعث بسته شدن سطح یا minimize شدن آن میشود.

پهنا :

رفتار توضیح
ثابت پهنای عنصر در حالت تغییر اندازه صفحه، ثابت میماند.
متحرک پهنای عنصر همزمان با تغییر اندازه صفحه نمایش بزرگ میشود.
چسبنده پهنای عنصر ثابت است مگر اینکه تحت تأثیر یک عنصر دیگر یا نقطه انفصال قرار گیرد.
فشاری (squeeze) زمانی که یک پنل باز میشود، پهنای عنصر فشرده میشود.
push در حالت باز شدن یک پنل، پهنای عنصر ثابت میماند ولی مکان آن در راستای افقی تغییر میکند و ممکن است بخشی از آن در زیر لبه صفحه نمایش قرار گیرد.
پوششی زمانی که پنل بر روی محتوا باز میشود، پهنا و مکان عنصر ثابت میماند.

توضیحات :

رفتار توضیح
بالا، پایین (above, under) موقعیت عنصر در محور y
زیر، رو موقعیت عنصر در محور z حال حرکت
جلو، پشت موقعیت عنصر در محور z در حالت ثابت
چپ، راست، وسط موقعیت عنصر در محور x
بالا، پایین (top, bottom) موقعیت عنصر در محور y و موقعیت آن نسبت به لبه صفحه نمایش
مسطح، برجسته موقعیت عنصر در محور z و سایه آن. عنصر مسطح سایه ندارد.
inset, full bleed padding مربوط به یک تصویر یا عنصر
خلاصه، جزئیات خلاصه محتوا و حالت کامل آن محتوا

ادامه مطلب -> الگو ها (patterns)

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

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

  • Telegram
  • Google Plus
  • Linked In