Auto Layout で n 等分するセパレータようなものを配置する

2014-12-14

iOS アプリにおいて、↑のように View を n 等分するようにセパレータをつけたいという箇所がでてきました。

調べたら ここ に書いてありました。この記事は分かりやすいので見ればすぐ分かると思うのですが折角なので簡単に説明します。

まずセパレータの間にそれぞれ見えない（hidden プロパティが true になっている）View を追加します。

あとはその見えない View を大枠となる View やセパレータとぴったりくっつくように（Horizontal Space を 0 に）して、見えない View すべてに Equal Width を適用します。セパレータの幅は固定幅で適当に決めれば良いです。