TableViewCellをカスタムしAutoLayoutでViewオブジェクトを整えた際に上部番号の位置が不安定になる

Question

storyboard内のAutolayoutはこのように5つ設定してます。
それぞれのオブジェクトの高さ間隔のみAutolayoutで追加してます。

番号の高さが不揃いになってます。
本来であれば番号ラベルは緑ラベルと同じY位置になるはずなのですが・・
68,73,79,80が上ずってます。他は正常な位置です。

TableViewメソッド内でcellのラベルにデータを入れてます。
func tableView(tableView: UITableView, cellForRowAtIndexPath indexPath: NSIndexPath) -> UITableViewCell {
let cell = tableView.dequeueReusableCellWithIdentifier("TestTableViewCellId") as! TestTableViewCell
cell.titleLabel.text = "ラベル1"
cell.textbodyLabel.text = _data["text"]
cell.numLabel.text = _data["num"]
cell.textbodyLabel.numberOfLines = 0; // 複数行
cell.textbodyLabel.sizeToFit()
return cell
}

何が悪いのでしょうか？

追加20160705 0:19

追加20160705 10:19
番号ラベルの上部にもAutolayoutを設置してます。

番号ラベルのY座標にばらつきがあります。

Answer 1

数字ラベルとグリーンのラベルを同時に選択して、それぞれの上揃え(Top Edges)、or　中央揃え(Vertical Center)の制約を付け加えると揃うと思います。

例は2つのラベルの中央揃え(Vertical Center)

プロジェクト

以下にサンプルプロジェクトを置きました、ダウンロードして確認してみてください。
teratail_40075

Comments

[kaji]

中央揃え(Vertical Center)の制約を付けましたところ、ラベル同士が揃いました。
ただ、番号ラベルと緑のラベルも一緒に高さが不安定になってます。
(TableViewCellの上辺と番号ラベルの間が各Cellで広かったり狭かったり）
これを直す方法ありませんでしょうか？
上に画像を追加しました。

[_Kentarou]

番号ラベルの上の制約が固定で入っているのなら、上からの距離は一定になり不安定になることは無いと思います。

そもそもですがセルにImageViewがのっていると思いますが、こちらは表示されなくてよいのでしょうか？

※縦の制約だけで無く全ての部品の各方向の制約をいれた方が良いと思います。

[kaji]

番号ラベルの上の制約は追加した画像にある通り入ってます。（これは投稿初回から入れてます。)

ImageViewを３つ消すと番号ラベルのAutoLayoutはうまくいきました。
しかし、
やりたいこととして投稿にImageデータがある場合は3つまで表示するというような
処理をしたいのでImageViewを３つ設置してます。
全Cellにダミーで画像を入れた状態で
確認しましたがやはり番号のLabelのy座標にブレがありました。

追加で、番号ラベルと、緑ラベル、本文ラベルの左右に制約を入れました。
画像の左右に制約を入れたところ画像が上下にひしゃげてしまったので制約を入れてません。
また、３番目の画像の下側の制約入れてません。

[_Kentarou]

サンプルプロジェクトを作成しまいした(回答に記述)、おおよそのやりたいことは出来ていると思います。

確認してみてください。

[kaji]

サンプルまで作っていただきありがとうございます。
DLしてみたところうまく動きました。
サンプルと比較しながら修正していきたいと思います。
_Kentarouさんありがとうございます。