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



  • ۱۰
  • فروردین

جلسه ۲۱ : پوسته های خودکار در iOS

  • دسته‌بندی‌ها :
جلسه ۲۱ : پوسته های خودکار در iOS
    • جزئیات
    • نوع محتواآموزش تصویری

      مقدمه

      با عرض سلام  و وقت بخیر خدمت کاربران سایت پی وی لرن ، در خدمت شما هستیم با جلسه دیگری از دوره آموزشی iOS ، با عنوان پوسته های خودکار در iOS.پوسته های خودکار در ورژن iOS 6.0 معرفی شد. وقتی ما از پوسته های خودکار در iOS استفاده می کنیم، هدف استقرار ما باید ۶٫۰ و بالاتر باشد. پوسته های خودکار در iOS به ما در ایجاد و هماهنگی رابط های کاربری در iOS کمک می کند.همچنین می توانیم برای جهت گیری های مختلف و برای چندین دستگاه از آن استفاده کنیم.

      هدف مثال
      ما دو دکمه اضافه می کنیم که در یک فاصله معین از مرکز صفحه قرار می گیرند.

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

      رویکرد ما

      ما یک فیلد متنی و دو دکمه در کد همراه با محدودیت های آن اضافه خواهیم کرد.
      محدودیت های هر عنصر UI ایجاد خواهد شد و به نمایش فوق العاده اضافه می شود.

      ما باید تغییر اندازه خودکار را برای هر یک از عناصر UI اضافه کنیم تا نتیجه مورد نظر را بدست آوریم.

      پوسته های خودکار در iOS

      در ابتدا مراحل زیرا طی نمایید :

      مرحله ۱ : یک برنامه مبتنی بر View ساده ایجاد کنید.
      مرحله ۲ : ما تنها فایل ViewController.m را ویرایش خواهیم کرد که کد مربوطه به صورت زیر است :

      مثال : 

      توجه
      در مراحل ۱، ۵ و ۸ مشخص شده، ما فقط به صورت برنامه ای دو دکمه و یک فیلد متنی را به ترتیب اضافه کردیم.

      در بقیه مراحل، ما محدودیت ها را ایجاد کردیم و آن محدودیت ها را به دیدگاه های مربوطه اضافه کردیم، که در واقع خود view هستند.

      محدودیت های یکی از دکمه های سمت چپ همانطور که در زیر نشان داده شده است می باشد:

      مثال : 

      ما دارای محدودیت constraintWithItem و همچنین toItem هستیم که بین آن عناصر UI که محدودیت ایجاد می کنند تصمیم می گیریم.

      این ویژگی بر اساس دو عنصر با هم مرتبط می شود. “relatedBy” تصمیم می گیرد تا چه میزان ویژگی ها بین عناصر را تحت تاثیر قرار دهد.

      در مثال فوق، X از leftButton همیشه بزرگتر یا برابر با -۶۰ پیکسل نسبت به مرکز نمایش اصلی است.

      به طور مشابه، محدودیت های دیگر تعریف می شوند.

      خروجی

      هنگامی که ما برنامه را اجرا می کنیم، خروجی زیر را در شبیه ساز آیفون دریافت می کنیم :

      هماهنگی رابط های کاربری در iOS

      هنگامی که جهت شبیه ساز را به landscape تغییر می دهیم، خروجی زیر را خواهیم گرفت :

      پوسته های خودکار در iOS

      هنگامی که ما برنامه را بطور مشابه در شبیه ساز آیفون ۵ اجرا می کنیم، خروجی زیر را دریافت می کنیم :

      پوسته های خودکار در iOS

      هنگامی که جهت شبیه ساز را به landscape تغییر می دهیم، خروجی زیر را خواهیم گرفت :

      پوسته های خودکار در iOS

      کلام آخر

      فرض کنید برنامه iOS را برای یک ورژن از آیفون مانند ۵S بسازید و ناگهان آن را در آیفون ۶S باز کنید، خواهید دید که طرح کلی در موقعیت ثابت نیست و کل طرح رابط کاربری مبهم می شود.اگر ما از طرح خودکار استفاده کنیم، برنامه ما در همه دستگاهها بدون در نظر گرفتن اندازه، یکسان خواهد بود و  هماهنگی رابط های کاربری در iOS شکل می گیرد.

      QR:  جلسه ۲۱ : پوسته های خودکار در iOS
      به اشتراک بگذارید