Пользовательская ячейка табличного представления с закругленными краями

Question

Я хочу создать ячейку таблицы, как показано на следующем рисунке

Как это можно сделать с помощью раскадровки?Мой первоначальный план состоял в том, чтобы использовать два разных вида / метки, и закруглить края, используя layer.cornerRadius, но это округляет все края обоих видов / меток.

Answer 1

Добавьте greenView внутри contentView ячейки и округлите его до cornerRadius, а внутри него добавьте blackView без округления, поскольку суперпредставление выполнит работу, только убедитесь, что

greenView.clipsToBounds = true // can be set in IB
greenView.layer.cornerRadius = 7

Вы также можете добавить эти 2виды друг под другом и закругленные верхние углы верхнего и нижнего углов нижнего вида с https://www.hackingwithswift.com/example-code/calayer/how-to-round-only-specific-corners-using-maskedcorners

Answer 2

Вставить оба вида в контейнер UIView и закруглить углы контейнера.

containerView.clipsToBounds = true
containerView.layer.cornerRadius = 10