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

先看一下,实现一个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(某位置某大小)];

[selfaddSubview:button];

button.layer.masksToBounds=YES;

button.layer.cornerRadius=10;

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

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容