MotionInMotion Episode 1 - motion-layout

motion-layout - MotionInMotion

motion-layoutを使ってAutoLayout

• gem 'motion-layout'
• RubyMotionSamples - Timer
• ViewController
  • Motion::Layout.new do |layout|
    • layout.view view
    • layout.subviews "userImage" => userImage, "userTweet" => userTweet, "toolbar" => toolbar, "userName" => userName, "userBio" => userBio
    • layout.vertical "|-40-[userImage(==70)]-(>=20)-|"
    • layout.horizontal "|-20-[userImage(==70)]-(>=20)-|"
  • layout.metrics "margin" => 20, "height" => 40,
    • "portraitTopMargin" => ((view.frame.size.height - 100) / 2),
    • "landscapeBottomMargin" => ((view.frame.size.width - 100) / 2)
• パターン
  • labelと== + 最後のスペース (>=20)
  • labelで==無し + すべてのスペース==使う
  • 可変部分は基本1つ
• Use strings for keys