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
250
NoSQL & MongoDB
Avatar for Shuai Liu liushuaikobe
0
220

Other Decks in Technology

See All in Technology
re:Invent初参加で変わったこと、2回目にやってみたいこと（JAWS-UG彩の国埼玉 #12）
Avatar for 株式会社みずほ銀⾏ 情報数理⼯学研究所 デジタル技術開発部 mhrtech
2
110
Kiro Crewをはじめよう
Avatar for t.kizawa kizawa2020
1
150
自作バイナリを動かす「入口」8選
Avatar for Takumi Sueda puhitaku
2
1.3k
AI × アーキテクト 第1・2章｜生成AIの課題とアーキテクトの素養
Avatar for Daisuke Motoki daidaidai
0
120
OptunaHub: ブラックボックス最適化のためのプラットフォーム
Avatar for Preferred Networks pfn
PRO
0
110
Rust で関数型ドメインモデリング
Avatar for ONDA, Takashi takonda
0
100
子育てエンジニアの可処分時間が減っても成長を諦めない戦い方
Avatar for aki sudoakiy
6
4.5k
大型犬好きによるPugの紹介
Avatar for yamanoku yamanoku
1
150
Post AI時代のリファクタリング実践記 / Refactoring in the post AI era
Avatar for 株式会社カミナシ kaminashi
1
210
WasmをRustにする
Avatar for SansanTech sansantech
PRO
0
230
【Data Engineering Summit2026_登壇資料】医療ビッグデータ×AIエージェントを支えるデータ基盤とハーネスエンジニアリング
Avatar for JMDC.Inc 登壇資料 jmdc_presentation
0
150
実践！ SRE × AI - ABEMA における AIOps -
Avatar for tetsuya28 tetsuya28
8
3k

Featured

See All Featured
Agile Actions for Facilitating Distributed Teams - ADO2019
Avatar for Mark Kilby mkilby
0
310
Design of three-dimensional binary manipulators for pick-and-place task avoiding obstacles (IECON2024)
Avatar for konakalab konakalab
0
620
The Hidden Cost of Media on the Web [PixelPalooza 2025]
Avatar for Tammy Everts tammyeverts
2
520
DevOps and Value Stream Thinking: Enabling flow, efficiency and business value
Avatar for Helen Beal helenjbeal
2
410
ラッコキーワード サービス紹介資料
Avatar for ラッコ株式会社 rakko
1
5.3M
Save Time (by Creating Custom Rails Generators)
Avatar for Garrett Dimon garrettdimon
PRO
33
5.2k
Deep Space Network (abreviated)
Avatar for Tony Rice tonyrice
0
370
We Analyzed 250 Million AI Search Results: Here's What I Found
Avatar for Josh Blyskal joshbly
2
2k
How to build an LLM SEO readiness audit: a practical framework
Avatar for Nick Samuel nmsamuel
2
940
Producing Creativity
Avatar for Steve Smith orderedlist
PRO
348
41k
Redefining SEO in the New Era of Traffic Generation
Avatar for Szymon Słowik szymonslowik
1
470
The Pragmatic Product Professional
Avatar for Laura Van Doore lauravandoore
37
7.5k

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