2017-09-06 8 views
-1

JSQMessagesViewController 포드를 사용하고 있습니다.jsqmessegesviewcontroller로 사용자 정의 풍선 만들기

아래와 같이 맞춤 거품을 만들고 싶습니다. 파란색 테두리를 무시하십시오.

이미지와 같은 모양을 만들 수 있습니다. 그러나 그라디언트 효과를 추가 할 수 없습니다.

어떻게 코어 그래픽을 사용하여 그래디언트를 추가 할 수 있습니까? UIColor 16 진수를 추가 할

yourBubbleView.fillGradiant() 

확장 :

enter image description here

답변

1

이 같은이 메소드를 호출하여 확장 지금

extension UIView { 

    func fillGradiant() { 

     let gradient = CAGradientLayer() 

     gradient.frame = self.bounds 
     gradient.frame.size.width = UIScreen.main.bounds.size.width; 
     gradient.colors = [UIColor(hex:"3067d5").cgColor,UIColor(hex:"009bdf").cgColor] //Choose your gradiant colors 
     gradient.startPoint = CGPoint.zero 
     gradient.endPoint = CGPoint(x: 1, y: 0) 
     self.layer.insertSublayer(gradient, at: 0) 

    } 
} 

당신이 특정의 UIView에 그라데이션을 추가 할 수있는 UIView를 추가합니다

extension UIColor { 
    convenience init(hex: String) { 
     let scanner = Scanner(string: hex) 
     scanner.scanLocation = 0 
     var rgbValue: UInt64 = 0 
     scanner.scanHexInt64(&rgbValue) 

     let r = (rgbValue & 0xff0000) >> 16 
     let g = (rgbValue & 0xff00) >> 8 
     let b = rgbValue & 0xff 

     self.init(
      red: CGFloat(r)/0xff, 
      green: CGFloat(g)/0xff, 
      blue: CGFloat(b)/0xff, alpha: 1 
     ) 
    } 
}