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

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


در این مقاله به بررسی نحوه ساخت یک اپ ساده Table view می پردازیم.


ساخت یک اپ ساده Table View- بخش اول


به روز رسانی: اگر از Xcode 5 استفاده می کنید، لطفاً آموزش جدید درباره UITABLEView را مشاهده نمایید.

ساخت اپ HelloWorld برای شما جذابیت داشت؟ در این آموزش، ما به موارد پیچیده تر و ساخت یک اپ ساده با استفاده از Table View خواهیم پرداخت. اگر تا کنون آموزش های قبلی در مورد پایه برنامه نویسی iOS را نخوانده اید، قبل از این که این پست را بخوانید، به مطالب قبلی مراجعه نمایید.
اول بیایید به این سؤال پاسخ دهیم: Table View در اپ آیفون چیست؟
Table View یکی از المان های متداول UI در اپ های iOS می باشد. بیشتر اپ ها، از Table View برای نمایش لیستی از داده ها استفاده می کنند. بهترین مثال، برنامه Phone می باشد. مخاطبان شما در یک Table View نمایش داده می شوند. مثال دیگر، اپ Mail است. این اپ از Table View برای نمایش نامه های الکترونیکی صندوق پستی شما استفاده می کند. Table View فقط برای نمایش داده های متنی استفاده نمی شود. Table View اجازه می دهد داده ها را در قالب تصویر نیز نشان دهید. اپ داخلی ویدئو و یوتیوب مثال های خوبی از این کاربرد می باشند.

ایجاد پروژه SimpleTable

بیایید دست به کار شویم و ایده table view را به صورت یک اپ ساده پیاده سازی نماییم. اگر در برنامه نویسی جدی هستید، نگاه گذرا به این مقاله نیاندازید، Xcode خود را باز کنید! این بهترین راه برای مطالعه برنامه نویسی می باشد.برای کسانی که در برنامه نویسی تازه کار هستند و واژه “Splash Screen” را نشنیده اند، اجازه بدهید یک توضیح خلاصه در مورد آن ارائه دهیم. Splash Screen معمولاً در اپ های iOS همانند سایر برنامه های desktop استفاده می شود. این آموزش در صفحه آموزش کامل ios - ورود به بازار کار نیز قابل دریافت است.این صفحه، اولین صفحه ای است که شما در هنگام راه اندازی یک برنامه مشاهده می کنید. معمولاً Splash Screen یک تصویری است که صفحه نمایش را پوشش می دهد و بعد از بارگذاری صفحه اصلی ناپدید می شود.
پس از راه اندازی Xcode، پروژه جدید را برای “Single View application” ایجاد کنید.

برای ادامه، روی گزینه “Next” کلیک نمایید. دوباره گزینه های موردنیاز برای پروژه Xcode را تکمیل نمایید:

  • Product Name: SimpleTable این نام پروژه شماست.
  • Company Identifier: اگر شما یک نام دامنه دارید، می توانید از آن استفاده کنید؛ در غیر این صورت، از نام خود یا از عبارت “edu.self” استفاده کنید.
  • ClassPrefix: SimpleTable Xcode به طور خودکار از پیشوند (prefix) برای نام گذاری کلاس استفاده می کند. در آینده ممکن است پیشوند خود را انتخاب کرده یا حتی آن را خالی بگذارید. اما برای این آموزش، اجازه دهید آن را ساده نگه داریم و از “SimpleTable” استفاده کنیم.
  • Device Family: iPhone برای این پروژه فقط عبارت “iPhone” را استفاده کنید.
  • Use StoryBoards: برای این پروژه این گزینه را انتخاب نکنید. برای چنین پروژه ی ساده ای نیاز به انتخاب Storyboards نداریم.
  • Use Automatic Reference Counting: این گزینه را انتخاب کنید. به صورت پیش فرض، این گزینه باید به صورت انتخاب شده باشد. همان طور که هست رهایش کنید.
  • Include Unit Tests: این گزینه را انتخاب نکنید و به صورت انتخاب نشده رهایش کنید. الان شما نیازی به کلاس unit test ندارید.


برای ادامه، روی کلید “Next” کلیک نمایید. Xcode سپس از شما در خصوص محل ذخیره سازی پروژه “SimpleTable” می پرسد. یک پوشه (به طور مثال روی دسکتاپ) روی مک خود انتخاب نمایید. مانند پروژه قبل گزینه Source Control را انتخاب نکنید. برای ادامه کلید “Next” را کلیک نمایید.

Xcode به طور خودکار پروژه “SimpleTable” را بر اساس تمام گزینه هایی که شما وارد کرده اید، ایجاد می کند. صفحه نمایش به شکل زیر خواهد بود:



طراحی نمودن شمای پروژه


ابتدا، ما رابط کاربری را ایجاد خواهیم نمود و سپس یک table view به پروژه اضافه خواهیم کرد. برای تغییر به Interface Builder فایل “SimpleTableViewController.xib” را انتخاب نمایید.

در کتابخانه اشیاء، شیء “TableView” را انتخاب کرده و آن را به داخل پنجره view درگ کنید.

صفحه نمایش شما باید بعد از افزودن “TableView” شبیه تصویر زیر باشد:

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