阴影效果的实现,苹果提供了很好的实现方式,主要是layer层的绘制,具体的原理,可以查询资料.

1.最直接,也是比较简单的方式:效果如红色view

 1 func addShadowView(){
 2         let shadowView = UIView(frame: CGRectMake(100, 100, 100, 100))
 3         shadowView.backgroundColor = UIColor.redColor()
 4         //setShadow
 5         shadowView.layer.cornerRadius = 5;
 6         shadowView.layer.shadowColor = UIColor.blackColor().CGColor
 7         shadowView.layer.shadowOffset = CGSizeMake(5, 10)
 8         shadowView.layer.shadowOpacity = 1.0
 9         shadowView.layer.shadowRadius = 5;
10         //clipsToBounds为true不会显示阴影
11         //shadowView.clipsToBounds = true
12         view.addSubview(shadowView)
13         
14         
15     }

 

2.可以自定义一个view,重写drawRect:方法

主要代码:

 1 override func drawRect(rect: CGRect) {
 2         //get contextRef
 3         var context = UIGraphicsGetCurrentContext()
 4         //rect
 5         var pathRect = CGRectInset(self.bounds, self.bounds.size.width * 0.1, self.bounds.size.height * 0.1)
 6         let cornerRaidus: CGFloat = 20
 7         var rectanglePath = UIBezierPath(roundedRect: pathRect, cornerRadius: cornerRaidus)
 8         CGContextSaveGState(context)
 9         //set shadow
10         var shadow = UIColor.blackColor().CGColor
11         var shadowOffset = CGSizeMake(3, 3)
12         var shadowRadius : CGFloat = 5.0
13         
14         
15         CGContextSetShadowWithColor(context, shadowOffset, shadowRadius, shadow)
16         //fill color
17         UIColor.greenColor().setFill()
18         rectanglePath.fill()
19         CGContextRestoreGState(context)
20     }

效果为绿色view

类似的渐变色,transform都重写drawRect:可以自己定义.

 

posted on 2015-11-18 08:02  农场的小伙  阅读(4244)  评论(0编辑  收藏  举报