آموزش ساخت Static Tableview در سوئیفت

مقدمه

امروز قرار هست در مورد ساخت Static Tableview یا همان تیبل ویو ایستا صحبت کنیم

#کپی رایت

هرگونه کپی برداری از این مطلب بدون ذکر نام نویسنده شرعا حرام بوده و در صورت مشاهده چنین موردی از مراجع قضایی پیگیری میکنیم

شروع

به عکس بالا توجه کنید

۱) چه موقع از تیبل ویو استاتیک استفاده میکنیم ؟

۲) فرقی هم با تیبل ویو داینامیک داره ؟

پ ۱ ) استفاده های مختلفی داره اما یکی از کاربردها ی آن برای قسمت تنظیمات اپلیکیشن میباشد .

پ ۲ ) بله همانطور که از اسم آن مشخص هست داینامیک یعنی متحرک و حالت پویا و غیر ثابت دارد اما استاتیک ساکن است و تغییری نمیکند .

شروع

توجه : تیبل ویو استاتیک فقط در UITableViewController ساخته میشود نه UITableview

ابتدا در استوری برد یک UITabelviewController میسازیم

دکمه ترکیبی Command + n پنجره زیر را برای شما باز میکند

اما نکته مهم : شما الان یک TabelviewController دارید اما اگر اپ را اجرا کنید یک صفحه سیاه به شما نشان داده میشود

چرا ؟

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

برای فعال کردن VC کافیه به تب Attribiutes Inspector بروید و چک باکس is initial View Controller را فعال کنید .

حالا اگر اپ را اجرا کنید دیگر آن صفحه مشکی را نمیبینید

یک راه دیگه برای initial ViewController

به Appdelegate بروید و در متود didFinishLaunchingWithOptions کد زیر را اضافه کنید

کافیه در withIdentifier نام کلاس VC خود را بنویسید

حالا وقتشه که Cell های تیبدل ویو را بسازیم

روی تیبل ویو کلیک کنید سپس Content را در تب Attribiutes Inspector به Static Cells تغییر دهید

اگر میخواهید ظاهر زیباتری داشته باشید کافیه Style را به Grouped تغیر دهید

تیبل ویو دو بخش دارد یکی به نام Row و یکی به نام Section که row در واقع زیر مجموعه Section هست و Section مانند دسته بندی عمل میکند

یک مثال : فرض کنید شما در سبد خریدتان یک سیب یک هویج و یک عدد سبزی جعفری دارید !

در اینجا سبد خرید تیبل ویو شما و خرید ها شما محتویات تیبل ویو شما میباشد اما ما میخواهیم سبد خرید خود را دسته بندی کنیم پس سبزیجات و صیفیجات و میوه ها را دسته بندی میکنیم ،این سه دسته بندی Section های شما و زیر مجموعه های آنها Row های شما میباشد

حالا همین مثال را میخوایم در تیبل ویو اجرا کنیم

ابتدا section ها را میسازیم

در همان تب Section را به ۳ تغییر دهید

برای عنوان دادن به Section ها روی آنها کلیک کنید و در Header عنوان خود را وارد کنید

در همین تب ، row را میبینید که با اضافه کردن آن ردیف به شما اضافه میشود

تصویر نهایی این قسمت

حالا کمی عکس و نوشته به تیبل ویو اضافه میکنیم

ظاهر کلی اپ به اینصورت میباشد

چگونه عکس به پروژه اضافه کنیم ؟

کافیه وارد Assets.xcassets بشوید سپس در سمت چپ کلیک راست کرده و import را انتخاب کنید مسیر عکس تکی یا فولدر را انتخاب کنید در نهایت به پروژه شما اضافه میشود

نکته : چون تیبل ویو ما از نوع استاتیک هست لازم نیست از طریق کد به UIImageView ها عکس بدهیم به راحتی میتوانید با انتخاب عکس و نام عکس آن را در ImageView جایگذاری کرد