UIButton 设置阴影效果

本文介绍了为 UIButton 添加阴影效果的两种方法。方法一涉及修改 button 的 layer 属性,包括 cornerRadius、shadowOffset、shadowOpacity 和 shadowColor。方法二通过创建一个 CALayer 实现阴影,并设置其 frame、backgroundColor、shadowOffset、shadowOpacity 和 cornerRadius,然后将其添加到 view 的 layer 中作为子层。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >


总结:

方法一:

此时需要考虑对button的layer进行设置

button layer 设置以下几个属性

cornerRadius;

shadowOffset

shadowOpacity;

shadowColor;



//    showPosterBtn.layer.masksToBounds=YES;


loginBtn=[UIButton buttonWithType:UIButtonTypeCustom];  
loginBtn.frame=CGRectMake(10, 120, 88, 36);  
loginBtn.backgroundColor=[UIColor colorWithRed:44/255.0 green:178/255.0 blue:219/255.0 alpha:1.0];  
loginBtn.layer.cornerRadius = 5;  
loginBtn.layer.shadowOffset =  CGSizeMake(1, 1);  
loginBtn.layer.shadowOpacity = 0.8;  
loginBtn.layer.shadowColor =  [UIColor blackColor].CGColor;  
[loginBtn setTitle:@"登      录" forState:UIControlStateNormal];  
[self.view addSubview:loginBtn];  



方法二:

先看一下,实现一个button的圆角,如下代码:

button.layer.masksToBounds =YES;

button.layer.cornerRadius =10;



实现一个按钮的阴影效果,如下代码:

button.shadowOffset = CGSizeMake(1010);

button.shadowOpacity = 0.7;



此时,如果你想即实现圆角又要阴影效果,那么这时会有问题,你把masksToBounds设成yes此时是圆角,但是阴影会没了,你把它设成no,圆角没了,阴影有了,于是我开始满网络去查,都没有找到解决方法,最后在一个论坛里有个兄弟这样说了一句:需要用一个层去实现阴影,然后我照着这个思路,写了如下代码

CALayer *layer = [CALayerlayer];

layer.frame = CGRectMake(跟button一样的位置并且一样大);

layer.backgroundColor = [UIColorblackColor].CGColor;

layer.shadowOffset = CGSizeMake(1010);

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





参考:http://blog.csdn.net/lwjok2007/article/details/46659043






评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值