مقالات طراحی اپ موبایل

عصر تکمیلی یادگرفتن اپ نویسی iOS: سفارشی سازی UITableView و دور نما UITableViewcell با به کار گیری از Storyboard در واپسین طراحی اپلیکیشن در مشهد گرد‌همایی از عصر تکمیلی اپلیکیشن نویسی iOS ، ما طرز سفارشی سازی navigation bar و کلیدها را با استعمال از تصاویر دور نما ، نشانه دادیم. درین گرد هم آیی ، قصد داریم نگاهی به سفارشی سازی و مدل بندی UITableView و UITableViewCell بیاندازیم.

در‌حالتی که از آغاز ، یادگرفتن های ما‌را در دروه اپ نویسی iOS دنبال کرده باشید ، میدانید که ما ، یک گردهمایی به عنوان سفارشی سازی سلول table view با به کار گیری از Interface Builder داریم. درین فراگیری ، ما می‌خواهیم شغل های متفاوتی جاری ساختن دهیم. به مکان به کار گیری از Interface Builder برای تغییر تحول UITableViewCell ، قصد داریم طرز استعمال از Storyboard ها جهت مدل بندی سلول را به شما علامت دهیم. Storyboard ها ، عملیات سفارشی سازی سلول های جدول را با معرفی سلول prototype ، بسیار معمولی خیس کرده است. به صورت خلاصه ، شما میتوانید مفاد پایین را درین فراگیری ، حافظه بگیرید:

سفارشی سازی UITableViewCell با استعمال از Storyboard.
مدل بندی UITableViewCell و UITableView با تصاویر دورنما.
برای اعمال سفارشی سازی ، یک table view بی آلایش را یه خرده تغییر‌و تحول داده و آن را مدل بندی نموده و دیدنی خیس خوا‌هیم کرد. برای یاری به شما ، جهت داشتن تمرکز بیشتر بر طریق اجرا سفارشی سازی ، ما پروژه Xcode را برای شما مهیا کرده ایم ، تا عمل را با آن استارت فرمایید. پیش از مبادرت ، آغاز پروژه Xcode را از اینجا download the Xcode project دانلود فرمایید ( اعتنا: پروژه با به کار گیری از Xcode 4.5 تاسیس شده است).

پیاده سازی سلول های Prototype در Storyboard
از مجال تکثیر iOS 5 ، کمپانی اپل ، Storyboard را جهت معمولی کردن طرز های پیاده سازی رابط کاربری نرم‌افزار ها ، معرفی کرده است. برای سفارشی سازی یک سلول جدول ، دیگر نیازی به ساخت و ساز یک سلول مستقل در Interface Builder نداریم. خواهیم توانست سلول را در باطن ویرایشگر Storyboard پیاده سازی کنیم.

پروژه Xcode را که دانلود نموده اید ، گشوده فرمایید. به Storyboard رفته و می بایست چیزی مشابه به تصویر تحت را مشاهده فرمایید:

هنگامی که یک UITableViewController در Story اضافه می‌کنیم ، به صورت پیش فرض ، بایستی یک سلول prototype را ببینیم. فعلا می‌توانیم موادتشکیل دهنده در دست گرفتن UI دیگری (مانند UILabel ، UIImageView) به سلول prototype اضافه کنیم. بیایید آغاز طول سلول را تغییر‌و تحول بدهیم. Prototype Cells را گزینش کرده و بر روی inspector مرتبط با “size” کلیک کرده و row height را از 44 به 71 تغییر و تحول میدهیم.

پیرو ، Image View را از object library به سلول prototype درگ میکنیم. مجدد ، image view را تعیین کرده و در inspector مرتبط با “Size” کلیک کرده و صفت های “X” ، “Y” ، “Width” و “Height” را بر پایه ی تصویر پایین تغییر و تحول میدهیم:

به inspector مرتبط با “Attributes” سوئیچ میکنیم ، “Tag” را به 100 تهیه میکنیم. شما می‌توانید tag را تحت عنوان یک شناسه یکتا از UI control در لحاظ بگیرید. بعداً در باطن کدها ، ما از این tag برای انتخاب image view به کارگیری خوا هیم کرد.

آن گاه یک برچسب ، به سلول درگ کرده و اسم آن را “RecipeName” قرار می‌دهیم. این برچسب برای اکران اسم امر پخت ، گزینه به کار گیری قرار میگیرد. در inspector مرتبط با “Size” آیتم های “X” را به 92 ، “Y” را به 7 ، “Width” را به 186 و “Height” را به 21 تهیه میکنیم. در inspector مرتبط با “Attributes” مورد font type را به “Helvetica Neue Condensed Bold” تغییر تحول داده و اندازه فونت را به 21 points تهیه می‌کنیم. در انتها ، مقدار “Tag” را به 101 تهیه و تنظیم میکنیم.

