您的位置：首页 > 移动开发 > IOS开发

iOS-设置阴影和圆角效果

2017-09-19 13:58 204 查看
参考链接：视觉效果和变换

iOS 给一个设置过圆角的View添加阴影效果

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中，设置圆角效果即可。

UIView *shadowView = [[UIView alloc]initWithFrame:CGRectMake(0, 0, 100, 100)];
shadowView.userInteractionEnabled = YES;
//shadowView.layer.cornerRadius = 8;
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];
messageBt.layer.cornerRadius = 8;
messageBt.layer.masksToBounds = YES;
[shadowView addSubview:messageBt];



                                            

                                        

                        
                        内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息 
                    

                    

                    

                        

                         标签： 
                                                iOS
                                                设置圆角和阴影效果
                                                按钮圆角
                                                按钮阴影
                                                

                        

                    


                

            


            

                
相关文章推荐

                

                
            

        

        

            

            
            

                

                    
新的分享

                    

                        
                    

                

            


            

                

                    
章节导航