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(某位置某大小)];

[self addSubview:button];

button.layer.masksToBounds =YES;

button.layer.cornerRadius =10;

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



你可能感兴趣的:(按钮,圆角,阴影)