web-dev-qa-db-ja.com

UIImageView / UIViewの自動レイアウトアスペクト比

UIImageView/UIViewの自動レイアウトを設定して、イメージビューの幅と高さをiphone 6および6 plusで少し増やす方法。制約アスペクト比を追加しようとしましたが、増加した高さと幅は非常に大きいです。とにかく、画像ビューの制約の高さと幅を設定するには、iphone 6および6 plusを手動で設定できますか。 iPhone 6および6プラスの画像ビューのスクリーンショットを見てください。これは、現在表示されているものよりも少し小さいはずです。 enter image description here

25
abdul sathar

あなたの問題を理解したように、異なる画面サイズごとに画像をどれだけ増加させるかを制御したいということです。すべてを制御できます。あなたがする必要があるのは、画像に等幅制約を割り当てることです。画像の幅で好ましい。リレーションはスーパービューとの関係になります。その後、独自の乗数を追加してリレーションを変更できます。

正確に行う必要があること:

1)画像ビューを選択します。

2)コントロールキーを押し続けます。保持しながら、マウスを画像ビューから外側のビューにドラッグします。

3)「等しい幅」を選択します。

4)[制約]タブで制約をダブルクリックします。

5)画像ビューが最初のアイテムとして表示されていることを確認します。最初のアイテムをクリックしていない場合は、「最初と2番目のアイテムを反転」を選択します。

6)プレビュー画面の結果に満足するまで、乗数で遊んでください。

35
Tzegenos

アスペクト比の制約をいじっても役に立たない場合があります。そのような条件では、等幅と等高さの制約を式で使用します。以下に例を挙げて説明します。

IPhone 5の幅全体、つまり320ポイントを取得するUIViewがあるとします。 (Retinaディスプレイでは1ポイント= 2ピクセルを思い出してください)、高さは46ポイントです。このUIView内にボタン(幅= 30ポイント、高さ= 60ポイント)が必要です。このボタンは、同じアスペクト比で異なる電話ごとにサイズを変更します。ボタンからUIViewへのコントロールドラッグを行い、最初に等しい幅を選択してから、同じ高さで同じことを再度行います。これに続いて、制約を選択し、最初のアイテムがボタンで、2番目のアイテムがUIViewであることを確認します。この式を使用して乗数を計算します:

幅の乗数を計算するには:60(ボタンの幅)/ 320(UIViewの幅)* 100 = 18.75%

高さの乗数を計算するには:30(ボタンの高さ)/ 46(UIViewの高さ)* 100 = 65.217%

ここで、この乗数を入力し(上記と同様に%age記号を使用することを忘れないでください)、これにより、iPhone画面のさまざまなサイズに合わせてボタンのサイズが変更されます。

5
Ankit Khanna