collectionView 셀에서 UILabel에 그라디언트 추가 - 빠른

Question

나는 collectionViewCell의 UILabel에 그라디언트를 추가하려고합니다.

extension UIView 
{ 
    func gradient(colors: [Any], startPoint: CGPoint, endPoint: CGPoint, opacity: Float, location: [NSNumber]?) { 
     let gradientLayer = CAGradientLayer() 
     gradientLayer.frame = bounds 
     gradientLayer.colors = colors 
     gradientLayer.startPoint = startPoint 
     gradientLayer.endPoint = endPoint 
     gradientLayer.opacity = opacity 
     gradientLayer.locations = location 
     layer.addSublayer(gradientLayer) 
    } 
} 

을 내 collectionViewCell에서 : :이 기능을 사용하고 그라데이션을 추가하려면

@IBOutlet weak var discount: UILabel! 

override func awakeFromNib() { 
    super.awakeFromNib() 
    discount.gradient(colors: [green,blue], startPoint: CGPoint(x: 0.0, y: 0.5), endPoint: CGPoint(x: 1.0, y: 0.5), opacity: 1, location: [0.5,0.5]) 
} 

을하지만 아무것도 표시되지 않는 것. 그림자 추가는 잘되지만 그라디언트를 추가하면 아무 것도 보이지 않습니다. 왜 그런 일이 일어 났습니까?

Answer 1

업데이트

override func layoutSubviews() { 
     discount.gradient(colors: [UIColor.blue.cgColor, UIColor.green.cgColor], startPoint: CGPoint.init(x: 0.5, y: 0.0), endPoint: CGPoint.init(x: 0.5, y: 1.0), opacity: 1.0, location: [0,1]) 
} 

로 collectionView 클래스

extension UIView 
{ 
    func gradient(colors: [CGColor], startPoint: CGPoint, endPoint: CGPoint, opacity: Float, location: [NSNumber]?) { 
     let gradientLayer = CAGradientLayer() 
     gradientLayer.frame = bounds 
     gradientLayer.colors = colors 
     gradientLayer.startPoint = startPoint 
     gradientLayer.endPoint = endPoint 
     gradientLayer.opacity = opacity 
     gradientLayer.locations = location 
     layer.addSublayer(gradientLayer) 
    } 
} 

전화를 귀하의 확장 테스트 및 작업. 내가 프레임이 항상 layoutSubviews으로 업데이트되어 있는지 확인하고자 뷰에 계층을 추가 할 때마다

Answer 2

:

public override func layoutSubviews() { 
    super.layoutSubviews() 
    gradientLayer.frame = bounds 
} 

당신은 그라디언트 레이어로에 대한 참조를 유지해야합니다 보기의 속성

Answer 3

당신의 목표는 다음에 다음 그라데이션 텍스트를 당신이해야한다 만드는 경우

1. 가있는 UIView에 라벨을 삽입하고 (콘센트에 연결 (예를 들어 discountContainer)는
2. 이을 볼 에 그라디언트 레이어를 추가 레이블 대신).
   discountContainer.gradient(colors: [green,blue], startPoint: CGPoint(x: 0.0, y: 0.5), endPoint: CGPoint(x: 1.0, y: 0.5), opacity: 1, location: [0.5,0.5])
3. 의 의견 마스크로 레이블을 설정
   discountContainer.mask = discount

결과 :

---

편집 :

당신은 그라데이션을해야하는 경우 오직 배경에서만 CAGradientLayer에 대한 참조를 유지해야합니다.

extension UIView 
{ 
    func gradient(colors: [Any], startPoint: CGPoint, endPoint: CGPoint, opacity: Float, location: [NSNumber]?) -> CAGradientLayer { 
     let gradientLayer = CAGradientLayer() 
     gradientLayer.frame = bounds 
     gradientLayer.colors = colors 
     gradientLayer.startPoint = startPoint 
     gradientLayer.endPoint = endPoint 
     gradientLayer.opacity = opacity 
     gradientLayer.locations = location 
     layer.addSublayer(gradientLayer) 
     return layer 
    } 
} 

하고 collectionViewCell에

: 당신이 cocoapods를 사용한 경우

@IBOutlet weak var discount: UILabel! 
var gradientLayer: CAGradientLayer? 

override func awakeFromNib() { 
    super.awakeFromNib() 
    gradientLayer = discount.gradient(colors: [green,blue], startPoint: CGPoint(x: 0.0, y: 0.5), endPoint: CGPoint(x: 1.0, y: 0.5), opacity: 1, location: [0.5,0.5]) 
} 

public override func layoutSubviews() { 
    super.layoutSubviews() 
    gradientLayer?.frame = bounds 
} 

Answer 4

는 카멜레온 프레임 워크는 그라디언트 색상을 만드는 아주 쉬운 솔루션을 제공합니다. 그것을 사용하려면 cocoapods를 설치 한 다음 Chameleon Framework를 설치하십시오. 넣기

import ChameleonFramework 

맨 위 UIViewController.

설치 후 링크는 다음과 같습니다.당신은 스위프트를 사용하는 아래의 경우 코드의 라인으로 쉽게로

https://github.com/ViccAlexander/Chameleon#gradient-colors-1

그것은 그것 같이 보인다.

UIColor(gradientStyle:UIGradientStyle, withFrame:CGRect, andColors:[UIColor]) 

위의 코드 줄을 사용하여 UILabel의 배경을 설정하기 만하면됩니다.