web-dev-qa-db-ja.com

スタックビュー内のボタンのサイズ変更

だから私は最近Swift/iOS開発を勉強していて、スタックビュー内でボタンのサイズを変更するのに少し苦労しています。次のレイアウトがあります。

enter image description here

垂直StackViewには2つのTextFieldとボタンがあり、StackViewは水平方向と垂直方向に中央に配置されます（少し間隔を空けて）。左右の余白に幅を固定します。

StackViewの幅の約80％になるようにボタンのサイズを小さくしたかったのです。

私が試したこと：

  • ボタンの幅に制約を追加すると、StackViewとの競合が発生します。
  • サブStackViewを追加してから、左/右アンカー制約を20に設定しようとして、少し余裕を持たせます。繰り返しますが、これは外部スタックビューとの競合を引き起こします。

インターフェースを理解しようとしていたので、コードではなくストーリーボードビューでこれらすべてを行っています。

私は良い狩りをしてきましたが、当てはまる答えを見つけることができないようです。基本的に思えば謝罪します。

iosuibuttonautolayoutuistackview
10
Mrk Fldig

これを試して..

  1. ボタンの先頭と末尾の制約を削除します。
  2. コンテナ内の制約Horizo​​ntalをボタンに追加します。

  3. スーパービューのボタンの制約Equal Widthを追加します（スタックビューのはずです）。このように.. controlを押し、StackViewのボタンからポインターをドラッグし、小さなポップアップメニューからEqual widthsを選択します。

  4. Equal Width制約を編集し、Multiplierを0.8に設定します。

enter image description hereenter image description here

7
Bilal

次の例のように、stackView内の一部のビューの高さを変更しようとする場合：

enter image description here

最初に、StackView（width/height、x、y）の制約を設定し、次にStackViewプロパティを次のように設定します。

enter image description here

次に、サイズを変更するビューを選択します。つまりgreen one、およびこれらの制約を追加します。

enter image description here

次に、他のビュー/ボタン/ラベルに制約を追加します。この例では、青とオレンジのビューの制約があります。

青： Constraints of the blue view

そして、

オレンジ：

Constraints of the orange view

それが役に立てば幸い。

5
MLBDG

[コントロール]ボタンを押したまま、サイズを変更するボタンをクリックして同じボタンにドラッグし、[幅]と[高さ]を選択して[制約を追加]を選択します。これにより、画像ボタンのサイズが与えられるため、インスペクターでこれを変更できます。ビューを[拡大縮小]に変更することを忘れないでください。これは私のために解決されます。

1
Fabio Almeida