Làm thế nào để vẽ một vòng tròn trong UILabel?

Question

Tôi muốn làm một số điều như thế này,

Làm thế nào để vẽ một vòng tròn trong UILabel trông tương tự như hình ảnh này, tôi chỉ muốn tránh sử dụng một hình ảnh để thay thế.

Answer 1

Tôi muốn đề xuất thêm một lớp hình dạng vào nhãn UILabel. Một cái gì đó như thế này:

// Create the shape layer 

CAShapeLayer *circleLayer = [CAShapeLayer layer]; 
circleLayer.path = [UIBezierPath bezierPathWithOvalInRect:CGRectMake(0, 0, 50, 50)].CGPath; 
circleLayer.fillColor = [UIColor clearColor].CGColor; 
circleLayer.strokeColor = [UIColor whiteColor].CGColor; 
circleLayer.lineWidth = 1; 

// Add it do your label's layer hierarchy 

[label.layer addSublayer:circleLayer]; 

Điều đó sẽ cung cấp cho bạn sự kiểm soát lớn hơn xuất hiện của nó và của phông chữ cho A.

UPDATE:

Nó chỉ xảy ra với tôi rằng bạn sẽ đấu tranh để có được "A" theo chiều dọc bù đắp để đặt một vòng tròn xung quanh nó. Có những hacks để có được trung tâm theo chiều dọc trong một UILabel, nhưng bạn sẽ tốt hơn bằng cách sử dụng một UITextField thay vào đó, vì nó hỗ trợ thuộc tính contentVerticalAlignment. Bạn chỉ cần đặt userInteractionEnabled thành NO để ngăn người dùng nhập văn bản trên đó!

Ngoài ra, nguyên tắc thêm CAShapeLayer cũng giống nhau.

Answer 2

Bạn có thể đạt được điều này theo cách @maddy gợi ý hoặc tạo UILabel với hình vuông thẳng đứng, đặt căn chỉnh văn bản ở giữa và sử dụng lớp của nhãn là cornerRadius với borderWidth. Chỉ cần đặt cornerRadius thành chiều rộng một nửa (hoặc chiều cao) của nhãn. Chúc may mắn!