すべての画面デバイスで制約のサイズが正しく調整されない

Question

これらの水平ボタンの制約を実行しようとしています。私は、ボタンの大きさの比が同じで、アイコンの幅と高さが同じであることを望みます。

私はこれらのボタンは、画面サイズに応じて適切にサイズを変更することを行うことができますどのように任意のアイデア？ありがとう！

Answer 1

アイコンとテキストを含むUIViewのグループを作成します。あなたがそれらを表示したいと、すべてのn コンテナビューストーリーボード内部 Sこのコンテナビューに

場所を呼び出すことができます。今：一番左のコンテナビューへ

• はスーパービューにつながると下制約を追加します。
• 今度は2番目のコンテナビューに0の先頭スペース（または必要なもの）を追加します。 Ctrl +第2ボタンを最初のボタンにドラッグします。シフトを押し続け、等幅、等高線とを合わせてに合わせてを選択します。 1 コンテナビューから

今、すべてのnと2番目のコンテナビューと同じ制約を適用します。 nはコンテナビューの番号です。最後に、コンテナビューを追加します。追加の制約は、スーパービューの最後のスペースです。今度はすべてのコンテナビューは、画面の幅に応じて決定される幅が同じでなければなりません！

コンテナビューに特定の高さまたはアスペクト比を設定する場合は、 の高さがまたはのアスペクト比を最初にコンテナビューに追加すると、その後のすべてのビューがそれに応じて更新されます。

OR

あなたは、画面の大きさに依存するように高さをご希望の場合やない、あなたが最初のコンテナビューにに等しい高さを与える必要があります、特定のアスペクト比を維持0.15のような特定の乗数を持つ全体像。

また、内部のアイコンとラベル存在に適切な制約を追加する必要があります各UIView

編集：あなたがするためにはるかに簡単なものはUIButtonにイメージとしてアイコンを追加し、追加になりますテキストは通常​​通りUIButtonになります。 UIButtonはあなたが投稿したスクリーンショットと非常によく似ています。そして、私は上記の制約を適用します。

Answer 2

スーパービューの比率として幅と高さを設定します。 1つのボタンと残りのボタンの場合は、高さと幅を、スーパービューの高さとサイズに関して高さと幅を定義した最初のボタンと同じにします。このSO Postを使用して、高さと幅をスーパービューの比率で設定する方法を参照してください。

これが役に立ちます。

Answer 3

StackViewを使用できるように、すべてのボタンが単一方向になっているのでシンプルです。 今では右になりますすべてのボタンを選択し、stackviewに

を追加し、すべてのボタンに等しい絶頂と等しい幅を適用

最初だけのシンプルな側底部。 （制約アイコン付き）

今すぐ適用欠落している制約を適用します。それは自分で仕事をし、より良い結果をもたらすでしょう。 （しかし、ここで気をつけビュー・コントローラセクション内のすべてのビューからそれを適用）

そして今、ビンゴはすべてのサイズが同じ表示され、これを試してみてください。

これもシミュレータで同じ動作します。

Answer 4

解決策は非常に簡単です。

（青）の最初のボタンは、他の4つのボタンのそれぞれ（赤スーパー

の左側及び底部に固定されている（5つのボタン）

• 下の画像を見ます、黒、緑、ピンク）が最初の（青の）ボタンの上に揃えられます。
• 各ボタンは、前のボタンに水平の間隔（0の定数）を使用しています。したがって、赤いボタンは青色に0水平間隔、黒には赤色に0水平間隔があります
• 最後の（ピンク）ボタンもスーパービューの右側に固定されます
• 最後に他の4つのボタンは同じ最初の（青色）ボタンまでの幅

これだけです！あなたのアイコンとして、あなたが必要とするすべては、最初のアイコンに同じ幅に&高さを持つようにそれらを設定するために

をあるあなたは