タグ

auto layoutに関するsh2nm0k2のブックマーク (5)

  • [iOS 10] Auto Layout の新機能について | DevelopersIO

    What's New in Auto Layout WWDC 2016 で発表された Auto Layout に関する以下の新機能についてご紹介します。 Incrementally Adopting Auto Layout Design and Runtime Constraints Incrementally Adopting Auto Layout 直訳で「増加的 Auto Layout 適用」でしょうか。 Xcode 8 からは制約を付与していないビューに対して AutoresizingMask が利用できるようになりました。 AutoresizingMask とは、親ビューの bounds が変更された時に 上下左右のマージン や 幅・高さ を自動調整する機能です。 Auto Layout が登場する Xcode 5 より前ではデフォルトの機構として利用されていました。 Xcode

    [iOS 10] Auto Layout の新機能について | DevelopersIO
  • UIScrollViewをlabelの長さなどに応じで自動でスクロールさせるためのAutoLayout制約 - Qiita

    やりたいこと UIScrollViewにlabelなどの可変viewを配置して、その長さに応じてUIScrollViewをスクロールさせたい それをコード上ではなく、Interface Builder 上のAutoLayout制約だけで実現したい 制約の指定方法 Storyboard上の View Controller に Scroll View を配置しその中にLabelを表示する、という想定で説明します。 View Controller に Scroll View を配置する Scroll View の上下左右にスペース0の制約を付ける これで Scroll View の大きさが規定される Scroll View にViewを配置する Viewの上下左右にスペース0の制約を付ける この時点でStoryboardにエラーが出る Scroll View の中身であるViewの大きさかが規定

    UIScrollViewをlabelの長さなどに応じで自動でスクロールさせるためのAutoLayout制約 - Qiita
  • AutolayoutのProportional Widthでパーセントレイアウト - Qiita

    前置き AutoLayoutでViewのサイズやUIレイアウトをパーセント指定する方法 でpercentレイアウトする方法が記述されてておおーってなりました。 記事内ではダミービューを使った手順がメインに解説されていたので、実験の意味を込めて自分なりに手順をまとめてみました。 作成するレイアウト 横幅に対して75%, 50%, 25%の正方形を配置するレイアウトです。 見た目のズレのわかりやすさから3つ配置しました。 手順では省いていますが、正確にこのレイアウトを作るには別途中央寄せとAspectRatioの制約を設定してください。 Proportional Widthの設定の仕方 要約 AutoLayoutには、Equal Width というconstraintsが設定できるのですが、この設定内のMultiplier値を1 から任意の数に変更することで、親のViewに対して1/4のサイズ

    AutolayoutのProportional Widthでパーセントレイアウト - Qiita
  • StackViewを賢く使ってらくちんAutoLayout - Qiita

    『アプリ道場 Advent Calendar 2015』8日目は「Auto Layoutが好き過ぎて、StackViewをおかずにご飯3杯いける」ゆこびん(@yucovin)がお送りします。 そもそもイラストレーター/デザイナーなので、アプリの開発をしていても見た目を司るAuto Layoutが気になって気になってしょうがないです。(これは恋?!) ということで、日は今年綺羅星のごとく現れたAuto Layout界の期待のクラス「UIStackView」についてまとめたいと思います!(๑´ㅂ`๑) UIStackViewは一言で言うと、便利なレイアウト用の箱です。 StackViewは2つ以上の縦または横に並ぶサブビューを面倒な制約(Constraints)を作ることなく、いいカンジにレイアウトしてくれます。 StackViewを上手く使えば制約の数をうんと少なくすることができるんです。

    StackViewを賢く使ってらくちんAutoLayout - Qiita
  • [iOS 7] Xcode 5 で始める Auto Layout 入門 #6 – 補足編 | DevelopersIO

    補足事項まとめ 今回は、前回まで説明してきた内容の補足事項についてまとめたいと思います。 iOS 6 以前のデバイスでの表示互換性 iOS 6 以前のデバイスでの表示を修正する 前回作成したレイアウトを iOS 6 以前のデバイスで表示してみましょう。すると、下図のように上側の UIView とステータスバーの間に間隔がありません。 iOS 7 では、ステータスバーは透明でコンテンツ部に覆い被さるものに変更されました。そのため、このレイアウトで問題なかったのですが、iOS 6 ではこのレイアウトは不自然です。 この問題を修正しましょう。 制約を再設定する まず、上側の UIView に設定されている親ビューの上端との間隔に関する制約を選択して削除します。制約の削除は、制約を選択後、delete キーを押下することでできます。 次に、再度親ビューの上端との間隔に関する制約を追加します。上側の

    [iOS 7] Xcode 5 で始める Auto Layout 入門 #6 – 補足編 | DevelopersIO
  • 1