美文网首页
iOS下按钮同时实现圆角与阴影效果

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

作者: 冯龙胜 | 来源:发表于2017-09-25 15:16 被阅读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(某位置某大小)];

    [selfaddSubview:button];

    button.layer.masksToBounds=YES;

    button.layer.cornerRadius=10;

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

    相关文章

      网友评论

          本文标题:iOS下按钮同时实现圆角与阴影效果

          本文链接:https://www.haomeiwen.com/subject/tsnjottx.html