????? ?????? ???? ????? ?? ??????

اپلیکیشن ما به صدق عمل می نماید ، ولی ، ظواهر نیکی ندارد. ستون انتها تصاویر نصیب اولیه ، بسیار در حدود او‌لین ستون از نصیب دوم می‌باشند. میتوانیم از section inset ها ، برای افزودن مسافت دور و اطراف محتوا ، استعمال نماییم. تصویر پایین ، طریق تأثیر insetها در محتوا را علامت میدهد: طراحی اپلیکیشن در مشهد می‌توانیم از UIEdgeInsetsMake ، برای ساخت و ساز inset ، به کارگیری نماییم. inset = UIEdgeInsetsMake(top, left, bottom, right); رای اپلیکیشن امر پخت ، ما صرفا میخواهیم ، مسافت در بین بخشها را اضافه نماییم. در سیاق viewDidLoad ، از فولدر RecipeCollectionViewController.m ، کد پایین را اضافه میکنیم: UICollectionViewFlowLayout *collectionViewLayout = (UICollectionViewFlowLayout*)self.collectionView.collectionViewLayout;
collectionViewLayout.sectionInset = UIEdgeInsetsMake(20, 0, 20, 0);

کد بالا ، inset ها را ساخت کرده و آنان را به collection view ، تخصیص میدهد. فعلا نرم‌افزار را کامپایل کرده و مجدد ایفا می نماییم. همان گونه که در تصویر تحت مشاهده می‌نمایید ، توانستیم مسافت فی مابین مناطق را اضافه نماییم.

اضافه کردن view های مرتبط با Header و Footer
فعلا ، بیایید مقداری در برنامه تغییرات ساخت و ساز نماییم و آن را دیدنی خیس نماییم. قصد داریم view های مرتبط با Header و Footer را برای هر قسمت از فرمان پخت ها ، اضافه نماییم. دکورا سیون UICollectionViewFlowLayout ، که نرم‌افزار ما از آن به کار گیری می کند ، viewهای مرتبط با Header و Footer را به طور ازروی میل برای هر قسمت ، مهیا می نماید. در اینجا ، می اقتدار ، view های مرتبط با Header و Footer را تحت عنوان supplementary views ، آیتم ارجاع قرار اعطا کرد. به صورت پیش فرض ، این viewها ، در جریان دکوراسیون ، غیر فعال می باشند. دو عمل میباشد که برای تنظیمات header/footer view ، بایستی اجرا شوند:

