ºÝºÝߣ

ºÝºÝߣShare a Scribd company logo
Step Christopher @randomstep
Everything about Auto Layout
In 3 hours
Auto Layout Path to Mastery
In 5 minutes
Auto Layout Path to Mastery - Lightning Talk
Auto Layout Path to Mastery - Lightning Talk
Auto Layout Path to Mastery - Lightning Talk
Auto Layout Path to Mastery - Lightning Talk
Auto Layout Path to Mastery - Lightning Talk
Auto Layout Path to Mastery - Lightning Talk
Auto Layout Path to Mastery - Lightning Talk
Auto Layout Path to Mastery - Lightning Talk
2 Horizontal2 Vertical
Anchor Views
[demo of play controls]
[demo of play controls]
Debug (White Belt)
? Delete all constraints
? Start over
Auto Layout Path to Mastery - Lightning Talk
Tips (White Belt)
? Name your views in IB
? Name your constraints too!
? Think Locally (where should this view get its
size and position)
? Find a Sensei
Debug (Brown Belt)
? Preview pane: to see multiple sizes
? IB Structure and constraint inspectors: to
understand issues
? Debug View Hierarchy (Reveal and Spark
Inspector): to see runtime results
Tips (Brown Belt)
? Think Relatively
? Intrinsic Constraints
? Compression & Hugging
Debug (Black Belt)
? IB simulated sizes: force issues
? Cocoa Layout Instrument: inspect flow
Cocoa Layout Instrument
Cocoa Layout Instrument
Tips (Black Belt)
? Priorities: Preferred
? Max and Min
? Delete (don¡¯t be afraid)
? Know when not to use
More Resources
? Apple: Adopting Auto Layout Guide
? WWDC Introduction to Auto Layout (2012 - 202)
? WWDC Mysteries of Auto Layout (2015, parts 1
and 2)
? Autolayout for everyone - NSSpain 2014
? Technical Note TN2154 - UIScrollView And
Autolayout
More Resources
? https://github.com/Masonry/Masonry
? https://github.com/floriankugler/FLKAutoLayout
? https://github.com/robotmedia/Lyt
? http://bignerdranch.com/blog
Big Nerd Ranch Guides
Thank You
step@bignerdranch.com @randomstep

More Related Content

Viewers also liked (9)

Auto layout in i os 7
Auto layout in i os 7Auto layout in i os 7
Auto layout in i os 7
Claire Chang
?
Why use trace cloud to manage your requirements (includes audio)
Why use trace cloud to manage your requirements (includes audio)Why use trace cloud to manage your requirements (includes audio)
Why use trace cloud to manage your requirements (includes audio)
Shambhavi Roy
?
Introduction to auto layout
Introduction to auto layoutIntroduction to auto layout
Introduction to auto layout
Ciklum Ukraine
?
Auto Layout Under Control @ Pragma conference 2013
Auto Layout Under Control @ Pragma conference 2013Auto Layout Under Control @ Pragma conference 2013
Auto Layout Under Control @ Pragma conference 2013
Giuseppe Arici
?
Swift, a quick overview
Swift, a quick overviewSwift, a quick overview
Swift, a quick overview
Julian Kr¨®l
?
Auto-Layout in iOS 7
Auto-Layout in iOS 7Auto-Layout in iOS 7
Auto-Layout in iOS 7
Mindfire Solutions
?
Auto Layout on Xcode 5
Auto Layout on Xcode 5Auto Layout on Xcode 5
Auto Layout on Xcode 5
KLabCyscorpions-TechBlog
?
Introduction to Auto-layout : iOS/Mac
Introduction to Auto-layout : iOS/MacIntroduction to Auto-layout : iOS/Mac
Introduction to Auto-layout : iOS/Mac
Mindfire Solutions
?
Code Review for iOS
Code Review for iOSCode Review for iOS
Code Review for iOS
KLabCyscorpions-TechBlog
?
Auto layout in i os 7
Auto layout in i os 7Auto layout in i os 7
Auto layout in i os 7
Claire Chang
?
Why use trace cloud to manage your requirements (includes audio)
Why use trace cloud to manage your requirements (includes audio)Why use trace cloud to manage your requirements (includes audio)
Why use trace cloud to manage your requirements (includes audio)
Shambhavi Roy
?
Introduction to auto layout
Introduction to auto layoutIntroduction to auto layout
Introduction to auto layout
Ciklum Ukraine
?
Auto Layout Under Control @ Pragma conference 2013
Auto Layout Under Control @ Pragma conference 2013Auto Layout Under Control @ Pragma conference 2013
Auto Layout Under Control @ Pragma conference 2013
Giuseppe Arici
?
Introduction to Auto-layout : iOS/Mac
Introduction to Auto-layout : iOS/MacIntroduction to Auto-layout : iOS/Mac
Introduction to Auto-layout : iOS/Mac
Mindfire Solutions
?

