Upgrade to Pro — share decks privately, control downloads, hide ads and more …
Sign up for free

Auto-Layout.pdf

Avatar for Shuai Liu Shuai Liu
September 22, 2015
Technology
150
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
97
Python-intro-1
Avatar for Shuai Liu liushuaikobe
0
95
GitRadar——毕业论文答辩
Avatar for Shuai Liu liushuaikobe
0
260
NoSQL & MongoDB
Avatar for Shuai Liu liushuaikobe
0
220

Other Decks in Technology

See All in Technology
TinyGoでオブザーバビリティ？OpenTelemetryはTinyGoで使えるのか / Is OpenTelemetry available in TinyGo environment?
Avatar for ymotongpoo ymotongpoo
2
140
LambdaWebFunctionsを試してみた / exploring-lambda-web-functions
Avatar for koukihosaka koukihosaka
1
340
『SAR衛星データ解析入門』の ご紹介とその応用
Avatar for じゃらしまる syuchimu
0
120
「事実」を「計測」して、「解釈」する 〜AWS Lambdaのメモリ最適解の見つけ方〜
Avatar for maimyyym maimyyym
0
170
V8のArray.prototype.flatを最大約20倍速くするまでと、巨大OSSへの大規模コミットの道のり
Avatar for Riya Amemiya riyaamemiya
0
290
Metadata - Section 1: HTML Basics
Avatar for mohab soliman mohab1
0
120
分析AIエージェントを育てる、動く環境を育てる
Avatar for Codatum codatum
1
1.1k
PagerDuty Tech Hub-鳴らすけれど、人は動かない
Avatar for shinji ezaki ezaki
0
170
hackers_champloo_2026_tidb
Avatar for makocchi makocchi
0
160
夫婦で子育てするための育児標準化
Avatar for コドモン開発チーム codmoninc
PRO
0
330
オントロジーって 結局なにもの？ AI エージェントに「意味」を渡す知識設計の話
Avatar for TomoyukiMurakami greenmidori
0
190
Code for Security プロジェクト紹介 2026年10月
Avatar for Yuki Kawabe yu23ki14
0
110

Featured

See All Featured
The AI Search Optimization Roadmap by Aleyda Solis
Avatar for Aleyda Solis aleyda
2
6.3k
Exploring anti-patterns in Rails
Avatar for Elle Meredith aemeredith
4
540
JavaScript: Past, Present, and Future - NDC Porto 2020
Avatar for David Neal reverentgeek
52
6.1k
Building Adaptive Systems
Avatar for Chris Keathley keathley
44
3.2k
Imperfection Machines: The Place of Print at Facebook
Avatar for Scott Boms scottboms
270
14k
Fireside Chat
Avatar for paigeccino paigeccino
43
4.1k
The State of eCommerce SEO: How to Win in Today's Products SERPs - #SEOweek
Avatar for Aleyda Solis aleyda
2
12k
Odyssey Design
Avatar for Ryan Kendrick rkendrick25
PRO
2
870
Organizational Design Perspectives: An Ontology of Organizational Design Elements
Avatar for Dr. Kim W Petersen kimpetersen
PRO
1
850
svc-hook: hooking system calls on ARM64 by binary rewriting
Avatar for Akira Moroo retrage
2
630
Scaling GitHub
Avatar for Zach Holman holman
464
140k
The Art of Delivering Value - GDevCon NA Keynote
Avatar for David Neal reverentgeek
16
2.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