Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Taming AutoLayout

Avatar for Sergio Utama Sergio Utama
March 21, 2016
Programming
0
46

Taming AutoLayout

Initially presented during MyCocoaheads (https://www.facebook.com/groups/mycocoaheads/) meetup

Avatar for Sergio Utama

Sergio Utama

March 21, 2016
Tweet

More Decks by Sergio Utama

See All by Sergio Utama
Easy Way to Improve ReactNative
Avatar for Sergio Utama sergioutama
0
270
From try! Swift Tokyo 2017
Avatar for Sergio Utama sergioutama
0
63
Migrating to Swift 3
Avatar for Sergio Utama sergioutama
0
54
10 Things I learned while freelancing
Avatar for Sergio Utama sergioutama
0
58
iOS Video Player
Avatar for Sergio Utama sergioutama
0
81
Tribute to Mantle
Avatar for Sergio Utama sergioutama
0
29
Mobile Analytics
Avatar for Sergio Utama sergioutama
0
45

Other Decks in Programming

See All in Programming
『リコリス・リコイル』に学ぶ！！ 〜キャリア戦略における計画的偶発性理論と変わる勇気の重要性〜
Avatar for わんこ(Wanko_IT) wanko_it
1
520
kiroでゲームを作ってみた
Avatar for 入井 啓太 iriikeita
0
160
Terraform やるなら公式スタイルガイドを読もう 〜重要項目 10選〜
Avatar for hiyanger hiyanger
13
3.1k
A Gopher's Guide to Vibe Coding
Avatar for Daniela Petruzalek danicat
0
140
なぜ今、Terraformの本を書いたのか？ - 著者陣に聞く！『Terraformではじめる実践IaC』登壇資料
Avatar for Ryoma Fujiwara fufuhu
4
600
自作OSでDOOMを動かしてみた
Avatar for Zakki zakki0925224
1
1.3k
AIのメモリー
Avatar for watany watany
13
1.4k
React 使いじゃなくても知っておきたい教養としての React
Avatar for Yuka O’oka oukayuka
18
5.7k
MCPで実現できる、Webサービス利用体験について
Avatar for syumai syumai
7
2.5k
プロダクトという一杯を作る - プロダクトチームが味の責任を持つまでの煮込み奮闘記
Avatar for 幡ヶ谷亭直吉 hiliteeternal
0
460
あのころの iPod を どうにか再生させたい
Avatar for orumin orumin
2
2.4k
Claude Code と OpenAI o3 で メタデータ情報を作る
Avatar for laket laket
0
130

Featured

See All Featured
Designing for Performance
Avatar for Lara Hogan lara
610
69k
Mobile First: as difficult as doing things right
Avatar for Swwweet swwweet
223
9.9k
Building a Modern Day 
E-commerce SEO Strategy
Avatar for Aleyda Solis aleyda
43
7.4k
Building Applications with DynamoDB
Avatar for Matt Wood mza
96
6.5k
Understanding Cognitive Biases in Performance Measurement
Avatar for Philip Tellis bluesmoon
29
1.8k
Optimizing for Happiness
Avatar for Tom Preston-Werner mojombo
379
70k
4 Signs Your Business is Dying
Avatar for Josh Pigford shpigford
184
22k
BBQ
Avatar for Matthew Crist matthewcrist
89
9.8k
Writing Fast Ruby
Avatar for Erik Berlin sferik
628
62k
Stop Working from a Prison Cell
Avatar for Chris Michel hatefulcrawdad
271
21k
Connecting the Dots Between Site Speed, User Experience & Your Business [WebExpo 2025]
Avatar for Tammy Everts tammyeverts
8
460
Helping Users Find Their Own Way: Creating Modern Search Experiences
Avatar for Dan Newman danielanewman
29
2.8k

Transcript

  1. Taming AutoLayout @sergioutama

  2. Thinking Constraint “ It’s relationship between one view with another

    “

  3. Center Y Center X height width baseline leading trailing top

    bottom A

  4. Autolayout Component Priority Hugging and Compression

  5. AutoLayout Frame ♥

  6. view.translatesAutoresizingMaskIntoConstraints Follow the rules setNeedsUpdateConstraints() layoutSubviews() viewdidLayoutSubviews() autoresize layout pass

    setNeedsLayout() => super.setNeedsLayout()

  7. Follow the rules “ superview only change it’s direct subviews

    “

  8. Debug Autolayout ensure x, y, & size ensure priority set

    constraint identifier set view accessibility identifier

  9. DEMO

  10. Reference wwdc2015/218 wwdc2015/219 Apple AutoLayout Programming Guide

  11. QA

  12. Thank you @sergioutama