جلسه هفتم آموزش ios : افزودن Splash Screen - صفحه لودینگ

قبل از این که وارد مباحث 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” بگذارید. برای تصویری که قصد دارید برای نمایش 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 به طور خودکار تصاویر را به عنوان تصاویر راه اندازی شناسایی خواهد کرد.

تست اپ

به سادگی اپ خود را دوباره اجرا کنید. این بار شما بلافاصله پس از اجرای اپ، یک صفحه Splash Screen را خواهید دید. در حال حاضر، در طول راه اندازی برنامه، چیز زیادی برای بارگیری وجود ندارد. (نکته: صفحه Splash Screen فقط برای یک ثانیه نشان داده می شود و بعد ناپدید می شود.)

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