در این آموزش تصویری با نحوه ایجاد یک رابط گرافیکی برای اپلیکیشن های iOS به کمک ابزارهای بصری (Visual Tools) آشنا می شوید.

این دوره آموزشی محصول موسسه Lynda است.

سرفصل های این دوره:

  • ایجاد و سفارشی کردن نمایش ها
  • رابط کاربر Designable
  • نمایش ها Designable با خواص inspectable
  • کار با طرح های خودکار پویا
  • اضافه کردن و حذف محدودیت
  • محدودیت های کلاس تغییر اندازه
  • طراحی UI با نمایش پشته
  • ایجاد یک طرح تطبیقی
  • کار با عکس
  • فونت سفارشی
  • و …

عنوان دوره: Lynda iOS UI Development with Visual Tools

مدت دوره: 1 ساعت و 33 دقیقه

نویسنده: Scott Gardner

 توضیحات:

https://www.lynda.com/iOS-tutorials/iOS-UI-Development-Visual-Tools/445430-2.html
Lynda iOS UI Development with Visual Tools

Scott Gardner
1h 33m
Intermediate



iOS has visual UI development tools built right into Xcode, the IDE that iOS developers use the most. Xcode's Interface Builder provides graphical tools for manipulating layouts and views�which means little to no programming required. Interface design is a great way to break into iOS app development, or expand your programming skills to the realm of UX.
Here iOS app architect Scott Gardner explains how to create designable views and dynamic and adaptive user interfaces for any screen size or orientation. He shows how to work with stack views, images, custom fonts, and Interface Builder's Auto Layout tools, which speed up your design process and help adhere to Apple's interface guidelines. Along the way, he provides best practices for designing interfaces that are clean, efficient, and enjoyable for users.
Topics include:
Creating and customizing views
Laying out a user interface
Working with dynamic Auto Layout designs
Stacking views
Creating an adaptive layout
Handling orientation changes
Working with images
Customizing fonts


Introduction
2m 33s
Welcome
1m 28s
What you should know
31s
Using the exercise files
34s
1. Designable User Interfaces
24m 5s
Layers
1m 3s
Customize a view
2m 27s
Creating a live-rendering view
5m 3s
Custom live-rendering views
2m 46s
Designable views with inspectable properties
5m 53s
Lay out a user interface
4m 41s
Customize a designable user interface
2m 12s
2. Dynamic User Interfaces
41m 24s
Auto Layout
3m 14s
Create an Auto Layout constraint
4m 21s
Work with Auto Layout constraints
3m 37s
Anatomy of a constraint
2m 50s
Layout margins and guides
6m 34s
Stack views
3m 16s
Intrinsic content sizes
1m 45s
Resolve ambiguous layouts
3m 24s
Lay out views using a stack view
3m 7s
Design UI with stack views
5m 5s
Custom stack-view-based UI
4m 11s
3. Adaptive User Interfaces
24m 50s
Adaptive layout
3m 36s
Change size class constraints
5m 49s
Add and remove constraints
3m 7s
Handle orientation changes
4m 16s
Slide Over and Split View
2m 5s
Images in size classes
2m 46s
Customize fonts based on size classes
3m 11s
Conclusion
45s
Next steps
45s