2016-06-29 7 views
1

私は非常に単純な "Today"ウィジェットを設計しています:テキストラベル(ここに赤い背景が表示されます)と情報ボタンの2つの要素だけです。ラベルの直後に情報ボタンが常に表示されるようにします。だから、これらの2つの要素をストーリーボード自動レイアウトで整列し、サイズを変更するにはどうすればよいですか?

  1. 情報ボタンは、常に右余白に固執する必要があります
  2. ラベルは常に左余白に固執する必要があります
  3. それは幅いっぱいになるよう
  4. 標識は、それ自体のサイズを変更する必要があります使用可能なスペースは、ボタンの端までです。

どうすればいいですか?オートレイアウトは混乱しているsoooooです。私は運がない1時間それを持って遊んできました。どこから始めるのか分からない。私はあなたのinfoボタンを一定の幅と高さを持つことになります、少なくとも3つの制約、上記のニーズごとに1つ...

enter image description here

+0

ラベル「上、左、右、下」の制約とボタン「右、上、下、および幅」に対して –

答えて

2

が必要だと思います。右余白を親権利に設定します。あなたの赤いラベルの左マージンを親の左と右のマージンを情報ボタンの左に設定します。

あなたの赤いラベルには幅の制限がないので、左の余白と右の余白の間のすべての幅をとります。

これは見た目です。 enter image description here

enter image description here

+1

はい、その男の右 –

+0

これはすべて私にとって絶対に正しいと思います。しかし、私はこれらの制約をどのように追加するのか分かりません。たとえば、インターフェイスのどこで/どのようにして、右の余白に情報ボタンの右マージンを設定することができますか(右端に固定する)?申し訳ありませんが、私はちょうど立ち往生しており、私が見つけたすべてのオンラインリファレンスは非常に混乱しています。 :-( – Eric

+0

@Eric ..ボタンを整列してサイズを設定したら、infoButtonを選択し、エディタの一番下にある右から2番目のボタンを選択します(右に三角形のボタンがあります) )これは、新しい制約のポップアップを追加することを示しています。幅と高さを設定し、制約を設定します。点線のT字形の線を選択し、その値を設定します(情報ボタンの場合は、その値をゼロに設定してください。 –

0

あなたは(コンテナビューに)制約情報ボタンを上、下、幅と末尾を作成する必要があります。 ラベルは、先頭、上端、下端(コンテナ表示)、および情報ボタンとの水平間隔にする必要があります。 希望があれば助かります。

関連する問題