2016-12-17 4 views
0

UILabelの横にUIImageViewが表示されています。どちらもStackView内にあります。Swiftのラベルの隣にImageViewを配置するにはどうすればいいですか?

enter image description here

現在、私はFillアライメントおよび配布を使用しています。これを他のオプションの1つに変更すると、には0という左右の先頭の制約があります(には固定の制約が固定されています)ImageViewのサイズが変更されます。

これは私の現在:

enter image description here

がどのように私は私の目標をアーカイブするStackViewを設定する必要があります:

enter image description here

ザ・は私が何をしたいのですか?ヘルプは非常に感謝しています。

答えて

3

水平スタックビューが埋め込まれた垂直スタックビューを使用できます。

enter image description here

第一のスタック図は、縦軸を有しています。その配置は中央で、分布は塗りつぶし(デフォルト)です。このスタックビューには、次のような制約があります。スーパービューに移動し、スーパービューとトップスペーストップレイアウトガイドにつながります。

第2のスタックビューには、イメージビューとラベルが含まれています。その軸は水平です。塗りつぶしの配置と分布はデフォルト値に設定されています。間隔は10に設定されています(必要に応じて変更できます)。このスタックビューには制約はありません。

イメージビューの高さと幅の制​​限はそれぞれ30です。

ラベルには制約がありません。

イメージビューとラベルの両方に、デフォルトのコンテンツハギングと圧縮値があります。

enter image description here

ラベルが長いテキストを持っている場合、それは次のように表示されます。私は、これらのプロパティを設定するのです

enter image description here

+0

を試してみるとかなりうまくいった。ありがとう –

0

あなたはコンテンツの抱擁とコンテンツ圧縮の抵抗の優先順位を操作しようとしましたか?私は、これらのプロパティは、イメージビューとtextViewの間の長さの距離を管理できると信じているとスタックビューは、あなたがダイナミックにtextViewを費やすことはできませんので、私はハギングや抵抗のプロパティを操作することができます必要なソリューションに近いソリューションを提供します。

+0

? –

+0

属性インスペクタを確認してください。複雑なものになるように操作する前に、これらのプロパティの詳細を読むことをお勧めします。 –

0

これは、イメージビューとテキストラベルのコンテナビューを作成し、元の親ビューにコンテナビューを中央揃えすることで実現できます。

+0

私は別のテキストのラベルの長さを処理する方法を知りません –

+0

また、私は実際にそのアプローチとの違いを参照してくださいスタックビューを使用して –

+0

これは、動的コンテンツを持つラベルで動作するはずです。コンテナ・ビューに制約を追加し、その幅がイメージ・ビューの幅とラベルの合計になるようにします。ビューをスタッキングする代わりにビューを中央に配置する場合は、スタックビューが最適な選択肢ではない場合があります。 –

関連する問題