Similar to Auto Layout Path to Mastery - Lightning Talk (20)

§¡§Ý§Ö§Ü§ã§Ö§Û §Á§ë§Ö§ß§Ü§à §Ú §Á§â§à§ã§Ý§Ñ§Ó §£§à§Ý§à§ë§å§Ü "False simplicity of front-end applications"
§¡§Ý§Ö§Ü§ã§Ö§Û §Á§ë§Ö§ß§Ü§à §Ú §Á§â§à§ã§Ý§Ñ§Ó §£§à§Ý§à§ë§å§Ü "False simplicity of front-end applications"§¡§Ý§Ö§Ü§ã§Ö§Û §Á§ë§Ö§ß§Ü§à §Ú §Á§â§à§ã§Ý§Ñ§Ó §£§à§Ý§à§ë§å§Ü "False simplicity of front-end applications"
§¡§Ý§Ö§Ü§ã§Ö§Û §Á§ë§Ö§ß§Ü§à §Ú §Á§â§à§ã§Ý§Ñ§Ó §£§à§Ý§à§ë§å§Ü "False simplicity of front-end applications"
Fwdays
?
Adjusting to Auto Layout (Tutorial / Tips for iOS Auto Layout)
Adjusting to Auto Layout (Tutorial / Tips for iOS Auto Layout)Adjusting to Auto Layout (Tutorial / Tips for iOS Auto Layout)
Adjusting to Auto Layout (Tutorial / Tips for iOS Auto Layout)
Derek Lee
?
Test driven development with Jasmine
Test driven development with JasmineTest driven development with Jasmine
Test driven development with Jasmine
harshit040591
?
URUG Ruby on Rails Workshop - Sesssion 5
URUG Ruby on Rails Workshop - Sesssion 5URUG Ruby on Rails Workshop - Sesssion 5
URUG Ruby on Rails Workshop - Sesssion 5
jakemallory
?
Technology-Driven Development: Using Automation and Development Techniques to...
Technology-Driven Development: Using Automation and Development Techniques to...Technology-Driven Development: Using Automation and Development Techniques to...
Technology-Driven Development: Using Automation and Development Techniques to...
Rakuten Group, Inc.
?
Take Pride in Your Code - Test-Driven Development
Take Pride in Your Code - Test-Driven DevelopmentTake Pride in Your Code - Test-Driven Development
Take Pride in Your Code - Test-Driven Development
BADR
?
Beautiful Builds - Roy Osherove at Microsoft Swit
Beautiful Builds - Roy Osherove at Microsoft SwitBeautiful Builds - Roy Osherove at Microsoft Swit
Beautiful Builds - Roy Osherove at Microsoft Swit
Roy Osherove
?
Android UI Testing with Espresso
Android UI Testing with EspressoAndroid UI Testing with Espresso
Android UI Testing with Espresso
Gary Cheng
?
Ropossum: A Game That Generates Itself
Ropossum: A Game That Generates ItselfRopossum: A Game That Generates Itself
Ropossum: A Game That Generates Itself
Mohammad Shaker
?
Chapter 12 - Activity Intent
Chapter 12 - Activity  IntentChapter 12 - Activity  Intent
Chapter 12 - Activity Intent
Sittiphol Phanvilai
?
Toad tipstricksexpertinsight
Toad tipstricksexpertinsightToad tipstricksexpertinsight
Toad tipstricksexpertinsight
Raj esh
?
A tale of 3 databases
A tale of 3 databasesA tale of 3 databases
A tale of 3 databases
Chris Skardon
?
User Story Mapping
User Story MappingUser Story Mapping
User Story Mapping
Stefano Leli
?
ORM Pink Unicorns
ORM Pink UnicornsORM Pink Unicorns
ORM Pink Unicorns
Ortus Solutions, Corp
?
Untangling11
Untangling11Untangling11
Untangling11
Derek Jacoby
?
Automated testing in javascript
Automated testing in javascriptAutomated testing in javascript
Automated testing in javascript
Michael Yagudaev
?
Sami Laiho - Black belt troubleshooting windows 8.1
Sami Laiho - Black belt troubleshooting windows 8.1Sami Laiho - Black belt troubleshooting windows 8.1
Sami Laiho - Black belt troubleshooting windows 8.1
Nordic Infrastructure Conference
?
WCAG 2.1 Made Easier for Non-Accessibility Professionals 2019-03-15
WCAG 2.1 Made Easier for Non-Accessibility Professionals 2019-03-15WCAG 2.1 Made Easier for Non-Accessibility Professionals 2019-03-15
WCAG 2.1 Made Easier for Non-Accessibility Professionals 2019-03-15
Bill Tyler
?
Effectively Using UI Automation
Effectively Using UI AutomationEffectively Using UI Automation
Effectively Using UI Automation
Alexander Repty
?
Kanban in Action Workshop
Kanban in Action WorkshopKanban in Action Workshop
Kanban in Action Workshop
Mark Grove
?
§¡§Ý§Ö§Ü§ã§Ö§Û §Á§ë§Ö§ß§Ü§à §Ú §Á§â§à§ã§Ý§Ñ§Ó §£§à§Ý§à§ë§å§Ü "False simplicity of front-end applications"
§¡§Ý§Ö§Ü§ã§Ö§Û §Á§ë§Ö§ß§Ü§à §Ú §Á§â§à§ã§Ý§Ñ§Ó §£§à§Ý§à§ë§å§Ü "False simplicity of front-end applications"§¡§Ý§Ö§Ü§ã§Ö§Û §Á§ë§Ö§ß§Ü§à §Ú §Á§â§à§ã§Ý§Ñ§Ó §£§à§Ý§à§ë§å§Ü "False simplicity of front-end applications"
§¡§Ý§Ö§Ü§ã§Ö§Û §Á§ë§Ö§ß§Ü§à §Ú §Á§â§à§ã§Ý§Ñ§Ó §£§à§Ý§à§ë§å§Ü "False simplicity of front-end applications"
Fwdays
?
Adjusting to Auto Layout (Tutorial / Tips for iOS Auto Layout)
Adjusting to Auto Layout (Tutorial / Tips for iOS Auto Layout)Adjusting to Auto Layout (Tutorial / Tips for iOS Auto Layout)
Adjusting to Auto Layout (Tutorial / Tips for iOS Auto Layout)
Derek Lee
?
Test driven development with Jasmine
Test driven development with JasmineTest driven development with Jasmine
Test driven development with Jasmine
harshit040591
?
URUG Ruby on Rails Workshop - Sesssion 5
URUG Ruby on Rails Workshop - Sesssion 5URUG Ruby on Rails Workshop - Sesssion 5
URUG Ruby on Rails Workshop - Sesssion 5
jakemallory
?
Technology-Driven Development: Using Automation and Development Techniques to...
Technology-Driven Development: Using Automation and Development Techniques to...Technology-Driven Development: Using Automation and Development Techniques to...
Technology-Driven Development: Using Automation and Development Techniques to...
Rakuten Group, Inc.
?
Take Pride in Your Code - Test-Driven Development
Take Pride in Your Code - Test-Driven DevelopmentTake Pride in Your Code - Test-Driven Development
Take Pride in Your Code - Test-Driven Development
BADR
?
Beautiful Builds - Roy Osherove at Microsoft Swit
Beautiful Builds - Roy Osherove at Microsoft SwitBeautiful Builds - Roy Osherove at Microsoft Swit
Beautiful Builds - Roy Osherove at Microsoft Swit
Roy Osherove
?
Android UI Testing with Espresso
Android UI Testing with EspressoAndroid UI Testing with Espresso
Android UI Testing with Espresso
Gary Cheng
?
Ropossum: A Game That Generates Itself
Ropossum: A Game That Generates ItselfRopossum: A Game That Generates Itself
Ropossum: A Game That Generates Itself
Mohammad Shaker
?
Toad tipstricksexpertinsight
Toad tipstricksexpertinsightToad tipstricksexpertinsight
Toad tipstricksexpertinsight
Raj esh
?
Automated testing in javascript
Automated testing in javascriptAutomated testing in javascript
Automated testing in javascript
Michael Yagudaev
?
WCAG 2.1 Made Easier for Non-Accessibility Professionals 2019-03-15
WCAG 2.1 Made Easier for Non-Accessibility Professionals 2019-03-15WCAG 2.1 Made Easier for Non-Accessibility Professionals 2019-03-15
WCAG 2.1 Made Easier for Non-Accessibility Professionals 2019-03-15
Bill Tyler
?
Effectively Using UI Automation
Effectively Using UI AutomationEffectively Using UI Automation
Effectively Using UI Automation
Alexander Repty
?
Kanban in Action Workshop
Kanban in Action WorkshopKanban in Action Workshop
Kanban in Action Workshop
Mark Grove
?

