[ios] 뷰 컨트롤러에서 프로그래밍 방식으로 선을 어떻게 그리나요?

두 가지 일반적인 기술이 있습니다.

1. 사용 CAShapeLayer:

   • 다음을 만듭니다 UIBezierPath(원하는대로 좌표를 바꿉니다).

     UIBezierPath *path = [UIBezierPath bezierPath];
     [path moveToPoint:CGPointMake(10.0, 10.0)];
     [path addLineToPoint:CGPointMake(100.0, 100.0)];
     

   • CAShapeLayer그것을 사용하는 만들기 UIBezierPath:

     CAShapeLayer *shapeLayer = [CAShapeLayer layer];
     shapeLayer.path = [path CGPath];
     shapeLayer.strokeColor = [[UIColor blueColor] CGColor];
     shapeLayer.lineWidth = 3.0;
     shapeLayer.fillColor = [[UIColor clearColor] CGColor];
     

   • CAShapeLayer뷰의 레이어에 추가하십시오 .

     [self.view.layer addSublayer:shapeLayer];
     

   이전 버전의 Xcode에서는 QuartzCore.framework를 프로젝트의 “Link Binary with Libraries” 에 수동으로 추가 하고 <QuartzCore/QuartzCore.h>.m 파일 의 헤더를 가져와야 했지만 더 이상 필요하지 않습니다 ( “Enable Modules”및 “Link 프레임 워크 자동 “빌드 설정 사용).

2. 다른 방법은 하위 클래스 UIView를 만든 다음 메서드 에서 CoreGraphics 호출 을 사용 하는 drawRect것입니다.

   • 크리에이트 UIView서브 클래스를하고 정의 drawRect하여 선을 그립니다.

     Core Graphics로이 작업을 수행 할 수 있습니다.

     - (void)drawRect:(CGRect)rect {
         CGContextRef context = UIGraphicsGetCurrentContext();
     
         CGContextSetStrokeColorWithColor(context, [[UIColor blueColor] CGColor]);
         CGContextSetLineWidth(context, 3.0);
         CGContextMoveToPoint(context, 10.0, 10.0);
         CGContextAddLineToPoint(context, 100.0, 100.0);
         CGContextDrawPath(context, kCGPathStroke);
     }
     

     또는 사용 UIKit:

     - (void)drawRect:(CGRect)rect {
         UIBezierPath *path = [UIBezierPath bezierPath];
         [path moveToPoint:CGPointMake(10.0, 10.0)];
         [path addLineToPoint:CGPointMake(100.0, 100.0)];
         path.lineWidth = 3;
         [[UIColor blueColor] setStroke];
         [path stroke];
     }
     

   • 그런 다음이 뷰 클래스를 NIB / 스토리 보드 또는 뷰의 기본 클래스로 사용하거나 뷰 컨트롤러가 프로그래밍 방식으로이를 하위 뷰로 추가하도록 할 수 있습니다.

     PathView *pathView = [[PathView alloc] initWithFrame:self.view.bounds];
     pathView.backgroundColor = [UIColor clearColor];
     
     [self.view addSubview: pathView];
     

위의 두 가지 접근 방식의 Swift 변환은 다음과 같습니다.

1. CAShapeLayer:

   // create path
   
   let path = UIBezierPath()
   path.move(to: CGPoint(x: 10, y: 10))
   path.addLine(to: CGPoint(x: 100, y: 100))
   
   // Create a `CAShapeLayer` that uses that `UIBezierPath`:
   
   let shapeLayer = CAShapeLayer()
   shapeLayer.path = path.cgPath
   shapeLayer.strokeColor = UIColor.blue.cgColor
   shapeLayer.fillColor = UIColor.clear.cgColor
   shapeLayer.lineWidth = 3
   
   // Add that `CAShapeLayer` to your view's layer:
   
   view.layer.addSublayer(shapeLayer)
   

2. UIView 아강:

   class PathView: UIView {
   
       var path: UIBezierPath?           { didSet { setNeedsDisplay() } }
       var pathColor: UIColor = .blue    { didSet { setNeedsDisplay() } }
   
       override func draw(_ rect: CGRect) {
           // stroke the path
   
           pathColor.setStroke()
           path?.stroke()
       }
   
   }
   

   뷰 계층 구조에 추가합니다.

   let pathView = PathView()
   pathView.translatesAutoresizingMaskIntoConstraints = false
   view.addSubview(pathView)
   
   NSLayoutConstraint.activate([
       pathView.leadingAnchor.constraint(equalTo: view.leadingAnchor),
       pathView.trailingAnchor.constraint(equalTo: view.trailingAnchor),
       pathView.topAnchor.constraint(equalTo: view.topAnchor),
       pathView.bottomAnchor.constraint(equalTo: view.bottomAnchor)
   ])
   
   pathView.backgroundColor = .clear
   
   let path = UIBezierPath()
   path.move(to: CGPoint(x: 10, y: 10))
   path.addLine(to: CGPoint(x: 100, y: 100))
   path.lineWidth = 3
   
   pathView.path = path
   

   위에서 PathView프로그래밍 방식으로 추가하고 있지만 IB를 통해 추가 할 수도 있고 path프로그래밍 방식으로 설정할 수도 있습니다.