码迷,mamicode.com
首页 > 移动开发 > 详细

iOS下按钮同时实现圆角与阴影效果

时间:2016-05-16 17:06:26      阅读:208      评论:0      收藏:0      [点我收藏+]

标签:

 

先看一下,实现一个button的圆角,如下代码:

 

button.layer.masksToBounds =YES;

button.layer.cornerRadius =10;

 

 

实现一个按钮的阴影效果,如下代码:

 

button.shadowOffset = CGSizeMake(10, 10);

button.shadowOpacity = 0.7;


 

此时,如果你想即实现圆角又要阴影效果,那么这时会有问题,你把masksToBounds设成yes此时是圆角,但是阴影会没了,你把它设成no,圆角没了,阴影有了,于是我开始满网络去查,都没有找到解决方法,最后在一个论坛里有个兄弟这样说了一句:需要用一个层去实现阴影,然后我照着这个思路,写了如下代码

 

CALayer *layer = [CALayerlayer];

layer.frame = CGRectMake(跟button一样的位置并且一样大);

layer.backgroundColor = [UIColorblackColor].CGColor;

layer.shadowOffset = CGSizeMake(10, 10);

layer.shadowOpacity = 0.7;

layer.cornerRadius = 10;

//这里self表示当前自定义的view

[self.layeraddSublayer:layer];

UIButton *button = [[UIButtonalloc]initWithFrame:CGRectMake(某位置某大小)];

[self addSubview:button];

button.layer.masksToBounds =YES;

button.layer.cornerRadius =10;

结果:同时实现圆角与阴影,思路是在按钮与view之间加一层,去实现一个带圆角的阴影,这样最后就可以达到效果,注意一定要先上层再上按钮,这样保证按钮在层之上。

 

技术分享

转载自:http://blog.csdn.net/jnbbwyth/article/details/50899611

iOS下按钮同时实现圆角与阴影效果

标签:

原文地址:http://www.cnblogs.com/wangguimin/p/5498347.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!