Recently uploaded (20)

Nozzle Pressure Ratio Control Test Rig.pptx
Nozzle Pressure Ratio Control Test Rig.pptxNozzle Pressure Ratio Control Test Rig.pptx
Nozzle Pressure Ratio Control Test Rig.pptx
Neometrix_Engineering_Pvt_Ltd
?
Any Video Converter Pro 7.1.7 Crack + Registration Key
Any Video Converter Pro 7.1.7 Crack + Registration KeyAny Video Converter Pro 7.1.7 Crack + Registration Key
Any Video Converter Pro 7.1.7 Crack + Registration Key
ghrom2211g
?
Denmark's Energy Islands in the North and Baltic Seas
Denmark's Energy Islands in the North and Baltic SeasDenmark's Energy Islands in the North and Baltic Seas
Denmark's Energy Islands in the North and Baltic Seas
permagoveu
?
Introduction to Stack, ? Stack ADT, ? Implementation of Stack using array, ...
Introduction to Stack,  ? Stack ADT,  ? Implementation of Stack using array, ...Introduction to Stack,  ? Stack ADT,  ? Implementation of Stack using array, ...
Introduction to Stack, ? Stack ADT, ? Implementation of Stack using array, ...
Dr. Madhuri Jawale
?
Stack Applications : Infix to postfix conversion, Evaluation of postfix expre...
Stack Applications : Infix to postfix conversion, Evaluation of postfix expre...Stack Applications : Infix to postfix conversion, Evaluation of postfix expre...
Stack Applications : Infix to postfix conversion, Evaluation of postfix expre...
Dr. Madhuri Jawale
?
Topic 3.NN and DL Hopfield Networks.pptx
Topic 3.NN and DL Hopfield Networks.pptxTopic 3.NN and DL Hopfield Networks.pptx
Topic 3.NN and DL Hopfield Networks.pptx
ManjulaRavichandran5
?
DEMU - Power distribution final of indian railways
DEMU - Power distribution final of indian railwaysDEMU - Power distribution final of indian railways
DEMU - Power distribution final of indian railways
mishrasanjeev119
?
FIRST Tech Challenge: Scouting in Competitive Robotics
FIRST Tech Challenge: Scouting in Competitive RoboticsFIRST Tech Challenge: Scouting in Competitive Robotics
FIRST Tech Challenge: Scouting in Competitive Robotics
FTC Team 23014
?
Super Absorbent Polymer A Review on the Production Material & Production Process
Super Absorbent Polymer A Review on the Production Material & Production ProcessSuper Absorbent Polymer A Review on the Production Material & Production Process
Super Absorbent Polymer A Review on the Production Material & Production Process
Janapriya Roy
?
Analysis of Daylighting in Interior Spaces using the Daylight Factor - A Manu...
Analysis of Daylighting in Interior Spaces using the Daylight Factor - A Manu...Analysis of Daylighting in Interior Spaces using the Daylight Factor - A Manu...
Analysis of Daylighting in Interior Spaces using the Daylight Factor - A Manu...
Ignacio J. J. Palma Carazo
?
Insertion Sort, Merge Sort. Time complexity of all sorting algorithms and t...
Insertion Sort,  Merge Sort.  Time complexity of all sorting algorithms and t...Insertion Sort,  Merge Sort.  Time complexity of all sorting algorithms and t...
Insertion Sort, Merge Sort. Time complexity of all sorting algorithms and t...
Dr. Madhuri Jawale
?
Electric Motors - DC Motors - Series, Shunt, Compound, Seprately Excited, PMD...
Electric Motors - DC Motors - Series, Shunt, Compound, Seprately Excited, PMD...Electric Motors - DC Motors - Series, Shunt, Compound, Seprately Excited, PMD...
Electric Motors - DC Motors - Series, Shunt, Compound, Seprately Excited, PMD...
VirajPasare
?
4 Vo LTE e SRVCC Optimization guide.pptx
4 Vo LTE e SRVCC Optimization guide.pptx4 Vo LTE e SRVCC Optimization guide.pptx
4 Vo LTE e SRVCC Optimization guide.pptx
Asmae449484
?
AE- UNIT- 1- Vehicle Structure and Engines
AE- UNIT- 1- Vehicle Structure and EnginesAE- UNIT- 1- Vehicle Structure and Engines
AE- UNIT- 1- Vehicle Structure and Engines
Chandra Kumar S
?
Material Handling : Scope , Importance, Objectives, Principles, Classificatio...
Material Handling : Scope , Importance, Objectives, Principles, Classificatio...Material Handling : Scope , Importance, Objectives, Principles, Classificatio...
Material Handling : Scope , Importance, Objectives, Principles, Classificatio...
VirajPasare
?
Unit 1- Python- Features, Variables, Data Types, Operators and Expressions
Unit 1- Python- Features, Variables, Data Types, Operators and ExpressionsUnit 1- Python- Features, Variables, Data Types, Operators and Expressions
Unit 1- Python- Features, Variables, Data Types, Operators and Expressions
GawaliSwapnali13
?
Unit-I-Water Technology.ppt (Chemistry for Electronics and Compter Systems
Unit-I-Water Technology.ppt (Chemistry for Electronics and Compter SystemsUnit-I-Water Technology.ppt (Chemistry for Electronics and Compter Systems
Unit-I-Water Technology.ppt (Chemistry for Electronics and Compter Systems
KrishnaveniKrishnara1
?
presentation on spotify clone application
presentation on spotify clone applicationpresentation on spotify clone application
presentation on spotify clone application
AftazHussain
?
Automobile Engineering- UNIT- 3- Transmission Systems
Automobile Engineering- UNIT- 3- Transmission SystemsAutomobile Engineering- UNIT- 3- Transmission Systems
Automobile Engineering- UNIT- 3- Transmission Systems
Chandra Kumar S
?
Buku Machinery's Handbook 30th Edition 2016.pdf
Buku Machinery's Handbook 30th Edition 2016.pdfBuku Machinery's Handbook 30th Edition 2016.pdf
Buku Machinery's Handbook 30th Edition 2016.pdf
Muhammad Aniq Chabib Husain
?
Any Video Converter Pro 7.1.7 Crack + Registration Key
Any Video Converter Pro 7.1.7 Crack + Registration KeyAny Video Converter Pro 7.1.7 Crack + Registration Key
Any Video Converter Pro 7.1.7 Crack + Registration Key
ghrom2211g
?
Denmark's Energy Islands in the North and Baltic Seas
Denmark's Energy Islands in the North and Baltic SeasDenmark's Energy Islands in the North and Baltic Seas
Denmark's Energy Islands in the North and Baltic Seas
permagoveu
?
Introduction to Stack, ? Stack ADT, ? Implementation of Stack using array, ...
Introduction to Stack,  ? Stack ADT,  ? Implementation of Stack using array, ...Introduction to Stack,  ? Stack ADT,  ? Implementation of Stack using array, ...
Introduction to Stack, ? Stack ADT, ? Implementation of Stack using array, ...
Dr. Madhuri Jawale
?
Stack Applications : Infix to postfix conversion, Evaluation of postfix expre...
Stack Applications : Infix to postfix conversion, Evaluation of postfix expre...Stack Applications : Infix to postfix conversion, Evaluation of postfix expre...
Stack Applications : Infix to postfix conversion, Evaluation of postfix expre...
Dr. Madhuri Jawale
?
Topic 3.NN and DL Hopfield Networks.pptx
Topic 3.NN and DL Hopfield Networks.pptxTopic 3.NN and DL Hopfield Networks.pptx
Topic 3.NN and DL Hopfield Networks.pptx
ManjulaRavichandran5
?
DEMU - Power distribution final of indian railways
DEMU - Power distribution final of indian railwaysDEMU - Power distribution final of indian railways
DEMU - Power distribution final of indian railways
mishrasanjeev119
?
FIRST Tech Challenge: Scouting in Competitive Robotics
FIRST Tech Challenge: Scouting in Competitive RoboticsFIRST Tech Challenge: Scouting in Competitive Robotics
FIRST Tech Challenge: Scouting in Competitive Robotics
FTC Team 23014
?
Super Absorbent Polymer A Review on the Production Material & Production Process
Super Absorbent Polymer A Review on the Production Material & Production ProcessSuper Absorbent Polymer A Review on the Production Material & Production Process
Super Absorbent Polymer A Review on the Production Material & Production Process
Janapriya Roy
?
Analysis of Daylighting in Interior Spaces using the Daylight Factor - A Manu...
Analysis of Daylighting in Interior Spaces using the Daylight Factor - A Manu...Analysis of Daylighting in Interior Spaces using the Daylight Factor - A Manu...
Analysis of Daylighting in Interior Spaces using the Daylight Factor - A Manu...
Ignacio J. J. Palma Carazo
?
Insertion Sort, Merge Sort. Time complexity of all sorting algorithms and t...
Insertion Sort,  Merge Sort.  Time complexity of all sorting algorithms and t...Insertion Sort,  Merge Sort.  Time complexity of all sorting algorithms and t...
Insertion Sort, Merge Sort. Time complexity of all sorting algorithms and t...
Dr. Madhuri Jawale
?
Electric Motors - DC Motors - Series, Shunt, Compound, Seprately Excited, PMD...
Electric Motors - DC Motors - Series, Shunt, Compound, Seprately Excited, PMD...Electric Motors - DC Motors - Series, Shunt, Compound, Seprately Excited, PMD...
Electric Motors - DC Motors - Series, Shunt, Compound, Seprately Excited, PMD...
VirajPasare
?
4 Vo LTE e SRVCC Optimization guide.pptx
4 Vo LTE e SRVCC Optimization guide.pptx4 Vo LTE e SRVCC Optimization guide.pptx
4 Vo LTE e SRVCC Optimization guide.pptx
Asmae449484
?
AE- UNIT- 1- Vehicle Structure and Engines
AE- UNIT- 1- Vehicle Structure and EnginesAE- UNIT- 1- Vehicle Structure and Engines
AE- UNIT- 1- Vehicle Structure and Engines
Chandra Kumar S
?
Material Handling : Scope , Importance, Objectives, Principles, Classificatio...
Material Handling : Scope , Importance, Objectives, Principles, Classificatio...Material Handling : Scope , Importance, Objectives, Principles, Classificatio...
Material Handling : Scope , Importance, Objectives, Principles, Classificatio...
VirajPasare
?
Unit 1- Python- Features, Variables, Data Types, Operators and Expressions
Unit 1- Python- Features, Variables, Data Types, Operators and ExpressionsUnit 1- Python- Features, Variables, Data Types, Operators and Expressions
Unit 1- Python- Features, Variables, Data Types, Operators and Expressions
GawaliSwapnali13
?
Unit-I-Water Technology.ppt (Chemistry for Electronics and Compter Systems
Unit-I-Water Technology.ppt (Chemistry for Electronics and Compter SystemsUnit-I-Water Technology.ppt (Chemistry for Electronics and Compter Systems
Unit-I-Water Technology.ppt (Chemistry for Electronics and Compter Systems
KrishnaveniKrishnara1
?
presentation on spotify clone application
presentation on spotify clone applicationpresentation on spotify clone application
presentation on spotify clone application
AftazHussain
?
Automobile Engineering- UNIT- 3- Transmission Systems
Automobile Engineering- UNIT- 3- Transmission SystemsAutomobile Engineering- UNIT- 3- Transmission Systems
Automobile Engineering- UNIT- 3- Transmission Systems
Chandra Kumar S
?

Auto Layout Path to Mastery - Lightning Talk