2015-12-03 2 views
6

たとえば、スタックビューに3つのボタンを追加したいとします。どのようにUIStackViewで複数の幅と高さのサブビューを表示できますか

Button1のは200 * 200(1)

ボタン2が100 * 100(0.5)

がどのように私はインターフェイスビルダーで、これを達成することができている150 * 150(0.75)

ボタン3であるのですか?

+0

ボタンの制約を設定し、スタックビュー分布を比例として設定します。 –

+0

スタックビュー中にサブビューに制約を追加しようとすると、数多くの矛盾する制約エラーが発生する – dubbeat

+0

スタックビューに最初に制約を設定してから、ボタンを押したときに幅と高さの制約が設定されました。 –

答えて

14

あなたはstackview

  1. を使用してストーリーボードにそれを行うことができますアライメントセンター配布でstackviewを追加比例的を記入してください。
  2. stackviewの制約は、中央が水平で中央が垂直です。
  3. 3つのボタンを追加します。 button1をオン
  4. 制約100

=ボタン3上の150の

  • 制約は、高さと幅=ボタン2に200の
  • 制約は、高さと幅=高さおよび幅である図2に示されている設定します。

    enter image description here

    あなたは、あなたの場合には、それが記入ためAlignmentプロパティの競合を持っています。 makeは中心的なものであり、その完成です。

    ボタン間にスペースを追加することもできます。 Distribution Equal Spacingと設定し、ボタンの高さ以上の高さでstackviewに高さ制約を追加します。

    これは垂直スタックビューです。水平スタックビューでも同じことをテストできます。

    うまくいくと思います。

  • +1

    私はダブルupvoteを与えたい – iOS

    関連する問題