10

xcode 6 で制約と Universal Storyboard を学習していますが、ここで少し苦労しています。

私の目標は、ユニバーサル ストーリーボードを使用して、iPad シミュレーター (768 x 1024) と iPhone 4 シミュレーター ( _ x _ )に完全に適合する UIView を作成し、左右に 50 ピクセルのパディングまたはマージンを設定することです。

目標は次のようになります。

ここに画像の説明を入力

Universal Storyboard と自動レイアウトを使用していますが、プレビューで次の結果が得られます ここに画像の説明を入力

私がこれまで行ってきたことは、UIView をユニバーサル ストーリーボード エディターにドラッグし、iPad 画面を満たす幅 (768) を指定してから、幅 = 768、高さ = 200 の制約と中央への制約を適用することです。水平方向に、垂直方向に中央に配置するように制限します。

結果を観察する:

iPad の画面は幅いっぱいに収まります。ただし、iPhone 画面 (画像 1) をよく見ると、UIView (緑色) の幅が親に満たされません (その幅は親の幅よりもはるかに大きい)

質問:

問題 1) Universal Storyboard を使用して、iPad と iPhone の両方で親 UIView の幅を満たす UIView を作成する方法はありますか?

問題 2) 問題 1 が達成可能な場合、緑の UIView の左右にパディングまたはマージンを追加するにはどうすればよいですか?

ご意見、ご感想、ご意見をいただければ幸いです。

4

1 に答える 1

12

制約を使用する代わりに、width制約を検討する必要がLeading SpaceありTrailing Spaceます。

Leading SpaceグリーンUIViewからそのスーパービューに制約を追加し、その制約の定数を必要なマージン ( 50) に設定してから、 に対して同じことを行いTrailing Spaceます。heightと の制約はそのままにしておく必要がありますが、 と の制約はビューの中央揃えを既に処理しているため、制約をcenter vertically削除できます。center horizontallyTrailing SpaceLeading Space

最終的には次のようになります。

制約のレイアウトとプレビュー UIView 制約設定

于 2014-08-14T06:27:38.653 に答える