تاریخ امروز :
iOS
macOS
Xcode
iTunes
نمایش نتایج: از 1 به 1 از 1

موضوع: دوره آموزش swift - درس ۸: آشنایی با stack view

  1. #1
    تاریخ عضویت
    Dec 2008
    محل سکونت
    Germany
    نوشته ها
    11,541
    ورژن iOS
    10.3
    ورژن Mac
    10.12.4
    سپاس
    14,686
    از این کاربر 83,024 بار در 14,014 ارسال سپاس شده است.

    پیش فرض دوره آموزش swift - درس ۸: آشنایی با stack view

    با سلام و عرض ادب خدمت کاربران
    در درس دوم در موضوع App layout با constraint ها آشنا شدیم و همینطور که احتمالا با من مواقع خواهید بود وقتی صحبت از یک اپلیکیشن با المان های زیادی باشد استفاده از constraint ها به تنهایی بسیار سخت خواهد بود. اپل برای حل مشکل stack view را در wwdc 15 معرفی کرد.
    ویدیو معرفی stack view

    قبل از هر چیز, صفحه ای در سایت pinterest رو به شما معرفی می کنم به نام Beautiful App / UI design . در این صفحه ایده های زیادی پیرامون طراحی اپلیکیشن های مختلف به دست خواهید آورد.

    Stack view به طور کلی به کاربران اجازه میده که المان ها رو به صورت افقی یا عموی در صفحه ثابت نگه دارند.

    پس از چیدن المان های مورد نظرمان بر روی صفحه, نخست می بایست تصمیم بگیریم که المان ها بهتر است در حالت افقی ثابت نگه داشته شوند یا در حالت عمودی. تصمیم مورد نظر با افزایش تجربه راحت تر خواهد شد.
    به صورت مثال اگر افقی را انتخاب کنید, باید در هر stack view المان های افقی در یک راستا را انتخاب کنیم, سپس به ردیف بعدی رویم برای آن ها نیز stack view تعریف کنیم.

    به طور مثال اپلیکیشنی از سایت pinterest انتخاب می کنیم و سعی می کنیم که طرحی مشابه آن را بسازیم. در این کیس, یک اپلیکیشن فروشگاه را انتخاب می کنیم. در عکس زیر می بینید که اگر قرار باشد stack view ها به صورت افقی انتخاب شوند چگونه می بایست دسته بندی شوند.


    بدین ترتیب المان های هر ردیف را انتخاب کرده و بر روی آیکون stack view در کنار آیکون align در پایین story board کیک می کنیم. امکان دارید در زمان دسته بندی ها, اندازه یا نظم المان ها بهم بخورد. در این مورد مشکلی وجود ندارد و در ادامه کار اصلاح خواهند شد.
    احتمالا با چنین تصویر وحشتناکی مواجه خواهید شد که المان ها درون یکدیگر وارد شده اند.


    قدم اول برای حل این مشکل, تمامی stack view ساخته شده در view controller را انتخاب کرده و دوباره بر روی ساخت stack view می زنیم که همگی stack view ها در یک stack view مادر و تحت شرایط آن قرار بگیرند. stack view کلی را اینبار به صورت عمودی تنظیم می کنیم که به صورت عمودی مکان المان ها تنظیم شود.
    در قدم بعدی وقتی stack view انتخاب شده است کل مجموعه ها دوباره به لبه superview بر میگردانیم. اگر مراحل را درست انجام بدید باید شکلی مشابه شکل زیر داشته باشید


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




    خوب حال زمان چینش نهایی است. در حال حاضر می بایست ما چهار stack view درون یک stack view کلی داشته باشیم.
    با کلیک بر روی هر stack view تنظیمات آن در اسلاید بار Utlitiles مشخص می شود.


    برای اینکه بدانیم گزینه های این تنظیمات دقیقا به چه شکل در چینش کمک ما می کنند به عکس های منتشر شده توسط اپل در WWDC 15 رجوع می کنیم.







    و در نهایت بخش spacing هم به ایجاد اندازه بین المان می پردازد.
    من در این کیس, در stack view مادر که چهار stack view را در درون خود دارم در هر دو بخش از گزینه fill استفاده کردم
    اما در stack view مربوط به پنج عکس کفش , به نظر من بهترین گزینه برای این stack view, گزینه Fill equally با داشتن spacing بین 10 تا 15 است ( عکس ها نیز می بایست روی حالت Aspect to fit تنظیم شده باشند )
    از گزینه Fill equally برای کلید ها هم می توان استفاده کرد, به طور مثال با spacing حدود 20 یا بیشتر

    اگر در نهایت اندازه کلید ها یا عکس برایتان رضایت بخش نبود, می توانید از constrain ها برای تغییر ابعاد یا ثابت نگه داشتن آنها استفاده کنید. حال که با آپشن های stack view تا حدودی آشنا شدید باید وقت زیادی بر روی آن بگذارید تا در آن با تجربه شود.


    موفق باشید
    i-phone.ir
    The Best or Nothing



    Twitter : Rouzbeh7000

  2. 6 کاربر زیر از roozbeh7000 عزیز به خاطر این پست مفید سپاس کرده اند .


اطلاعات موضوع

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

در حال حاضر 1 کاربر در حال مشاهده این موضوع است. (0 کاربران و 1 مهمان ها)

موضوعات مشابه

  1. دوره آموزش swift - درس ۲ : آشنایی مختصری با App layout
    توسط roozbeh7000 در انجمن آموزش ها
    پاسخ: 2
    آخرين نوشته: 29-04-2016, 07:11 PM
  2. دوره آموزش swift - درس ۴: آشنایی با function و conditions
    توسط roozbeh7000 در انجمن آموزش ها
    پاسخ: 0
    آخرين نوشته: 14-04-2016, 03:34 AM
  3. نسخه نهایی Xcode 7 با پشتیبانی از swift 2 و watch os 2 منتشر شد
    توسط roozbeh7000 در انجمن نسخه های فاینال SDK
    پاسخ: 7
    آخرين نوشته: 21-01-2016, 02:46 PM
  4. یک view با صفحات داینامیک
    توسط masoudx7 در انجمن سوالات و مشکلات
    پاسخ: 1
    آخرين نوشته: 05-01-2015, 01:26 PM
  5. [درخواست آموزش]جابه جا از یک View به View دیگر
    توسط hadi1993 در انجمن سؤالات و مشکلات پیرامون برنامه نویسی
    پاسخ: 1
    آخرين نوشته: 18-07-2012, 10:10 PM

مجوز های ارسال و ویرایش

  • شما نمیتوانید موضوع جدیدی ارسال کنید
  • شما امکان ارسال پاسخ را ندارید
  • شما نمیتوانید فایل پیوست کنید.
  • شما نمیتوانید پست های خود را ویرایش کنید
  •  
اطلاعات سایت
لینک دوستان
درباره سایت
انجمن تخصصی آيفون در سال ۲۰۰۷ با عرضه‌ی اولين نسل گجت‌های iOS اپل فعاليت خود را آغاز نمود. مفتخر هستيم که تا اين لحظه پيشتاز خدمت رسانی به کاربران ايرانی محصولات اپل باشيم.

اکنون ساعت 12:47 AM برپایه ساعت جهانی (GMT - گرینویچ) +4.5 می باشد.

Powered by vBulletin® Version 4.2.3
Copyright © 2019 vBulletin Solutions, Inc. All rights reserved.