اصول روانشناسی طراحی اپلیکیشن که باید بدانید پنجشنبه ۲۴ خرداد ۰۳ | ۱۳:۲۷ ۱۵۵ بازديد
طی دو گردهمایی قبلی ، فراگیری مفاهیم اصولی UICollectionView و header/footer customization را پایین پوشش قرار داده ایم. از این رو ، فعلا شما می بایست طریق اکران گزینه ها با به کار گیری از UICollectionView را بدانید. با این اکنون ، ما هنوز ، طراحی اپلیکیشن در مشهد طرز برقراری تعامل با ، سلول collection view را فراگیری نداده ایم.
همان گونه که پیش از اینً اشاره کرده ایم ، Collection View ، بسیار مشابه به Table View ، فعالیت می نماید. ولی ، برای این که ادراک بهتری از شیوه کارایی آن به شما بدهیم ، کیفیت برقراری تعامل با گزینه های تیم (collection) را ، مانند نحوه های رئیس گزینش های تکی (single selection) و چندتایی (multiple selection) را ، نماد خوا هیم بخشید. برای ارائه مثال شغل از طرز گزینش مورد ها ، ما فعالیت بر روی اپلیکیشن Recipe را ادامه خوا هیم اعطا کرد. مواقعی که میخواهیم طراحی کنیم ، مشمول نکات زیر میباشد:
برای آرم دادن این که چهطور میتوانیم گزینش تکی را رئیس نماییم ، برنامه Recipe را بهبود خواهیم اعطا کرد. زمانی که مخاطب ، بر روی یک عکس تصویر پخت ، ضربه میزند ، اپلیکیشن ، model view را بالا آورده و تصویری در اندازه بلندمرتبه خیس ، اکران میدهد.
هم اینگونه ، قابلیت و امکان به اشتراک گذاری در Facebook را نیز در نرمافزار ، طراحی خوا هیم کرد ؛ تا طریق تعیین های چندتایی را به شما آرم دهیم. با این شغل ، یوزرها برنامه ، میتوانند یک سری عکس را گزینش نموده و آنان را در Facebook ، به اشتراک بگذارند.
Interface نرم افزار ، بسیار معمولی میباشد . با این حالا ، نرمافزار ، فهم خیر را از طرز برقراری تعامل با collection view ، به شما میدهد. برای خلاص شدن از پیکربندی پروژه Xcode ، میتوانید تمپلت Xcode را از download this Xcode template ، دانلود کنید. به خیال داشته باشید ، پروژه Xcode ، با به کارگیری از Xcode 4.6 ساخت و ساز گردیده و در iOS6 آزمایش گردیدهاست. در حالتیکه در زمان مفتوح کردن/کامپایل کردن پروژه ، با هر مشکلی مواجه شدید ، لطفاً Xcode خویش را به واپسین نسخه ، upgrade ، فرمائید.
آغاز ، نرم افزار Recipe را برای رئیس کردن گزینش تکی (Single Selection) ، بهبود خواهیم بخشید. هنگامی که استفاده کننده ، بر روی هرکدام از عکس های امر پخت ها ضربه بزند ، برنامه ، یک کاغذ model view ، لود کرده و عکس را در وضوح فراتر ، اکران میدهد.
پیاده سازی رابط کاربری
برای آغاز ، بیایید view controller را ، برای اکران دادن عکس فرمان پخت ، پیاده سازی نماییم. به Storyboard رفته و یک View Controller را ، از Object library ، درگ میکنیم. آنگاه ، یک Image View ، به آن اضافه میکنیم و ارتفاع و پهنا آن را به ترتیب به 320 و 200 ، تهیه می نماییم. در انتها ، یک navigation bar به بالای کاغذ view ، اضافه کرده ، و یک مورد Bar Button ، به آن اختصاص میدهیم. اسم مورد کلید را ، “Close” ، قرار میدهیم. View Controller ، می بایست مشابه تصویر ذیل باشد:
همان گونه که پیش از اینً اشاره کرده ایم ، Collection View ، بسیار مشابه به Table View ، فعالیت می نماید. ولی ، برای این که ادراک بهتری از شیوه کارایی آن به شما بدهیم ، کیفیت برقراری تعامل با گزینه های تیم (collection) را ، مانند نحوه های رئیس گزینش های تکی (single selection) و چندتایی (multiple selection) را ، نماد خوا هیم بخشید. برای ارائه مثال شغل از طرز گزینش مورد ها ، ما فعالیت بر روی اپلیکیشن Recipe را ادامه خوا هیم اعطا کرد. مواقعی که میخواهیم طراحی کنیم ، مشمول نکات زیر میباشد:
برای آرم دادن این که چهطور میتوانیم گزینش تکی را رئیس نماییم ، برنامه Recipe را بهبود خواهیم اعطا کرد. زمانی که مخاطب ، بر روی یک عکس تصویر پخت ، ضربه میزند ، اپلیکیشن ، model view را بالا آورده و تصویری در اندازه بلندمرتبه خیس ، اکران میدهد.
هم اینگونه ، قابلیت و امکان به اشتراک گذاری در Facebook را نیز در نرمافزار ، طراحی خوا هیم کرد ؛ تا طریق تعیین های چندتایی را به شما آرم دهیم. با این شغل ، یوزرها برنامه ، میتوانند یک سری عکس را گزینش نموده و آنان را در Facebook ، به اشتراک بگذارند.
Interface نرم افزار ، بسیار معمولی میباشد . با این حالا ، نرمافزار ، فهم خیر را از طرز برقراری تعامل با collection view ، به شما میدهد. برای خلاص شدن از پیکربندی پروژه Xcode ، میتوانید تمپلت Xcode را از download this Xcode template ، دانلود کنید. به خیال داشته باشید ، پروژه Xcode ، با به کارگیری از Xcode 4.6 ساخت و ساز گردیده و در iOS6 آزمایش گردیدهاست. در حالتیکه در زمان مفتوح کردن/کامپایل کردن پروژه ، با هر مشکلی مواجه شدید ، لطفاً Xcode خویش را به واپسین نسخه ، upgrade ، فرمائید.
آغاز ، نرم افزار Recipe را برای رئیس کردن گزینش تکی (Single Selection) ، بهبود خواهیم بخشید. هنگامی که استفاده کننده ، بر روی هرکدام از عکس های امر پخت ها ضربه بزند ، برنامه ، یک کاغذ model view ، لود کرده و عکس را در وضوح فراتر ، اکران میدهد.
پیاده سازی رابط کاربری
برای آغاز ، بیایید view controller را ، برای اکران دادن عکس فرمان پخت ، پیاده سازی نماییم. به Storyboard رفته و یک View Controller را ، از Object library ، درگ میکنیم. آنگاه ، یک Image View ، به آن اضافه میکنیم و ارتفاع و پهنا آن را به ترتیب به 320 و 200 ، تهیه می نماییم. در انتها ، یک navigation bar به بالای کاغذ view ، اضافه کرده ، و یک مورد Bar Button ، به آن اختصاص میدهیم. اسم مورد کلید را ، “Close” ، قرار میدهیم. View Controller ، می بایست مشابه تصویر ذیل باشد:
