前提・実現したいこと
xibファイルを使ってTableViewCellのカスタムセルを作っています。
カスタムセル内にUIImageViewを配置しており、UIImageViewの上下左右に20ずつの余白があるようなレイアウトを実現したいと思っています。
発生している問題・エラーメッセージ
上記のことを実現しようと思い、カスタムセルのクラス内のawakeFromNibメソッドに以下のコードを書いているのですが、シュミレータを起動してみると画像のようになってしまいます。
(白い長方形がTableViewです。ABCDがUIImageViewです。UIImageViewの上部と左の制約は反映されていると思うのですが、下部と右の制約が反映されません。)

override func awakeFromNib() { super.awakeFromNib() // Initialization code //baseはUIimageViewと.swiftファイルを繋げたものです(@IBOutlet weak var base: UIImageView!)。 let baseLeadeing = base.leadingAnchor.constraint(equalTo: self.leadingAnchor, constant: 20) baseLeadeing.isActive = true let baseTrailing = base.trailingAnchor.constraint(equalTo: self.trailingAnchor, constant: 20) baseTrailing.isActive = true let baseTop = base.topAnchor.constraint(equalTo: self.topAnchor, constant: 20) baseTop.isActive = true let baseBottom = base.bottomAnchor.constraint(equalTo: self.bottomAnchor, constant: 20) baseBottom.isActive = true }
試したこと
layoutSubViewsに同じコードを書いてみたのですが、同じようなズレかたをしました。
AutoLayoutを使って上下左右に20ずつの制約をつけた場合はうまくいったのですが、今回はどうしてもコードから記述やり方を知りたいです。
解決していただける方、ご回答頂けたら幸いです。
補足情報(FW/ツールのバージョンなど)
AutoLayoutからの制約はつけていません。
レイアウトのコードについては以下の記事を参考にしました。
https://qiita.com/dddisk/items/8001598ea7951bcdcc30
・質問内の「AutoLayout」は「Storyboard」に置き換えて読めばいいでしょうか?
・Storyboardでも制約を付けたときも、contentView でなく、セル本体に対して制約を付けたのでしょうか?(どちらにしても、セル本体に付けるのは間違いなので contentView に対して制約を付けるように修正して下さい)
>・質問内の「AutoLayout」は「Storyboard」に置き換えて読めばいいでしょうか?
はい。情報をうまく伝えられず申し訳ありません。
>・Storyboardでも制約を付けたときも、contentView でなく、セル本体に対して制約を付けたのでしょうか?
Storyboardで制約をつけた時はcontentViewに対して付けられていました。
以下のようにコードを修正してみましたが、症状は改善されませんでした。
```
let baseLeadeing = base.leadingAnchor.constraint(equalTo: self.contentView.leadingAnchor, constant: 20)
baseLeadeing.isActive = true
let baseTrailing = base.trailingAnchor.constraint(equalTo: self.contentView.trailingAnchor, constant: 20)
baseTrailing.isActive = true
let baseTop = base.topAnchor.constraint(equalTo: self.contentView.topAnchor, constant: 20)
baseTop.isActive = true
let baseBottom = base.bottomAnchor.constraint(equalTo: self.contentView.bottomAnchor, constant: 20)
baseBottom.isActive = true
```
回答1件
あなたの回答
tips
プレビュー