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

گرد هم آیی بیست و هفتم : شیوه اضافه کردن منوی کشویی کناری به اپلیکیشن iOS ممکن میباشد تا به حالا از خودتان پرسیده باشید: چه‌گونه اینجانب میتوانم منوی کشویی نوار کناری (slide-out sidebar menu) را در نرم افزار خویش ساخت کنم؟ این سؤال بسیار متداولی میباشد که برای بیشتر نو طراحی اپلیکیشن در مشهد امور پیش میاید. به این ترتیب درین گردهمایی ، به شما علامت میدهیم که به چه شکل یک منوی ناوبری کشویی (slide-out navigation menu) همچون آن چه که در اپلیکیشن رخ بوک می‌بینیم ، بسازیم. برای عده ای که با منو slide out navigation نا آشنا میباشند ، Ken Yarmost تمجید و توضیح نیکی را درباره ی آن ارائه داده میباشد:

Slide out navigation دربرگیرنده یک پنل میباشد که در پایین content area (حوزه‌ محتوایی) مهم ، در سمت راست یا این که سمت چپ به طور کشویی نمایان می‌گردد و scroll view غیر وابسته را به صورت همگانی ظواهر می نماید که تحت عنوان navigation (ناوبری) مهم نرم افزار کار می کند. از هنگامی که نرم‌افزار چهره بوک ، پیاده سازی slide-out sidebar design را معرفی نمود ، این پیاده سازی تخت گاز به یک نحوه استاندارد برای طراحی منو Navigation تبدیل شد. به راحتی خواهیم توانست این الگوی پیاده سازی را در اکثری از نرم‌افزار های دوستداشتنی مربوط به محتوا ببینیم ، مانند Path ، Mailbox ، Gmail و غیره.

الگوی پیاده سازی slide-out به ما این قابلیت را می‌دهد که یک منو navigation در نرم افزار خویش بسازیم ، فارغ از این که فضای شیت اکران را به هدر دهیم. به صورت معمول ، منو navigation در پشت front view نهفته میباشد. آن گاه ، منو میتواند بوسیله یک کلید List در navigation bar فعال گردد. وقتی که منو پیشرفت یافته و قابل به چشم می‌خورد ، یوزرها می‌توانند آن را با استعمال از کلید list و یا این که به آسانی ، با کشیدن منو به سمت چپ حیطه محتوا ، ببندند.

با وجود چاره های بسیار زیاد و بدون پول در GitHub ، ما در صدد نیستیم که منو slide-out navigation را از آغاز ، بسازیم. در قبال ، ما از یک کتابخانه ای به اسم SWRevealViewController استعمال خوا هیم کرد. این کتابخانه بهتر بوسیله John Lluch ، بسط داده شد‌ه‌است و یک شیوه سریع و راحت برای قرار دادن منو کشویی ناوبری را مهیا می نماید. این کتابخانه ، به طور بدون‌پول در دسترس میباشد.

به قرائت این نوشته‌علمی ادامه دهید و با ما در تشکیل داد نرم افزار آزمایشی (demo app) همدم باشید.

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

مخاطب با ضربه زدن بر روی کلید list در ابتدا و سمت چپ navigation bar ، منو را فعال می نماید.
مخاطب هم اینگونه میتواند از روش کشیدن منو به سمت راست content area اساسی ، منو را گشوده کند.
زمانی که منو ظواهر می گردد ، مخاطب می‌تواند آن را با ضربه زدن دوباره بر روی کلید List ، ببندد.
استفاده کننده هم اینگونه ، میتواند منو را با کشیدن ، به سمت چپ content area ، منو را ببندد.

ساخت‌و‌ساز پروژه Xcode
با داشتن ایده اساسی از چیزی که قرار میباشد بسازیم ، بیایید عمل را آغاز کنیم. می‌توانیم پروژه Xcode را از آغاز و با پیاده سازی رابط کاربری ، بر طبق پروسه ذیل تولید کنیم:

با این اکنون ، برای صرفه جویی در طی اعمال پیکربندی پروژه ، می‌توانند تمپلت Xcode پروژه را از اینجا download the Xcode project template دانلود کرده و شغل را با آن استارت نمائید.

بسته پروژه فعلا با نکات زیر یار و همدم میباشد:

یک Storyboard از پیش تشکیل شده با آحاد view controller های لازم.
کلاس های view controller از پیش تشکیل شده مشمول MapViewController و PhotoViewController.
MapViewController که برای اکران یک نقشه طراحی گردیده‌است.
PhotoViewController که برای اکران یک تصویر در image view ، طراحی گردیده است.
کل آیکون ها و عکس های لازم برای برنامه (با سپاس از Pixeden برای آیکون های بدون‌پول)
Import کردن کتابخانه SWRevealViewController
همانگونه که پیش از اینً اشاره کردیم ، ما از کتابخانه SWRevealViewController برای طراحی منو کشویی به کار گیری خوا‌هیم کرد. از این رو ، آغاز کتابخانه را از اینجا download the library from GitHub دانلود کرده و پوشه زیپ گردیده را extract می‌کنیم.

پس از این که پوشه را extract کردیم ، می بایست فولدر های “SWRevealViewController.h” و “SWRevealViewController.m” را پبدا کنیم. در project navigator ، روی فایل SidebarDemo کلیک راست کرده و “New Group” را تعیین می‌کنیم. اسم تیم را “SWRevealViewController” قرار می‌دهیم. هر دو پوشه را به پروژه Xcode خویش Import کرده و آنان را در تحت نصیب “SWRevealViewController” قرار می‌دهیم.