عصر تکمیلی یادگرفتن اپ نویسی iOS: سفارشی سازی UITableView و دور نما UITableViewcell با به کار گیری از Storyboard در واپسین طراحی اپلیکیشن در مشهد گرد‌همایی از عصر تکمیلی اپلیکیشن نویسی iOS ، ما طرز سفارشی سازی navigation bar و کلیدها را با استعمال از تصاویر دور نما ، نشانه دادیم. درین گرد هم آیی ، قصد داریم نگاهی به سفارشی سازی و مدل بندی UITableView و UITableViewCell بیاندازیم.

در‌حالتی که از آغاز ، یادگرفتن های ما‌را در دروه اپ نویسی iOS دنبال کرده باشید ، میدانید که ما ، یک گردهمایی به عنوان سفارشی سازی سلول table view با به کار گیری از Interface Builder داریم. درین فراگیری ، ما می‌خواهیم شغل های متفاوتی جاری ساختن دهیم. به مکان به کار گیری از Interface Builder برای تغییر تحول UITableViewCell ، قصد داریم طرز استعمال از Storyboard ها جهت مدل بندی سلول را به شما علامت دهیم. Storyboard ها ، عملیات سفارشی سازی سلول های جدول را با معرفی سلول prototype ، بسیار معمولی خیس کرده است. به صورت خلاصه ، شما میتوانید مفاد پایین را درین فراگیری ، حافظه بگیرید:

سفارشی سازی UITableViewCell با استعمال از Storyboard.
مدل بندی UITableViewCell و UITableView با تصاویر دورنما.
برای اعمال سفارشی سازی ، یک table view بی آلایش را یه خرده تغییر‌و تحول داده و آن را مدل بندی نموده و دیدنی خیس خوا‌هیم کرد. برای یاری به شما ، جهت داشتن تمرکز بیشتر بر طریق اجرا سفارشی سازی ، ما پروژه Xcode را برای شما مهیا کرده ایم ، تا عمل را با آن استارت فرمایید. پیش از مبادرت ، آغاز پروژه Xcode را از اینجا download the Xcode project دانلود فرمایید ( اعتنا: پروژه با به کار گیری از Xcode 4.5 تاسیس شده است).

پیاده سازی سلول های Prototype در Storyboard
از مجال تکثیر iOS 5 ، کمپانی اپل ، Storyboard را جهت معمولی کردن طرز های پیاده سازی رابط کاربری نرم‌افزار ها ، معرفی کرده است. برای سفارشی سازی یک سلول جدول ، دیگر نیازی به ساخت و ساز یک سلول مستقل در Interface Builder نداریم. خواهیم توانست سلول را در باطن ویرایشگر Storyboard پیاده سازی کنیم.

پروژه Xcode را که دانلود نموده اید ، گشوده فرمایید. به Storyboard رفته و می بایست چیزی مشابه به تصویر تحت را مشاهده فرمایید:

هنگامی که یک UITableViewController در Story اضافه می‌کنیم ، به صورت پیش فرض ، بایستی یک سلول prototype را ببینیم. فعلا می‌توانیم موادتشکیل دهنده در دست گرفتن UI دیگری (مانند UILabel ، UIImageView) به سلول prototype اضافه کنیم. بیایید آغاز طول سلول را تغییر‌و تحول بدهیم. Prototype Cells را گزینش کرده و بر روی inspector مرتبط با “size” کلیک کرده و row height را از 44 به 71 تغییر و تحول میدهیم.

پیرو ، Image View را از object library به سلول prototype درگ میکنیم. مجدد ، image view را تعیین کرده و در inspector مرتبط با “Size” کلیک کرده و صفت های “X” ، “Y” ، “Width” و “Height” را بر پایه ی تصویر پایین تغییر و تحول میدهیم:

به inspector مرتبط با “Attributes” سوئیچ میکنیم ، “Tag” را به 100 تهیه میکنیم. شما می‌توانید tag را تحت عنوان یک شناسه یکتا از UI control در لحاظ بگیرید. بعداً در باطن کدها ، ما از این tag برای انتخاب image view به کارگیری خوا هیم کرد.

آن گاه یک برچسب ، به سلول درگ کرده و اسم آن را “RecipeName” قرار می‌دهیم. این برچسب برای اکران اسم امر پخت ، گزینه به کار گیری قرار میگیرد. در inspector مرتبط با “Size” آیتم های “X” را به 92 ، “Y” را به 7 ، “Width” را به 186 و “Height” را به 21 تهیه میکنیم. در inspector مرتبط با “Attributes” مورد font type را به “Helvetica Neue Condensed Bold” تغییر تحول داده و اندازه فونت را به 21 points تهیه می‌کنیم. در انتها ، مقدار “Tag” را به 101 تهیه و تنظیم میکنیم.