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

Animations with Auto Layout

Avatar for Marin Todorov Marin Todorov
March 06, 2015
Technology
190
1

Animations with Auto Layout

My presentation on mdevcon 2015 :)

Avatar for Marin Todorov

Marin Todorov

March 06, 2015

More Decks by Marin Todorov

See All by Marin Todorov
Testing RxRealm with RxBlocking
Avatar for Marin Todorov icanzilb
0
560
RxSwift on iOS
Avatar for Marin Todorov icanzilb
4
4k
Is RxSwift for me? @ try! Swift NYC
Avatar for Marin Todorov icanzilb
3
23k
(Appbuilders) Non-technical ways to be a better developer
Avatar for Marin Todorov icanzilb
3
810
Non-technical ways to be a better developer
Avatar for Marin Todorov icanzilb
1
440
What's in it after the Indiepocalypse is over?
Avatar for Marin Todorov icanzilb
1
2.8k
Easy Animation at Cocoaheads Copenhagen
Avatar for Marin Todorov icanzilb
3
310
SpriteKit with Swift workshop
Avatar for Marin Todorov icanzilb
1
1.1k

Other Decks in Technology

See All in Technology
OpenClawでAzure DevOpsのWiki更新を自動化する - クラウドAIだけでは届かない場所へ
Avatar for yutakaosada yutakaosada
0
130
Account Factory for Terraformによる 標準化されたアカウント発行の自動化
Avatar for Ryosuke Tsuruda pensuke628
0
120
プラットフォームを「作る」、 チームに「入り込む」
Avatar for SansanTech sansantech
PRO
0
400
全社共通データ基盤をつくる。ソニーのDatabricks活用とデータガバナンス設計の裏側
Avatar for ソニー株式会社 sony
0
260
PQC移行の今 -- IETF からみた現在地
Avatar for 菅野 哲 / Satoru Kanno satokan
4
690
Claude Designがめちゃくちゃ便利なので使ってほしい
Avatar for morimorikochan diggymo
0
170
Lambda MicroVMsが分からなすぎたので使い所を1から考えてみた
Avatar for つくぼし tsukuboshi
1
260
可視化から始めたAI駆動開発_ochi_ver1.01 / AI-Driven Development Starting with Visualization_ver1.01
Avatar for yayoi_dd yayoi_dd
0
110
キャリアLT今日までそして明日から
Avatar for Hiroo Katoh kentapapa
1
130
地方移住と都心キャリアの両立は「金・時間・人」のリソースをフル活用すれば実現できる！〜Snowflake女子会 vol.8
Avatar for SnowflakeLadiesGroup snowwmn0824
0
140
行動するAIのためのオントロジー ｜ DevRev — Encraft #26.pdf
Avatar for Takanori Suzuki dvrv_tknrszk
1
610
LT:「このままでいいのかな？」から一歩踏み出した私のデータキャリア選択〜社会人3年目に上京を決意したリアル〜Snowflake女子会 vol.8
Avatar for SnowflakeLadiesGroup snowwmn0824
0
120

Featured

See All Featured
A better future with KSS
Avatar for Kyle Neath kneath
240
18k
How Software Deployment tools have changed in the past 20 years
Avatar for Geshan Manandhar geshan
2
34k
Music & Morning Musume
Avatar for Bryan Veloso bryan
48
7.4k
Mind Mapping
Avatar for Hélio Medeiros helmedeiros
1
380
Thoughts on Productivity
Avatar for Jon Yablonski jonyablonski
76
5.4k
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
Avatar for mongodb mongodb
50
10k
CSS Pre-Processors: Stylus, Less & Sass
Avatar for Bermon Painter bermonpainter
360
31k
Balancing Empowerment & Direction
Avatar for Lara Hogan lara
6
1.3k
Deep Space Network (abreviated)
Avatar for Tony Rice tonyrice
0
350
Building the Perfect Custom Keyboard
Avatar for Naoto Takai takai
2
890
Skip the Path - Find Your Career Trail
Avatar for Mark Kilby mkilby
1
240
Why Mistakes Are the Best Teachers: Turning Failure into a Pathway for Growth
Avatar for Umar Saidu Auna auna
0
310

Transcript

  1. iOS Animations with Auto Layout

  2. Marin Todorov Underplot Apps www.raywenderlich.com

  3. Books

  4. Today’s Loot

  5. Animation in UIKit Animating UIViews Property animations Easy, one-liners Built-in

    & free! alpha = 1.0 alpha = 0.0 2 seconds duration

  6. Animations in Auto Layout 100pt 10pt 160pt 90pt (10.0, 100.0)

    -> (90.0, 160.0)

  7. NSLayoutConstraint bottom = parent.centerY * 1/4 + 50 firstItem firstAttribute

    secondItem secondAttribute multiplier constant

  8. Animations Auto Layout

  9. 1. Find & Replace constraints

  10. Constraints .Top .Bottom .Trailing .Leading .Height .Width

  11. = superview.height * 0.34 + 0.0 mutable read only

  12. 0.34 0.34 0.34 0.55 0.23 0.23 Auto Layout

  13. 2.Modify existing constraint

  14. Details Text Details Text 0.0 Details Text Details Text -160

    Auto Layout

  15. label.Leading = superview.Leading * 0.1 + 0.0 label.Leading = superview.Leading

    * 0.1 + 0.0 label.Leading = superview.Leading * 0.1 - 160.0
  16. None

  17. 3. IB Outlets

  18. Interface Builder

  19. Giveaway rules #mdevcon

  20. 1. find & replace 2. modify existing 3. contstraint outlets

    #mdevcon

  21. [Homework]. Create new constraints #mdevcon

  22. Giveaway #mdevcon

  23. Thank you! : @icanzilb : icanzilb www.ios-animations-by-tutorials.com www.ios-animations-by-emails.com