Question

I would like to create a UIView which would show a colored circle with a number or character in it. I have seen examples to create a circle, but how would I accomplish this?

I would want to place multiple of these views on the screen and connect them with lines.

Any suggestions?

Answer 1

If you already know how to draw a circle, then you’ve got half of it solved 🙂 Let’s say the circle is drawn in a UIView called circleView.

Now you want to create a UILabel to draw the letter in.

UILabel* circleLabel = [[UILabel alloc] init];
[circleLabel setText:@"letter goes here"];

And now you want to put the label on top of the circleView, so you add it as a subview:

[circleView addSubview:circleLabel];

At this point, depending on the size of circleView and the font size of circleLabel, the label may or may not be in the center of the circle. Use the setFrame function on the circleLabel to adjust its position within the circleView.