Jak dodać etykietę lub tekstu w celu CAShapeLayer

Question

Oto moja klasa i to będzie narysować okrąg, wygląda to tak:

class OvalLayer: CAShapeLayer { 

    let animationDuration: CFTimeInterval = 0.3 

    override init() { 
     super.init() 
     fillColor = Colors.green.CGColor 
     path = ovalPathSmall.CGPath 
    } 

    required init?(coder aDecoder: NSCoder) { 
     fatalError("init(coder:) has not been implemented") 
    } 


    var ovalPathStart: UIBezierPath { 
     let path = UIBezierPath(ovalInRect: CGRect(x: 0.0, y: 0.0, width: 100.0, height: 100.0)) 

     return path 
    } 
} 

Teraz muszę dodać tekst na środku tego kręgu, próbowałem znaleźć go w google, ale nic, co działa dobrze. Nie jestem pewien, czy to możliwe, czy nie, czy ktoś może mi pomóc, jeśli to możliwe?

Answer 1

Chyba powinieneś dodać CATextLayer jako podwarstwy do CALayer ... to działa dobrze w ten sposób: spróbuj dodać CAShapeLayer, a potem CATextLayer (aby same CALayer warstwa dominująca), na przykład w następującej kolejności ...

// assume self - is UIView instance 

self.layer.addSublayer(shapedLayer) // shapedLayer - CAShapeLayer instance 
self.layer.addSublayer(textLayer) // textLayer - CATextLayer instance 

Answer 2

Wystarczy, że zdobędziesz środek swojego UIBezierPath i dodasz etykietę lub CATextLayer do swojej bieżącej warstwy.

let center : CGPoint = CGPoint(x: CGRectGetMidX(ovalPathStart.bounds), y: CGRectGetMidX(ovalPathStart.bounds)) 

Teraz utwórz UILabel lub CATextLayer i ustawić centrum.

Answer 3

Swift 3,0

let label = UILabel() 
label.font = UIFont(name: "Helvetica-Bold", size: 12) 
label.frame = CGRect(x: OvalLayer.frame.origin.x + (circleWidth/2), y: OvalLayer.frame.origin.y, width: OvalLayer.bounds.width, height: OvalLayer.bounds.height) 
label.text = "Hello" 
label.textColor = UIColor.red 
label.isHidden = false 

OvalLayer.addSublayer(label.layer) 

Answer 4

Tekst na CAShapeLayer Korzystanie CATextLayer

jestem tutaj utworzyć obiektu CAShapeLayer i dodaję CATextLayer do CAShapeLayer Tutaj numberOfArcsCount oznacza jakiś 8

  CAShapeLayer *progressLayer = [[CAShapeLayer alloc] init]; 
      [progressLayer setPath:bezierPath.CGPath]; 


      CATextLayer* text = [CATextLayer new]; 
      for (int i = 1; i <= numberOfArcs.count; i++) { 
      text.string = [NSString stringWithFormat:@"%i", i]; 
      text.font = (__bridge CFTypeRef _Nullable)([UIFont fontWithName:@"akaChen" size:42]); 
      text.font = (__bridge CFTypeRef _Nullable)([UIFont boldSystemFontOfSize:15]); 
      text.fontSize=25; 
      text.frame = CGRectMake(0,0,40,40); 
      text.position = CGPointMake(CGRectGetMidX(progressLayer.frame) ,CGRectGetMidY(progressLayer.frame)); 

      CGFloat vert = CGRectGetMidY(progressLayer.frame)/CGRectGetHeight(text.frame); 

      text.anchorPoint = CGPointMake(0.5, vert); 
      text.alignmentMode = kCAAlignmentCenter; 
      text.foregroundColor = [[UIColor whiteColor] CGColor]; 

      [progressLayer addSublayer:text]; 
     }