Swiftでカスタムセルを作りたい

Question

・Swift カスタムセルを再利用したtableViewの作り方 [初級向け]
https://qiita.com/pe-ta/items/116a2199b1f872ac6471
の記事内で出てくる『2️⃣カスタムセルを作っていく』のようなカスタムセルを作りたいのですがUILabelのLabelテキストの位置が思うような位置に設置できません。
どうすれば記事のようなカスタムセルが作れるのでしょうか。

理想

現実

現在のファイル構成

解決してる・・・？

詳しい方よろしくお願いします。

Answer 1

UIImageViewがcontentViewの上に乗っていないように見えます。
左側にあるオブジェクトのヒエラルキーを確認できるwindow内でUIImageViewを移動して、きちんとcontentViewに載せた後に、TsukubaDepotさんの回答にあるように制約をつけてみててください

---

UITableViewCellのサブクラスで作ってあげてください

---

解決してないよ

Comments

[sunglass]

回答ありがとうございます。
左のオブジェクトに『ContentView』がなく、「View」しかないのですがそちらでも大丈夫でしょうか・・・？

[退会済みユーザー]

tableViewはcontentViewに対する操作を行うから、たぶんだめじゃない？

[sunglass]

ありがとうございます。
（勘違いしていました・・・）

- Table View Cellを用意
- （その中に）Image ViewとLabelを用意
- それぞれ制約をつける
というやり方で出来ました。
（ありがとうございます！）

[退会済みユーザー]

赤いのは警告のいろだから赤いのがあったら注意して見てね

[sunglass]

> 赤いのは警告のいろだから赤いのがあったら注意して見てね
初めて知りました。。
先ほどViewを削除→Constrainsのエラーを修正しました。。（画像追加しました。大丈夫ですか・・・？）

[退会済みユーザー]

大丈夫なんじゃない？
赤はエラーで黄色が警告だ〜ね。

[sunglass]

> 赤はエラーで黄色が警告だ〜ね。
ありがとうございます！

Answer 2

UIImageViewのConstraintsの設定のうち、

• Add New Allignment Constraints のうち Vertically in center をチェック
• Add new constrints のうち、上と左にチェックを入れて値を0に設定、width と height を各100に設定

UILabelのConstraints設定は

• Add New Allignment Constraints のうち Vertically in center をチェック
• Add New Constraints のうち、左側(Leading)に適切な値（たとえば12など）を設定。ただし、左側の制約がUIImageViewへの制約になっていることを確認。

すれば解決すると思います(少なくともこれでQiitaの記事と同じような制約になるはずです)。

Comments

[sunglass]

回答ありがとうございます。
うまく再現できていません。。
そもそも『Imgae View』と『Label』が入っている『Content View』が用意できていません。。
Content ViewはどうやればStoryBoad上に出せるのでしょうか・・・？