Uiimageviewの自動レイアウトの問題

Question

私はこの画像のビューがあります。

私が欲しいという最初のImageViewの左側との距離が、それは、最初のImageViewの間、その後の距離と同じですすべてのデバイスのためにと2番目の画像ビューは同じで、2番目の画像ビューと右端の距離は同じです。基本的には、デバイスの画面サイズに応じて幅を拡張する必要がありますが、私はストーリーボードの自動レイアウトでこれを行うことはできません。

私を助けることができますか？

Answer 1

は、下記の方法で自動レイアウトを試してみてください

とし、あなたの2つの画像ビューは、imageVw1とimageVw2が がimageVw1、1つを残して考えてみます。

だからimageVw1

1. メインコンテナビューで大手の制約のために、以下の制約を置きます。
2. メインコンテナビューでの垂直方向の制約。
3. 固定高さの制約。
4. imageVw2に対する水平方向の制約。

同様imageVw2

1. メインコンテナビューの末尾制約の制約します。
2. メインコンテナビューでの垂直方向の制約。
3. 固定高さの制約。
4. imageVw2に対する水平方向の制約。

重要：両方のimageViewに等しい幅の制約を指定します。 （この制約は、両方の画像ビューに等しい幅を割り当てるためです。それ以外の場合、可変幅を指定する必要がありますが、両方の画像の幅が同じである必要があります。

6sPlusと5sの出力を参照してください。

それがお役に立てば幸いです。

ハッピーコーディング...両方ImageViewのため

Answer 2

左の画像とビューの左側をつなぎ合わせます。右のイメージとビュー、右のイメージの間に後続の接続を作成します。イメージの間に水平間隔の接続を作成します。 1つの画像に接続して、アスペクト比を選択し、もう一方の画像でそれを繰り返す。

Answer 3

最初のimageViewには、10を指定します。次に2番目のimageViewと1番目のimageViewの間に10の間隔を追加します。2番目のimageViewの10単位の末尾のスペースを追加します。そのスーパービュー。今度は、2番目のimageViewを、最初のimageViewと同じ幅と同じ高さに設定します。

Answer 4

ここで必要なのは、左右の画像の等幅プロパティを設定することです。これは、同時に2つの画像を選択し、「等しい幅」フラグをチェックすることによって行うことができます。 また、左イメージの先頭スペースを 'x'オフセットで表示し、左イメージの末尾スペースを右イメージと 'x'オフセットする必要があります。また、右の画像の末尾のスペースを、ビューの後端の「x」のオフセットに固定します。

イメージビューのスーパービューがスクロールビューの場合は、スクロールビューのコンテンツサイズプロパティを設定する必要があります。 あなたはこのリンクを経由することができます。 Adding a view to a scroll view that will stretch to fill available width