Кольцевая этикетка с текстом внутри, как логотип

Question

Я хочу создать кольцевую метку с текстом внутри, как на картинке:

Я пытался использовать каркас кварцевого ядра и создать вид, а затем дать цвет фона, радиус и т. Д., Но не смог понять, как отобразить изображение.

Есть ли лучший способ отобразить это кольцо с текстом внутри?

Я хотел бы приписать размер текста на более позднем этапе для нескольких экранов.

Благодарю вас!

Answer 1

Вот решение в простых шагах.

1. Создать фоновый вид UIView *bgView;,
2. Добавить UILabel *titleLabel к этому.
3. Изменить titleLabel как ниже.

    _bgView.backgroundColor = [UIColor blueColor];
    _titleLabel.layer.borderWidth = 50;
    _titleLabel.layer.borderColor = [UIColor whiteColor].CGColor;
    _titleLabel.textColor = [UIColor whiteColor];
    _titleLabel.backgroundColor = [UIColor blueColor];
    _titleLabel.layer.cornerRadius = _titleLabel.bounds.size.width / 2;
    _titleLabel.text = @ "M";
 

Вот пример вывода, который я использовал в ячейке Collectionview.

Надеюсь, это поможет.