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

Auto-Layout.pdf

Sponsored · Ship Features Fearlessly Turn features on and off without deploys. Used by thousands of Ruby developers. →
Avatar for Shuai Liu Shuai Liu
September 22, 2015
Technology
140
2

 Auto-Layout.pdf

Avatar for Shuai Liu

Shuai Liu

September 22, 2015

More Decks by Shuai Liu

See All by Shuai Liu
Python-intro-2
Avatar for Shuai Liu liushuaikobe
0
85
Python-intro-1
Avatar for Shuai Liu liushuaikobe
0
83
GitRadar——毕业论文答辩
Avatar for Shuai Liu liushuaikobe
0
210
NoSQL & MongoDB
Avatar for Shuai Liu liushuaikobe
0
190

Other Decks in Technology

See All in Technology
【セミナー資料】Claude Code をセキュアに使うための考え方と設定の勘どころ / Claude Code Webinar 20260616
Avatar for MasahiroKawahara masahirokawahara
2
360
入門！AWS Blocks
Avatar for Yosuke Suzuki ysuzuki
1
130
AmazonRoute 53ではじめてのドメイン取得！HTTPS化までの道のりを整理してみた
Avatar for usanchuu usanchuu
3
140
LayerXにおけるセキュリティ管理の現在地と次の一手
Avatar for tosho tosho
0
210
SONiCの統計情報を取得したい
Avatar for SONiC Users Group Japan sonic
0
180
作って終わりにしない タイミーのセマンティックレイヤー育成の現在地
Avatar for chanyou0311 chanyou0311
4
2.4k
AIはどのように 組織のアジリティを変えるのか？
Avatar for J.K junki
4
930
自宅LLMの話
Avatar for Kazuto Kusama jacopen
1
600
LayerX コーポレートエンジニアリング室におけるサプライチェーンセキュリティへの取り組み / Supply Chain Security at LayerX Corporate Engineering
Avatar for Yuya Takeyama yuyatakeyama
2
580
AIっぽい文章を採点して人間らしく直すアプリを作ってみた
Avatar for Yuuki Yamashita yama3133
2
200
2026TECHFRESH畢業分享會 - 原生還是跨平台? App 開發踩坑實錄
Avatar for LINE Developers Taiwan line_developers_tw
PRO
0
1.1k
AIソロプレナー時代に2ヶ月で20人増員した事業創造会社の開発組織の話
Avatar for Koji Miyata miyatakoji
0
670

Featured

See All Featured
Breaking role norms: Why Content Design is so much more than writing copy - Taylor Woolridge
Avatar for UX Y'all uxyall
0
320
The Anti-SEO Checklist Checklist. Pubcon Cyber Week
Avatar for Ryan Jones ryanjones
0
160
The Art of Delivering Value - GDevCon NA Keynote
Avatar for David Neal reverentgeek
16
2k
How to audit for AI Accessibility on your Front & Back End
Avatar for davetheseo davetheseo
0
430
Jess Joyce - The Pitfalls of Following Frameworks
Avatar for Tech SEO Connect techseoconnect
PRO
1
170
Color Theory Basics | Prateek | Gurzu
Avatar for Gurzu gurzu
0
360
How to Grow Your eCommerce with AI & Automation
Avatar for Katarina Dahlin katarinadahlin
PRO
1
210
The Myth of the Modular Monolith - Day 2 Keynote - Rails World 2024
Avatar for Eileen M. Uchitelle eileencodes
28
3.5k
The Success of Rails: Ensuring Growth for the Next 100 Years
Avatar for Eileen M. Uchitelle eileencodes
47
8.2k
The Organizational Zoo: Understanding Human Behavior Agility Through Metaphoric Constructive Conversations (based on the works of Arthur Shelley, Ph.D)
Avatar for Dr. Kim W Petersen kimpetersen
PRO
0
360
I Don’t Have Time: Getting Over the Fear to Launch Your Podcast
Avatar for Joe Casabona jcasabona
34
2.8k
First, design no harm
Avatar for Per Axbom axbom
PRO
2
1.2k

Transcript

  1. Auto Layout

  2. Frame + autoresizingMask Auto Layout

  3. basis • SuperView的位置确定了，那么SubView的位置就可 以被确定 • SuperView -> SubView的{x, y, width,

    height} -> SubView的位置

  4. Cassowary You provide rules, whether through IB or through code,

    and the Auto Layout system transforms those rules into view frames.

  5. Constraint y = kx + b view1的某个属性 = k ×

    view2的某个属性 + b

  6. NSLayoutConstraint + (instancetype)constraintWithItem:(id)view1 attribute:(NSLayoutAtribute)attr1 relatedBy:(NSLayoutRelation)relation toItem:(id)view2 attribute:(NSLayoutAttribute)attr2 multiplier:(CGFloat)multipler constant:(CGFloat)c

  7. 开始Auto Layout • No frame & autoresizingMask • ⽗父View当前的⼤大⼩小是不可靠的

  8. None

  9. 思路 • 合理的把⼦子View分组 • 确定⼤大致依赖关系 —— 要想确定A的位置，⾸首先我得知道B 的位置 & 只要B的位置定下来了，那么A的位置就可以被确定

    • 找出那些只依赖⽗父View的View（⼀一定存在），先 添加他们的约束 • 根据依赖关系，⼀一级⼀一级的添加约束
  10. None
  11. None
  12. None

  13. Code

  14. Advanced • Content Hugging & Compression Resistance • Intrinsic Content

    Size • Animation