loading...

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

بازدید : 21
يکشنبه 27 خرداد 1403 زمان : 12:11

گرد‌همایی بیست و هفتم : طریق اضافه کردن منوی کشویی کناری به اپلیکیشن 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 ، منو را ببندد.

گرد‌همایی بیست و هفتم : طریق اضافه کردن منوی کشویی کناری به اپلیکیشن 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 ، منو را ببندد.

نظرات این مطلب

تعداد صفحات : 0

درباره ما
موضوعات
آمار سایت
  • کل مطالب : 383
  • کل نظرات : 0
  • افراد آنلاین : 1
  • تعداد اعضا : 0
  • بازدید امروز : 150
  • بازدید کننده امروز : 1
  • باردید دیروز : 236
  • بازدید کننده دیروز : 0
  • گوگل امروز : 0
  • گوگل دیروز : 0
  • بازدید هفته : 388
  • بازدید ماه : 459
  • بازدید سال : 1436
  • بازدید کلی : 33229
  • <
    پیوندهای روزانه
    اطلاعات کاربری
    نام کاربری :
    رمز عبور :
  • فراموشی رمز عبور؟
  • خبر نامه


    معرفی وبلاگ به یک دوست


    ایمیل شما :

    ایمیل دوست شما :



    کدهای اختصاصی