概要AutoLayoutが超手軽に使える、Masonryをご紹介します!AutoLayoutで動的レイアウト、しかし...不特定なサイズの画像や長さのテキストを取り扱う時、どうしても固定サイズのViewレイアウトでは限界があります。コンテンツのサイズに合わせて、動的にレイアウトを調整する必要があります。Viewのサイズを変えればいいのではなく、周辺のViewも調整が必要なので結構大変です。そんな動的レイアウトの要件に対しては、AutoLayoutがよく使用されます。AutoLayoutは、親Viewのサイズ変更があった時に子View同士の間隔やサイズを自動で調節してくれる技術です。そのレイアウト方法は、Constraint(制約)と呼ばれるものをViewに与える事で定義します。「親Viewに対して上下左右に10pxのマージンを設けた子Viewを配置」というセマンティクスで定義できる2つめは、異なるスタイルで記述できるという事なんですが、利点となるには苦しい理由があります。Builderを使わないので、2番が利点にならなければ使う意味はほぼありません。超めんどくさいAutoLayoutの記述コードベースでのUI実装において、AutoLayoutが利点となるには苦しいその理由は、AutoLayoutをコードで記述すると超冗長になるという点です。簡単じゃない!楽じゃない!「親Viewに対して上下左右に10pxのマージンを設けた子Viewを配置」を実際にコードで記述した場合、以下のようになります。]];はい、やってられないですね!Masonryでお手軽AutoLayoutAutoLayoutは便利だけど、NSLayoutConstraintによる記述は前述の通り冗長で面倒です。それが原因で、利点を感じられず個人的に今まで全く使ってきませんでした。Masonryというライブラリがこの悩みを一気に解決してくれました。このライブラリは、AutoLayoutの学習コストを最小限に押さえつつ、少ない記述量で使用できるようにしてくれるものです。make.edges.equalTo(superview).with.insets(padding);}];とっっっっっても簡単ですね!!制約ベースでの記述は、HTMLとCSSのような感覚で書けるので、とても重宝しそうです。コメントをキャンセルコメントを入力してください。以下に詳細を記入するか、アイコンをクリックしてログインしてください。アカウントを使ってコメントしています。アカウントを使ってコメントしています。アカウントを使ってコメントしています。アカウントを使ってコメントしています。新しいコメントがついたらメールで通知。Blog.投稿先:キャンセル%d人のブロガーが「いいね」をつけました。