برنامه نویسی swift- این قسمت : Splash Screen در آیفون چیست؟

[8908190]

ضمن عرض سلام و احترام مجدد خدمت تمامی کاربران فروم ایران سی اف سی

قول داده بودم که مقالاتی در زمینه برنامه نویسی های مختلف ، برای شما عزیزان قرار دهم . پیشاپیش از تمامی مدیران فروم قدردانی میکنم بابت این فروم بسیار مفید و کاربردی.

قبل از این که وارد مباحث Storyboard بشویم، بیایید در این جلسه از دوره  برنامه نویسی iOS، به موضوع افزودن صفحات Splash Screen به اپ iOS خود بپردازیم.

کار را با این سؤال آغاز می کنیم: چگونه می توانیم یک صفحه Splash Screen به اپ خود اضافه کنیم؟ آیا کار سختی هست؟

ممکن است تصور کنید که برای انجام این کار نیاز به کدنویسی داریم، اپل انجام این کار را در Xcode بسیار ساده نموده است. نیازی به برنامه نویسی نیست. چیزی که نیاز دارید این است که یک پیکربندی را در Xcode انجام دهید.

Splash Screen چیست؟

برای کسانی که در برنامه نویسی تازه کار هستند و واژه “Splash Screen” را نشنیده اند، اجازه بدهید یک توضیح خلاصه در مورد آن ارائه دهیم. Splash Screen معمولاً در اپ های iOS همانند سایر برنامه های desktop استفاده می شود. این صفحه، اولین صفحه ای است که شما در هنگام راه اندازی یک برنامه مشاهده می کنید. معمولاً Splash Screen یک تصویری است که صفحه نمایش را پوشش می دهد و بعد از بارگذاری صفحه اصلی ناپدید می شود. تصویر زیر چند صفحه Splash Screen ساده را نشان می دهد.

هدف اصلی از Splash Screen این است که اجازه دهید کاربر بداند برنامه شما در حال بارگذاری است و یک صفحه مقدماتی به کاربر نشان می دهد که نام تجاری شما را به کاربر معرفی می کند. Splash Screen برای اپ هایی که مدت زمان راه اندازی بیشتری دارند، بسیار مهم است و می تواند تجربه کاربری خوبی به کاربر بدهد.

 

افزودن Splash Screen به اپ شما

همان طور که قبلاً گفتیم، برای نمایش Splash Screen نیازی به نوشتن کدنویسی نداریم. iOS با یک تابع داخلی به نام launch image همراه است. وقتی کاربر اپ را باز می کند این تصویر به طور خودکار نمایش داده می شود و وقتی که اپ به طور کامل آماده استفاده شود، ناپدید می شود. شما به سادگی می توانید Splash Screen خود را به عنوان تصویر راه اندازی در Xcode تعیین کنید، Xcode بقیه کار را خودش انجام می دهد.
 

آماده کردن Splash Screen

همان طور که می دانید، iPhone 4/4S از یک وضوح صفحه بالاتری پشتیبانی می کند (چیزی که Rentia Display نامیده می شود). به منظور پشتیبانی هر دو حالت وضوح صفحه در مدل های آیفون قدیمی تر و مدل های جدیدتر، شما باید دو ورژن از تصاویر Splash Screen را با این اندازه ها آماده کنید:

• 320 x 480  (برای آیفون 2G/3G/3GS)
• 640 x 960  (برای آیفون 4/4S)

 

برای سهولت،  ما نحوه افزودن Splash Screen را در اپ آیفون نشان خواهیم داد. در صورتی که شما در حال ساخت یک اپ ipad هستید، می توانید به دستورالعمل رابط کاربری iOS  اپل  (Human Interface Guideline) درباره اندازه تصویر راه اندازی و قرارداد نامگذاری در ipad مراجعه کنید.

برای تصویر Splash Screen فرمت تصویر باید PNG باشد. به طور پیش فرض، شما باید نام فایل تصویر را برای وضوح پایین تر صفحه، “Default.png” بگذارید.در مقاله آموزش برنامه نویسی swift از 0 تا 100 به همراه ده ها مثال قبلا اشاره شد که این گزینه می تواند کمک شایانی به برنامه نویسی سوئیفت نماید . برای تصویری که قصد دارید برای نمایش Rentina (برای مثال، وضوح صفحه 640 960) استفاده کنید، نام فایل را “Default@2x.png” انتخاب کنید. “@2x.png” یک اصلاح مقیاس استاندارد مورد استفاده در iOS است. تمام فایل های تصویری که برای نمایش Rentina اختصاص یافته اند، باید با رشته “@2x” نامگذاری شوند.

به جای استفاده از “Default” برای نام فایل تصویر راه اندازی، ممکن است شما آن را به نامی که ترجیح می دهید، تغییر دهید. نام تصویر راه اندازی در فایل Info.plist اپ شما تعریف می شود. برای تمرین، از برنامه اپ Simple Table استفاده کنید، می توانید یک ویژگی جدید به نام “Launch image” را در Simple Table-Info.plist اضافه کرده و نام فایل موردنظر را تعیین کنید (برای مثال MyLaunchImage).

این تغییر به iOS دستور می دهد تا “MyLaunchImage.png” و “MyLaunchImage@2x.png”  را به عنوان تصویر راه اندازی انتخاب کند.

شما می توانید Splash Screen خود را طراحی کنید. برای تست، شما می توانید Splash Screen ساده را از این جا دانلود کنید: download the sample splash screens.

افزودن تصویر راه اندازی خود به Xcode

پس از آماده سازی تصویر راه اندازی، به سراغ Xcode بروید و پروژه Xcode خود را باز کنید. در اینجا ما از پروژه Simple Table که قبلاً در جلسه اول دوره  iOS، آموزش داده ایم، استفاده خواهیم کرد. روی پروژه “SimpleTable” کلیک راست کرده و گزینه “Add Files to SimpleTable” را انتخاب کنید. دو فایل “Default.png” و “Default@2x.png”  را به پروژه خود اضافه کنید.

اگر همه موارد را به درستی انجام داده باشید، شما دو فایل Splash Screen را در پروژه خود خواهید دید و Xcode به طور خودکار تصاویر را به عنوان تصاویر راه اندازی شناسایی خواهد کرد.