2016-12-17 6 views
0

私は添付レイアウトを作成しようとしていますが、スーパービューと4つのサブビューを追加しました。各ビューは、中央の+記号を達成するために、側面の1つに揃えられています。 私が追加した制約は以下の通りです。各サブビューへのアスペクト比と後続の余白、およびこれに加えて左下のビューに幅の拘束が追加されました。 しかし、明らかにこれは小さな画面では機能しませんし、すべてがうまくいきません。正確な制約を追加して、可変画面サイズで希望の結果が得られるようにする必要があります。 enter image description here自動レイアウトでこのレイアウトを達成する方法は?

+0

これにはstackviewを使用する必要があります。 –

+0

4つのサブビューの幅と高さはスーパービューによって異なりますか? – iTamilan

+0

@iTamilanはい私はそれが起こるが、アスペクトを維持したい –

答えて

1
  1. スーパーを作成するには罰金になりますアスペクト比が必要です。
  2. 4つのサブビューを追加し、すべて同じ幅と同じ高さにします。
  3. "top、left" "top"、 "right"、 "bottom"、 "left" "bottom、right"などの各スーパービューをピンで固定する "
  4. スーパービューの幅に応じて、次に、幅に応じて1つのビューの高さを320:155
  5. とします。

このために作成されたサンプルコードを検索します。 https://github.com/iTamilan/AutoLayoutPlus

+0

は完璧に見える –

0

あなたは例えばのために、ビューに対して比例高さと幅を使用する必要があります。

左上のためにスーパーの先頭に左上ビューのトップを合わせると同様に導くため、これを行う見ます。そして、スーパービューの幅の半分から2つのビュー間の分離の半分を引いた幅に比例した幅にします。要するに

Top left view's leading = superview's leading

は、同様にビューの残りのためにこれを行うと、あなたが行ってもいいでしょうし、あなたの意見は、すべてのデバイス

+0

私はトラフデザイナーを達成したい –

関連する問題