Adding Custom UIView to TableViewCell - ios

Question

I have been unsuccessful in adding my custom UIView to my TableViewCell. This custom view represents a custom check mark for each table view cell. I am doing my project without a storyboard and I'm not sure how to add this custom UIView to my UITableViewCell programmatically. Here's my code:
class CheckBoxView: UIView {
var isChecked: Bool
var checkBoxImageView: UIImageView
var checkBoxChanged :() -> () = { }
required init?(coder aDecoder: NSCoder) {
self.isChecked = false
self.checkBoxImageView = UIImageView(image: nil)
super.init(coder: aDecoder)
setup()
}
func setup() {
self.layer.borderWidth = 1.0
self.isUserInteractionEnabled = true
self.checkBoxImageView.frame = CGRect(x: 2, y: 2, width: 25, height: 25)
self.addSubview(self.checkBoxImageView)
let selector: Selector = "checkBoxTapped"
let tapRecognizer = UITapGestureRecognizer(target: self, action: selector)
self.addGestureRecognizer(tapRecognizer)
}
func checkBoxTapped() {
self.checkBoxChanged()
}
func markAsChecked() {
self.checkBoxImageView.image = UIImage(named: "new_message_icon")
}
func markAsUnChecked() {
self.checkBoxImageView.image = nil
}
}
Here's my TableViewCell:
class AddContactsCell: UITableViewCell {
let profileImageView: UIImageView = {
let imageView = UIImageView()
imageView.translatesAutoresizingMaskIntoConstraints = false
imageView.layer.cornerRadius = 20
imageView.layer.masksToBounds = true
imageView.contentMode = .scaleAspectFill
return imageView
}()
let checkBox: CheckBoxView = {
let view = UIView() as! CheckBoxView
view.backgroundColor = UIColor.blue
view.translatesAutoresizingMaskIntoConstraints = false
view.layer.cornerRadius = 16
view.layer.masksToBounds = true
return view
}()
override func layoutSubviews() {
super.layoutSubviews()
textLabel?.frame = CGRect(x: 100, y: textLabel!.frame.origin.y - 2, width: textLabel!.frame.width, height: textLabel!.frame.height)
detailTextLabel?.frame = CGRect(x: 101, y: detailTextLabel!.frame.origin.y + 1, width: detailTextLabel!.frame.width, height: detailTextLabel!.frame.height)
}
override init(style: UITableViewCellStyle, reuseIdentifier: String?) {
super.init(style: .subtitle, reuseIdentifier: reuseIdentifier)
addSubview(profileImageView)
self.addSubview(checkBox)
//ios 9 constraint anchors
//need x,y,width,height anchors
profileImageView.leftAnchor.constraint(equalTo: self.leftAnchor, constant: 50).isActive = true
profileImageView.centerYAnchor.constraint(equalTo: self.centerYAnchor).isActive = true
profileImageView.widthAnchor.constraint(equalToConstant: 40).isActive = true
profileImageView.heightAnchor.constraint(equalToConstant: 40).isActive = true
checkBox.leftAnchor.constraint(equalTo: self.leftAnchor, constant: 10).isActive = true
checkBox.centerYAnchor.constraint(equalTo: self.centerYAnchor).isActive = true
checkBox.widthAnchor.constraint(equalToConstant: 30).isActive = true
checkBox.heightAnchor.constraint(equalToConstant: 30).isActive = true
}
required init?(coder aDecoder: NSCoder) {
fatalError("init(coder:) has not been implemented")
}
}
I would really appreciate if you could tell me where I'm going wrong with adding the UIView.

Answer 1

you should instanciate your CheckBoxView and not cast a normal UIView to your CheckBoxView
change this line:
let view = UIView() as! CheckBoxView
to this line
let view = CheckBoxView()