Swift에서 draw (_ rect : CGRect)에서 다른 혼합 모드로 UILabel을 그리는 방법

Question

그래서 UILabel이 그라데이션 이미지 (즉, UIImageView) 위에 그려집니다. 그것은 다음과 같이 그렇다고 같습니다

나는 그것이 softLight 혼합 모드와 배경 레이블하지만 혼합을 그립니다 있도록 UILabel의 draw(_ rect: CGRect) 기능의 그래픽 문맥의 blendMode을 변경하기 위해 노력하고있어 .

override func draw(_ rect: CGRect) { 
    // Drawing code 
    if let context = UIGraphicsGetCurrentContext() { 
     context.setBlendMode(.softLight) 
     self.textColor.set() 
     self.drawText(in: rect) 
    } 
} 

이 코드는 바로 위에 사진을 렌더링하지 :

여기

내가 draw(_ rect: CGRect) 기능에이 코드입니다 : 여기

내가 그것을 같이 할 것입니다 혼합 된 버전. 이것은 내가 시도한 전부는 아니며, 나는 많은 것을 시도했지만, 특히 CGContext과 draw 기능을 이해하지 못한다.

SO에 대한 대부분의 답변은 오래된 목표 -C 중 하나이며 더 이상 사용되지 않거나 손상되었거나 신속하고 복잡합니다 (예 : 금속 사용). 난 그냥 내가 가진 컨텍스트에서 텍스트를 그려 소프트 라이트에 컨텍스트의 블렌딩 모드를 설정하고 싶다. 쉬운 방법이 있어야합니다!

이 문제를 해결하는 방법에 대한 도움을 주시면 감사하겠습니다. 감사!

Answer 1

이렇게하면보기를 혼합 할 수 없습니다. 그들은 독립적으로 해결되는 별도의 계층 구조를 가지고 있습니다. 그라디언트와 텍스트를 CALayer 개체 위로 이동하고 이들을 혼합합니다 (또는 같은보기 내에서 손으로 그립니다). 예를 들어 :

class MyView: UIView { 
    let gradientLayer: CAGradientLayer = { 
     let gradientLayer = CAGradientLayer() 
     gradientLayer.colors = [UIColor.red.cgColor, 
           UIColor.blue.cgColor] 
     gradientLayer.startPoint = CGPoint(x: 0, y: 0) 
     gradientLayer.endPoint = CGPoint(x: 1, y: 1) 
     return gradientLayer 
    }() 

    let textLayer: CATextLayer = { 
     let textLayer = CATextLayer() 
     let astring = NSAttributedString(string: "Text Example", 
             attributes: [.font: UIFont(name: "MarkerFelt-Wide", size: 60)!]) 
     textLayer.string = astring 
     textLayer.alignmentMode = kCAAlignmentCenter 
     textLayer.bounds = astring.boundingRect(with: CGSize(width: .max, height: .max), 
               options: [.usesLineFragmentOrigin, .usesFontLeading], context: nil) 
     return textLayer 
    }() 

    override func draw(_ rect: CGRect) { 
     if let context = UIGraphicsGetCurrentContext() { 
      gradientLayer.bounds = bounds 
      gradientLayer.render(in: context) 

      context.saveGState() 
      context.setBlendMode(.softLight) 

      context.translateBy(x: center.x - textLayer.bounds.width/2, 
           y: center.y - textLayer.bounds.height/2) 

      textLayer.position = center 
      textLayer.render(in: context) 
      context.restoreGState() 
     } 
    } 
} 

Answer 2

텍스트가 실제로 라벨 인 경우 일반 라벨과 같이 불투명도를 변경하여 시도해 볼 수 있습니다. 알파에 라벨을 붙이는 것에 익숙하다고 가정합니다. 레이블에 대한 알파를 설정 한 예를 검색 :이 레이블이 아니라면

label.textColor = UIColor(red: 0.0, green: 0.0, blue: 0.0, alpha: 0.25) 

는 나에게 힌트를주세요 - 다음은 더 복잡해야한다.