گرد هم آیی بیست و هفتم : شیوه اضافه کردن منوی کشویی کناری به اپلیکیشن iOS ممکن میباشد تا به حالا از خودتان پرسیده باشید: چه‌گونه اینجانب میتوانم منوی کشویی نوار کناری (slide-out sidebar menu) را در نرم افزار خویش ساخت کنم؟ این سؤال بسیار متداولی میباشد که برای بیشتر نو طراحی اپلیکیشن در مشهد امور پیش میاید. به این ترتیب درین گردهمایی ، به شما علامت میدهیم که به چه شکل یک منوی ناوبری کشویی (slide-out navigation menu) همچون آن چه که در اپلیکیشن رخ بوک می‌بینیم ، بسازیم. برای عده ای که با منو slide out navigation نا آشنا میباشند ، Ken Yarmost تمجید و توضیح نیکی را درباره ی آن ارائه داده میباشد:

Slide out navigation دربرگیرنده یک پنل میباشد که در پایین content area (حوزه‌ محتوایی) مهم ، در سمت راست یا این که سمت چپ به طور کشویی نمایان می‌گردد و scroll view غیر وابسته را به صورت همگانی ظواهر می نماید که تحت عنوان navigation (ناوبری) مهم نرم افزار کار می کند. از هنگامی که نرم‌افزار چهره بوک ، پیاده سازی slide-out sidebar design را معرفی نمود ، این پیاده سازی تخت گاز به یک نحوه استاندارد برای طراحی منو Navigation تبدیل شد. به راحتی خواهیم توانست این الگوی پیاده سازی را در اکثری از نرم‌افزار های دوستداشتنی مربوط به محتوا ببینیم ، مانند Path ، Mailbox ، Gmail و غیره.

الگوی پیاده سازی slide-out به ما این قابلیت را می‌دهد که یک منو navigation در نرم افزار خویش بسازیم ، فارغ از این که فضای شیت اکران را به هدر دهیم. به صورت معمول ، منو navigation در پشت front view نهفته میباشد. آن گاه ، منو میتواند بوسیله یک کلید List در navigation bar فعال گردد. وقتی که منو پیشرفت یافته و قابل به چشم می‌خورد ، یوزرها می‌توانند آن را با استعمال از کلید list و یا این که به آسانی ، با کشیدن منو به سمت چپ حیطه محتوا ، ببندند.

با وجود چاره های بسیار زیاد و بدون پول در GitHub ، ما در صدد نیستیم که منو slide-out navigation را از آغاز ، بسازیم. در قبال ، ما از یک کتابخانه ای به اسم SWRevealViewController استعمال خوا هیم کرد. این کتابخانه بهتر بوسیله John Lluch ، بسط داده شد‌ه‌است و یک شیوه سریع و راحت برای قرار دادن منو کشویی ناوبری را مهیا می نماید. این کتابخانه ، به طور بدون‌پول در دسترس میباشد.

به قرائت این نوشته‌علمی ادامه دهید و با ما در تشکیل داد نرم افزار آزمایشی (demo app) همدم باشید.

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

مخاطب با ضربه زدن بر روی کلید list در ابتدا و سمت چپ navigation bar ، منو را فعال می نماید.
مخاطب هم اینگونه میتواند از روش کشیدن منو به سمت راست content area اساسی ، منو را گشوده کند.
زمانی که منو ظواهر می گردد ، مخاطب می‌تواند آن را با ضربه زدن دوباره بر روی کلید List ، ببندد.
استفاده کننده هم اینگونه ، میتواند منو را با کشیدن ، به سمت چپ content area ، منو را ببندد.

ساخت‌و‌ساز پروژه Xcode
با داشتن ایده اساسی از چیزی که قرار میباشد بسازیم ، بیایید عمل را آغاز کنیم. می‌توانیم پروژه Xcode را از آغاز و با پیاده سازی رابط کاربری ، بر طبق پروسه ذیل تولید کنیم:

با این اکنون ، برای صرفه جویی در طی اعمال پیکربندی پروژه ، می‌توانند تمپلت Xcode پروژه را از اینجا download the Xcode project template دانلود کرده و شغل را با آن استارت نمائید.

بسته پروژه فعلا با نکات زیر یار و همدم میباشد:

یک Storyboard از پیش تشکیل شده با آحاد view controller های لازم.
کلاس های view controller از پیش تشکیل شده مشمول MapViewController و PhotoViewController.
MapViewController که برای اکران یک نقشه طراحی گردیده‌است.
PhotoViewController که برای اکران یک تصویر در image view ، طراحی گردیده است.
کل آیکون ها و عکس های لازم برای برنامه (با سپاس از Pixeden برای آیکون های بدون‌پول)
Import کردن کتابخانه SWRevealViewController
همانگونه که پیش از اینً اشاره کردیم ، ما از کتابخانه SWRevealViewController برای طراحی منو کشویی به کار گیری خوا‌هیم کرد. از این رو ، آغاز کتابخانه را از اینجا download the library from GitHub دانلود کرده و پوشه زیپ گردیده را extract می‌کنیم.

پس از این که پوشه را extract کردیم ، می بایست فولدر های “SWRevealViewController.h” و “SWRevealViewController.m” را پبدا کنیم. در project navigator ، روی فایل SidebarDemo کلیک راست کرده و “New Group” را تعیین می‌کنیم. اسم تیم را “SWRevealViewController” قرار می‌دهیم. هر دو پوشه را به پروژه Xcode خویش Import کرده و آنان را در تحت نصیب “SWRevealViewController” قرار می‌دهیم.