More than 3 years have passed since last update.

#9 UITableViewCellをカスタマイズする1例

Last updated at 2020-02-24Posted at 2019-11-20

はじめに

個人のメモ程度の出来なのであまり参考にしないで下さい．

Xcode：11.2.1
Swift：5.1.2
2019/11

ViewにUITableViewを置き，制約を追加し，UITableViewCellをその上に置く．
Attributes identifierからCellのidentifierを設定する．

Table Viewを選択した状態で，Size inspectorのRow Hightに任意の数字を入力する．

Cellの上にUILabelを置く．

4つの制約を追加し，テキストやテキストサイズを変更する．
これを必要な数だけ，必要なところの制約を追加する．

可変長のバーの制約は下の通り．

name Labelの制約は以下．

votes Labelの制約は以下．

SubclassがUITableViewCellのクラスをXcodeProjectに追加する．

Main.storyboardでCellを選択した状態で，Identity inspectorのClassを先ほどXcodeProjectに追加したクラスに指定する．

画面を分割し，可変長のバーの横幅の制約を先ほど追加したクラスのコードに接続する．

後はコードと接続してないUIをコードと接続してコードでいじるだけ．

ThirdViewControllerのLabel等はコードから引っ張ることで同じコードに２つのLabelを関連付けができる．