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

Other Decks in Technology

See All in Technology
絵ではじめるKubernetesセキュリティ
Avatar for Aoi Takahashi aoi1
3
500
越境するなら専門用語を使うな高校校歌 / If you wanna cross border, you shouldn't use jargon
Avatar for VTRyo vtryo
0
130
Deploying a Full-Stack Bun-Native Framework on Cloudflare Workers
Avatar for daiki7nohe 7nohe
0
160
DEFCON_CHV_CTF_Write-up.pdf
Avatar for bata_24 bata_24
0
150
What the customer really needed
Avatar for Yasunobu Kawaguchi kawaguti
PRO
1
150
LTのテーマ どうきめてる？〜5つの型と私のやり方〜
Avatar for Yuuki Yamashita yama3133
1
100
Slack上でインフラをトラブルシュートする！ Agentic Platform Engineeringの第一歩
Avatar for teru0x1 teru0x1
4
1.6k
顧客に向き合う開発組織へ。リアーキテクチャとフィーチャーチーム化で挑む組織改革
Avatar for セーフィー safie
0
1.5k
データ_AIの事業の勝敗をわけるもの
Avatar for KJ(Kenji Matsuda) nek0128
0
310
目の前の楽しいが人生を変える - コミュニティの螺旋の歩き方と楽しむコツ / change your life
Avatar for soudai sone soudai
PRO
4
570
例外の正しい扱い方 そのエラー try-catchして大丈夫？
Avatar for Watanabe Jin jinwatanabe
3
500
作品が生態系になった ─ Mini Tokyo 3D から世界へ
Avatar for 草薙昭彦 nagix
0
180

Featured

See All Featured
svc-hook: hooking system calls on ARM64 by binary rewriting
Avatar for Akira Moroo retrage
2
570
Collaborative Software Design: How to facilitate domain modelling decisions
Avatar for Kenny Baas-Schwegler baasie
1
320
Writing Fast Ruby
Avatar for Erik Berlin sferik
630
63k
Organizational Design Perspectives: An Ontology of Organizational Design Elements
Avatar for Dr. Kim W Petersen kimpetersen
PRO
1
830
How to make the Groovebox
Avatar for あそなす asonas
2
2.4k
What's in a price? How to price your products and services
Avatar for Michael Herold michaelherold
247
13k
Embracing the Ebb and Flow
Avatar for Simon Collison colly
88
5.2k
Build your cross-platform service in a week with App Engine
Avatar for Jose L jlugia
234
19k
Primal Persuasion: How to Engage the Brain for Learning That Lasts
Avatar for Mike Taylor tmiket
0
450
Evolving SEO for Evolving Search Engines
Avatar for Ryan Jones ryanjones
0
290
The SEO identity crisis: Don't let AI make you average
Avatar for Varn varn
0
560
Reality Check: Gamification 10 Years Later
Avatar for Sebastian Deterding codingconduct
0
2.3k

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