美文网首页
iOS 阴影+圆角

iOS 阴影+圆角

作者: coder1003 | 来源:发表于2018-11-28 10:34 被阅读0次

    1.圆角

    wechatBt.layer.cornerRadius = 8;
    wechatBt.layer.masksToBounds = YES;//超出父视图部分不显示。
    

    2.阴影

    messageBt.layer.shadowOffset = CGSizeMake(1, 1);
    messageBt.layer.shadowOpacity = 0.8;
    messageBt.layer.shadowColor = [UIColor blackColor].CGColor;
    
    

    3.圆角加阴影(错误)

    messageBt.layer.cornerRadius = 8;
    //messageBt.layer.masksToBounds = NO;//此处不可以设置YES,否则阴影效果无法实现,但是设置为NO时,圆角无法实现。
    messageBt.layer.shadowOffset = CGSizeMake(1, 1);
    messageBt.layer.shadowOpacity = 0.8;
    messageBt.layer.shadowColor = [UIColor blackColor].CGColor;
    
    
    

    解决方法: 创建一个view,设置阴影效果,然后将所需视图添加到view中,设置圆角效果即可。

    - (void)viewDidLoad {
        [super viewDidLoad];
        // Do any additional setup after loading the view, typically from a nib.
        
        UIView *shadowView = [[UIView alloc]initWithFrame:CGRectMake(60, 60, 100, 100)];
        shadowView.backgroundColor = UIColor.blueColor;
        shadowView.userInteractionEnabled = YES;
        shadowView.layer.cornerRadius = 50;
        shadowView.layer.shadowOffset = CGSizeMake(1, 5);
        shadowView.layer.shadowOpacity = 0.8;
        shadowView.layer.shadowColor = [UIColor lightGrayColor].CGColor;
        //shadowView.layer.masksToBounds = NO;
        [self.view addSubview:shadowView];
        
        UIButton *messageBt = [UIButton buttonWithType:UIButtonTypeSystem];
        [messageBt setFrame:CGRectMake(0, 0, 100, 100)];
        [messageBt setBackgroundColor:UIColor.cyanColor];
        [messageBt setTitle:@"button" forState:UIControlStateNormal];
        messageBt.layer.cornerRadius = 50;
        messageBt.layer.masksToBounds = YES;
        [shadowView addSubview: messageBt];
        
    }
    

    Demo地址:https://github.com/cxymq/ShadowAndRadius

    相关文章

      网友评论

          本文标题:iOS 阴影+圆角

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