Autolayout制約を使用した単純な行レイアウト

Question

私は水平スタックビューを使ってそれを行う方法を知っている単純なレイアウトをしました。しかし、PurPousesを学習するために、私はAutoLayout制約を使用してコードすることが可能かどうかを知りたいと思っています。

レイアウトはシンプルですが、イメージとラベルを含む長方形の行です。 問題は、ラベルが複数の行を持つことができ、アイコンよりも大きいことです。

希望するレイアウトは、画像とラベルをY軸の中央に配置する必要があり、高さの大きいものは上端/下端に8点のマージンがあることです。

Answer 1

あなたは、画像と上部と下部の両方のラベルマージン制約を与える必要があります。これらのマージン制約の関係としてより大きいか等しいを使用してください。

Answer 2

まずStoryBoard

設定しUIImageViewConstrainsなどにのviewDidLoad

self.tableView.rowHeight = UITableViewAutomaticDimension; 
self.tableView.estimatedRowHeight = 44.0; 

設定に0からnumberOfLineプロパティをこれを書く：

はHeightとWidthやコンテナで垂直Centerを修正しました。

設定SuperViewすなわち、細胞からUIImageViewTrailing Top BottomHorozontalSpacingからUILableConstrains。

は

Answer 3

は画像とラベルの上部と下部の余白の制約を与える...それは動作します願っています。大またはそれ以上の関係で優先度を高く設定します。