دوره های آموزشی آکادمی پی وی لرن (پروژه محور و ویژه بازار کار)



  • ۲۹
  • فروردین

جلسه ۰۵ : لایوت ها در jQuery mobile

  • دسته‌بندی‌ها :
جلسه ۰۵ : لایوت ها در jQuery mobile
    • جزئیات
    • نوع محتواآموزشی

      مقدمه

      باسلام خدمت کاربران محترم  و دوستان عزیزی که با آموزش jQپی وی لرنuery موبایل همراه ما هستند. در مورد منطقه و توضیحات آیکون ها درجی کوئری موبایل صحبت شد.خب تا این جا افکت های انتقال(transition) در جی کوئری موبایل و تنظیم افکت انتقال و پیکربندی رو مورد بررسی قرار دادیم. در ادامه لایوت ها در jQuery موبایل و  سیستم های Grid یا شبکه بندی grid در جی کوئری موبایل را بررسی خواهیم نمود. با ما همراه باشید.

      لایوت ها در jQuery موبایل

      جی کوئری موبایل یک مجموعه از طرح بندی ها را که بر اساس css هستند، ارائه می دهد. اما این طرح بندی ها، به طور کلی در یک دستگاه موبایل توصیه نمی شود زیرا عرض دستگاه های موبایل متفاوت می باشند.

      سیستم های Grid یا شبکه بندی grid در جی کوئری موبایل برای ایجاد لایوت های صفحه از طریق یک سری از ردیف ها و ستون هایی که مطالب شما را در آن قرار می دهند استفاده می شوند.
      جدول زیر انواع grids ها یا شبکه ها را با جزئیات آن ها نشان می دهد.

      ردیفنوع و شرح
      ۱ Grid یا شبکه
      سیستم شبکه جی کوئری تلفن همراه طرح بندی صفحات را از طریق یک سری ردیف ها و ستون ها ایجاد می کند
      ۲Buttons in grids یا دکمه ها در شبکه
      مجموعه ای از دکمه در قالب شبکه در جی کوئری تلفن همراه ..
      ۳شبکه بندی واکنش گرای سفارشی
      سبک شبکه اصلی را به راحتی می توان به طرح سفارشی واکنش گرا با استفاده از پرس و جوی رسانه ای در CSS گسترش داد.

      برای اینکه شبکه بندی واکنش گرا داشته باشیم، کلاس ui-responsive را به ظرف(container) مورد نظر خود اضافه کنید.

      کلام پایانی

      از همراهی تون مسروریم.

      در این قسمت توضیحاتی راجع به لایوت ها در jQuery موبایل و سیستم های Grid یا شبکه بندی grid در جی کوئری موبایل رو بررسی نمودیم.

      در ادامه به مبحث جالب Events یا رویدادها در جی کوئری موبایل خواهیم پرداخت.

      با ما همراه باشید.

      QR:  جلسه ۰۵ : لایوت ها در jQuery mobile
      به اشتراک بگذارید