将阴影渐变添加到uitableviewcell / uiimageview的底部

时间:2015-05-14 22:17:58

标签: ios objective-c swift uiimageview gradient

有没有人知道如何在uitableviewcell或uiimageview的底部添加渐变,如下图所示?

enter image description here

1 个答案:

答案 0 :(得分:8)

将此课程添加到您的项目中( swift ):

class UIGradientImageView: UIImageView {

let myGradientLayer: CAGradientLayer

 override init?(frame: CGRect){
    myGradientLayer = CAGradientLayer()
    super.init(frame: frame)
    self.setup()
    addGradientLayer()
 }

 func addGradientLayer(){
    if myGradientLayer.superlayer == nil{
        self.layer.addSublayer(myGradientLayer)
    }
 }

 required init(coder aDecoder: NSCoder){
    myGradientLayer = CAGradientLayer()
    super.init(coder: aDecoder)
    self.setup()
    addGradientLayer()
 }

 func getColors() -> [CGColorRef] {
    return [UIColor.clearColor().CGColor, UIColor(red: 0, green: 0, blue: 0, alpha: 0.5).CGColor]
 }

 func getLocations() -> [CGFloat]{
    return [0.5,  0.9]
 }

 func setup() {
     myGradientLayer.startPoint = CGPoint(x: 0.5, y: 0)
     myGradientLayer.endPoint = CGPoint(x: 0.5, y: 1)

     let colors = getColors()
     myGradientLayer.colors = colors
     myGradientLayer.opaque = false
     myGradientLayer.locations = getLocations()
 }

 override func layoutSubviews() {
    super.layoutSubviews()
    myGradientLayer.frame = self.layer.bounds
 }
}

更新:Objective-C翻译解决方案。积分@SleepsOnNewspapers。

 #import "UIGradientImageView.h"

 @interface UIGradientImageView()

  @property (nonatomic, strong) CAGradientLayer *myGradientLayer;

 @end

 @implementation UIGradientImageView

 -(instancetype)initWithFrame:(CGRect)frame{

 if(self){
  self = [super initWithFrame:frame];
  self.myGradientLayer = [[CAGradientLayer alloc]init];
  [self setup];
  [self addGradientLayer];
  }
 return self;
 }

 -(instancetype)initWithCoder:(NSCoder *)aDecoder{

 if(self){
   self = [super initWithCoder:aDecoder];
   self.myGradientLayer = [[CAGradientLayer alloc]init];
   [self setup];
   [self addGradientLayer];
  }
  return self;
 }

 -(void)addGradientLayer{
 if (self.myGradientLayer.superlayer == nil) {
  [self.layer addSublayer:self.myGradientLayer];
 }
}

将故事板上的UIImageView课程设为此课程而不是默认课程。

enter image description here