آموزش انتقال ها در برنامه نویسی جی کوئری موبایل
آموزش انتقال ها در برنامه نویسی جی کوئری موبایل
در این درس از مجموعه آموزش برنامه نویسی سایت سورس باران، به آموزش انتقال ها در برنامه نویسی جی کوئری موبایل خواهیم پرداخت.
انتقال ها این اجازه می دهد تا مقادیر ویژگی را که در مدت زمان مشخص رخ می دهد تغییر دهد و رفتار یک عنصر را از یک حالت به حالت دیگر با استفاده از سبک های مختلف برای هر حالت تغییر دهد.
جدول زیر برخی از انتقال صفحه های استفاده شده در چارچوب jQuery Mobile را لیست می کند –
| توضیحات | برای صفحات | برای گفتگو ها | |
|---|---|---|---|
| 1 | fade
شما می توانید عناصر را در داخل و خارج از دید محو کنید. |
Fade Page | Fade Dialog |
| 2 | flip
عناصر را از پشت به جلو به صفحه بعد برگردانید. |
Flip Page | Flip Dialog |
| 3 | pop
می توانید یک پنجره پاپ آپ ایجاد کنید. |
Pop Page | Pop Dialog |
| 4 | flow
با دور نگه داشتن صفحه فعلی ، صفحه بعدی را نشان دهید. |
Flow Page | Flow Dialog |
| 5 | slide
می توانید صفحه را از راست به چپ بلغزانید. |
Slide Page | Slide Dialog |
| 6 | slidefade
صفحه را از راست به چپ اسلاید کرده و در صفحه بعدی محو می شود. |
Slidefade Page | Slidefade Dialog |
| 7 | slideup
صفحه را از پایین به بالا اسلاید می کند. |
Slideup Page | Slideup Dialog |
| 8 | slidedown
صفحه را از بالا به پایین اسلاید می کند. |
Slidedown Page | Slidedown Dialog |
| 9 | turn
می توانید به صفحه بعدی بروید. |
Turn Page | Turn Dialog |
| 10 | none
با استفاده از این ویژگی نمی توانید از هیچگونه اثر گذار استفاده کنید. |
None Page | None Dialog |
تنظیم انتقال و پیکربندی جهانی
به طور پیش فرض ، صفحات در چارچوب تغییر محو خواهند کرد. با افزودن ویژگی انتقال داده به پیوند می توانید از انتقالهای سفارشی استفاده کنید. با استفاده از گزینه defaultPageTransition در سطح جهان می توانید از جلوه های مختلف انتقال پیش فرض برای صفحه استفاده کنید. برای گفتگوها می توانید از گزینه defaultDialogTransition استفاده کنید.
Fallback Transition
همه انتقال ها از تغییرات 3D پشتیبانی می کنند ، به جز انتقال محو. دستگاه هایی که از تغییر شکل 3D پشتیبانی نمی کنند ، مجبور به استفاده از انتقال محو می شوند. برخی از مرورگرها از تغییر شکل 3D برای هر نوع انتقال پشتیبانی نمی کنند ، بنابراین می توانید از fade به عنوان پیش فرض انتقال پیش فرض استفاده کنید.
حداکثر پیمایش برای انتقال
وقتی در حال پیمایش از یک صفحه هستید یا به صفحه تغییر مکان داده می شود، وضعیت پیمایش سه برابر ارتفاع صفحه دستگاه خواهد بود. گاهی اوقات، وقتی روی هر عنصر ناوبری کلیک می کنید ، ممکن است در پاسخگویی کند باشید و یا مرورگر خراب شود. بنابراین برای جلوگیری از این موضوع با استفاده از تابع getMaxScrollForTransition از موقعیت پیمایش برای انتقال استفاده می کنیم.
حداکثر عرض برای انتقال
وقتی عرض پنجره بالاتر از عرض پیکسل باشد می توانید انتقال را غیرفعال کنید. با استفاده از گزینه global $ .mobile.maxTransitionWidth می توانید حداکثر عرض را برای انتقال پیکربندی کنید، که به طور پیش فرض روی false تنظیم شده است. مقادیری مانند عرض پیکسل یا مقدار false را می گیرد و اگر پنجره بالاتر از مقدار تعیین شده نباشد ، اگر هیچ مقدار false نباشد ، انتقال روی هیچ تنظیم می شود.
انتقال همان صفحه
با استفاده از گزینه allowSamePageTransition روش تغییر () widget ظرف صفحه می توانید انتقال ها را به صفحه فعلی اضافه کنید.
ایجاد انتقال های سفارشی
با استفاده از گزینه $ .mobile.transitionHandlers که انتخاب انتقال در وب سایت یا برنامه را گسترش می دهد ، می توانید انتقال های سفارشی را در صفحه ایجاد کنید.
لیست جلسات قبل آموزش برنامه نویسی جی کوئری موبایل
.svg)
دیدگاه شما