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
98
Python-intro-1
Avatar for Shuai Liu liushuaikobe
0
99
GitRadar——毕业论文答辩
Avatar for Shuai Liu liushuaikobe
0
260
NoSQL & MongoDB
Avatar for Shuai Liu liushuaikobe
0
230

Other Decks in Technology

See All in Technology
Deep Data Security 機能解説
Avatar for oracle4engineer oracle4engineer
PRO
3
1k
IoTとは〜？ 数字で見るSORACOM UG【SORACOM UG Explorer 2026】
Avatar for SORACOM（ソラコム） soracom
PRO
0
180
AIに任せられるFlutterコードベースを作る 〜仕様をコードで表し、ハーネスで守る〜
Avatar for Yohei Maeda myohei
1
630
AIエージェントの監視、思考を見るか行動を見るか / Monitoring AI Agents: Thoughts or Actions
Avatar for Yusuke Shimizu yusukeshimizu
1
150
企画からFlutter実装まで、1つの機能を一貫して開発したプロセスと成果物
Avatar for khiroyuki1003 khiroyuki1003
1
150
Oracle Database Security 詳細解説
Avatar for oracle4engineer oracle4engineer
PRO
2
250
超⼩型・多⾔語検索モデル Bekko Embedding
Avatar for Yuichi Tateno hotchpotch
1
110
`go get`したらELFが降ってきた件
Avatar for 鹿 taiyow
0
170
cdkd (CDK Direct)
Avatar for k.goto gotok365
3
230
あなたのDartコードは丸見えかもしれない ～reFlutterで暴くFlutterアプリの中身と多層防御～
Avatar for ZOZO Developers zozotech
PRO
0
770
PostgreSQL オプティマイザ統計の秘密
Avatar for Noriyoshi Shinoda nori_shinoda
0
340
In-Context Learning再入門。ICLの勾配降下的解釈の研究動向を追ってみる。
Avatar for Fukushima Daisuke dai08srhg
1
290

Featured

See All Featured
The Power of CSS Pseudo Elements
Avatar for Geoffrey Crofte geoffreycrofte
82
6.6k
Why You Should Never Use an ORM
Avatar for John Nunemaker jnunemaker
PRO
61
10k
WENDY [Excerpt]
Avatar for Tessa Abrams tessaabrams
14
40k
DBのスキルで生き残る技術 - AI時代におけるテーブル設計の勘所
Avatar for soudai sone soudai
PRO
68
60k
Rails Girls Zürich Keynote
Avatar for Gregor Martynus gr2m
96
14k
Easily Structure & Communicate Ideas using Wireframe
Avatar for Afnizar Nur Ghifari afnizarnur
194
17k
Building an army of robots
Avatar for Kyle Neath kneath
307
47k
ピンチをチャンスに：未来をつくるプロダクトロードマップ #pmconf2020
Avatar for Aki / @LoveIdahoBurger aki_iinuma
128
56k
The Straight Up "How To Draw Better" Workshop
Avatar for Dennis Kardys denniskardys
239
140k
Why Mistakes Are the Best Teachers: Turning Failure into a Pathway for Growth
Avatar for Umar Saidu Auna auna
0
350
A Modern Web Designer's Workflow
Avatar for Chris Coyier chriscoyier
699
190k
The Illustrated Guide to Node.js - THAT Conference 2024
Avatar for David Neal reverentgeek
1
600

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