فعال کردن header/footer view در Storyboard (ما عملکرد می‌کنیم مطالب فراگیری ، بی آلایش باقی بمانند. نباید header/footer را از نصیب Storyboard ، فعال نمود. از روش اجرا نرم‌افزار نویسی ، ما خواهیم توانست این عمل را با طراحی متدهای نماینده مطلوب ، یا این که از روش اختصاص مقادیر مطلوب به خصیصه های ( headerReferenceSize و footerReferenceSize ) اجرا دهیم.
طراحی اسلوب collectionView:viewForSupplementaryElementOfKind ، از روش پروتکل UICollectionViewDataSource ما یحتاج میباشد. با طراحی این سیاق ، ما یک supplementary view ، برای اکران در قسمت collection view ، آماده می‌کنیم.

پیاده سازی نصیب Header/Footer در Storyboard
آغاز ، تصاویر مرتبط با header/footer را از download the header/footer background images ، دانلود کرده و آن‌ها‌را به پروژه Xcode ، اضافه می نماییم.

به Storyboard ، بر میگردیم. “Collection View” را در قسمت Collection View controller ، گزینش می نماییم. در Attributes inspector ، آیتم های “Section Header” و “Section Footer” را برای Accessories ، تعیین می‌کنیم. هنگامی که ، عملیات راه‌اندازی ، به اتمام رسید، بایستی بتوانیم viewهای مرتبط با header و footer پدیدار گردیده در کاغذ را ، مشاهده نماییم:

viewهای مرتبط با header و footer ، به صورت پیش فرض ، خالی می‌باشند. قصد داریم view ها را با استعمال از Storyboard ، پیاده سازی نماییم. header view ، برای اکران قسمت تیتر (title) پیاده سازی می گردد ؛ در حالی که ، footer view ، صرفا یک تصویر استاتیک banner ، نماد میدهد. در Storyboard ما image view را از Object Library ، به header view ، درگ میکنیم و یک برچسب به بالای آن ، اضافه می‌کنیم. رنگ فوت برچسب را به سپید ، تهیه و تنظیم میکنیم. برای قسمت footer ، به آسانی یک image view ، اضافه می‌کنیم.

اپلیکیشن ما به صدق عمل می نماید ، ولی ، ظواهر نیکی ندارد. ستون انتها تصاویر نصیب اولیه ، بسیار در حدود او‌لین ستون از نصیب دوم می‌باشند. میتوانیم از section inset ها ، برای افزودن مسافت دور و اطراف محتوا ، استعمال نماییم. تصویر پایین ، طریق تأثیر insetها در محتوا را علامت میدهد: طراحی اپلیکیشن در مشهد می‌توانیم از UIEdgeInsetsMake ، برای ساخت و ساز inset ، به کارگیری نماییم. inset = UIEdgeInsetsMake(top, left, bottom, right); رای اپلیکیشن امر پخت ، ما صرفا میخواهیم ، مسافت در بین بخشها را اضافه نماییم. در سیاق viewDidLoad ، از فولدر RecipeCollectionViewController.m ، کد پایین را اضافه میکنیم: UICollectionViewFlowLayout *collectionViewLayout = (UICollectionViewFlowLayout*)self.collectionView.collectionViewLayout;
collectionViewLayout.sectionInset = UIEdgeInsetsMake(20, 0, 20, 0);

کد بالا ، inset ها را ساخت کرده و آنان را به collection view ، تخصیص میدهد. فعلا نرم‌افزار را کامپایل کرده و مجدد ایفا می نماییم. همان گونه که در تصویر تحت مشاهده می‌نمایید ، توانستیم مسافت فی مابین مناطق را اضافه نماییم.

اضافه کردن view های مرتبط با Header و Footer
فعلا ، بیایید مقداری در برنامه تغییرات ساخت و ساز نماییم و آن را دیدنی خیس نماییم. قصد داریم view های مرتبط با Header و Footer را برای هر قسمت از فرمان پخت ها ، اضافه نماییم. دکورا سیون UICollectionViewFlowLayout ، که نرم‌افزار ما از آن به کار گیری می کند ، viewهای مرتبط با Header و Footer را به طور ازروی میل برای هر قسمت ، مهیا می نماید. در اینجا ، می اقتدار ، view های مرتبط با Header و Footer را تحت عنوان supplementary views ، آیتم ارجاع قرار اعطا کرد. به صورت پیش فرض ، این viewها ، در جریان دکوراسیون ، غیر فعال می باشند. دو عمل میباشد که برای تنظیمات header/footer view ، بایستی اجرا شوند:

فعال کردن header/footer view در Storyboard (ما عملکرد می‌کنیم مطالب فراگیری ، بی آلایش باقی بمانند. نباید header/footer را از نصیب Storyboard ، فعال نمود. از روش اجرا نرم‌افزار نویسی ، ما خواهیم توانست این عمل را با طراحی متدهای نماینده مطلوب ، یا این که از روش اختصاص مقادیر مطلوب به خصیصه های ( headerReferenceSize و footerReferenceSize ) اجرا دهیم.
طراحی اسلوب collectionView:viewForSupplementaryElementOfKind ، از روش پروتکل UICollectionViewDataSource ما یحتاج میباشد. با طراحی این سیاق ، ما یک supplementary view ، برای اکران در قسمت collection view ، آماده می‌کنیم.

پیاده سازی نصیب Header/Footer در Storyboard
آغاز ، تصاویر مرتبط با header/footer را از download the header/footer background images ، دانلود کرده و آن‌ها‌را به پروژه Xcode ، اضافه می نماییم.

به Storyboard ، بر میگردیم. “Collection View” را در قسمت Collection View controller ، گزینش می نماییم. در Attributes inspector ، آیتم های “Section Header” و “Section Footer” را برای Accessories ، تعیین می‌کنیم. هنگامی که ، عملیات راه‌اندازی ، به اتمام رسید، بایستی بتوانیم viewهای مرتبط با header و footer پدیدار گردیده در کاغذ را ، مشاهده نماییم:

viewهای مرتبط با header و footer ، به صورت پیش فرض ، خالی می‌باشند. قصد داریم view ها را با استعمال از Storyboard ، پیاده سازی نماییم. header view ، برای اکران قسمت تیتر (title) پیاده سازی می گردد ؛ در حالی که ، footer view ، صرفا یک تصویر استاتیک banner ، نماد میدهد. در Storyboard ما image view را از Object Library ، به header view ، درگ میکنیم و یک برچسب به بالای آن ، اضافه می‌کنیم. رنگ فوت برچسب را به سپید ، تهیه و تنظیم میکنیم. برای قسمت footer ، به آسانی یک image view ، اضافه می‌کنیم.