iOS Autolayout：同じ幅の2つのボタンを並べて

92

現在、オートレイアウトに問題があります。次の図に示すように、インターフェイスビルダーを使用して、同じ幅の2つのボタンを並べて配置しようとしています。

客観的なレイアウト

次のプレビュー画像から、titleImageは適切に制約され、正しく表示されていますが、ボタンはそうではありません。私は、button1をtitleImageのリーディングエッジに揃え、button2をtitleImageのトレーリングエッジに揃えて実験しましたが、2つのボタン間の幅の分布は、この時点で歪んでいます。

問題シナリオ

私の目的は、不足している制約を理解することであり、デバイスに関係なく同じ幅を維持するために2つのボタンに適用する必要があります。可能であれば、追加のコードではなく、インターフェイスビルダーを通じてこれを実現したいと思います。

— スクラッチチャ
ソース

1

石積みは、プログラムでこれを行うための推奨される方法です。リンク：github.com/Masonry/Masonry

— Itachi

1

ここにリンクがある...あなたは確認することができます... stackoverflow.com/questions/29620409/...

— EIキャプテンv2.0の

246

次の制約を追加します

button1からbutton2に等しい幅を割り当てます。
両方のボタンの間に水平方向の間隔を割り当てます。
button1からそのスーパービューに先行スペースを割り当てます。
button2からそのスーパービューに末尾のスペースを割り当てます。
両方のボタンに上部のスペースを割り当てます。
それがあなたのために働くかどうか私に知らせてください。

— アブバクルダル
ソース

7

すばらしい-これは私のために働いた。具体的には、ポイント＃2-水平方向の間隔を追加します。

— Scratcha、2015年

うわぁ!!!どういう意味？それは本当に魅力のように機能し、私は約3時間無駄になりました！:(私の場合、スーパービューでそれを分割する同じ幅の2つのビューがありました。しかし、最後に「Yまたは高さの制約が必要です」のようなメッセージが表示されました。「不足している制約の追加」を選択して解決しました。

— Randika Vishman、2015

@Abubakr：両方のボタンの幅が同じになるため、1つの画面サイズでのみ機能します。

— AG

1

2つ以上の隣接するUI要素でも機能します。

— siege_Perilous 2016年

1

感謝しますが、解決策とコードの方が優れていることがわかりました。それらのいずれかを中央揃えで親に配置し、コンテンツサイズの半分を一定にして、コードで計算できるようにします。または、コンテンツが静的な場合は、フレームを更新して定数を更新できます。それに合わせて、2つのボタン間の中央の間隔の半分を中央揃えに追加します。そして、その先頭または末尾を他のボタンに与えるだけです。これを修正します。また、コンテンツが固有で更新が必要な場合は、レイアウト更新メソッドを呼び出して定数値を再計算するだけです。

— アンバーK

79

手順とスクリーンショットに従って簡単に解決