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之间加一层,去实现一个带圆角的阴影,这样最后就可以达到效果,注意一定要先上层再上按钮,这样保证按钮在层之上。

你可能感兴趣的:(iOS下按钮同时实现圆角与阴影效果)