ios - 自定义 UIButton 阴影

Question

我有圆角矩形 UIButton 并想为其添加阴影，但是当我设置背景图像阴影不可见时，我认为背景覆盖了阴影。没有背景图像阴影可见

customBtn=[UIButton buttonWithType:UIButtonTypeRoundedRect];
    customBtn.frame=CGRectMake(customBtn.frame.origin.x, customBtn.frame.origin.y, 30, 30);
     [customBtn setImage:[UIImage imageNamed:@"icon.png"] forState:UIControlStateNormal];
     [customBtn setBackgroundImage:[[UIImage imageNamed:@"bg.png"] stretchableImageWithLeftCapWidth:0 topCapHeight:0] forState:UIControlStateNormal];
    customBtn.layer.cornerRadius=9;

 customBtn.layer.shadowColor = [UIColor redColor].CGColor;
    customBtn.layer.shadowOpacity = 1.0;
    customBtn.layer.shadowRadius = 1;
    customBtn.layer.shadowOffset = CGSizeMake(2.0f, 2.0f);
customBtn.clipsToBounds=YES;

Answer 1

由于 UIButton 的内部结构，最好的选择是创建一个包含阴影的可拉伸(stretch)背景图像。

UIImage *bgWithShadow = [[UIImage imageNamed: @"bg.png"] 
                            stretchableImageWithLeftCapWidth: 10 
                                                topCapHeight: 0];
[customBtn setBackgroundImage: bgWithShadow 
                     forState: UIControlStateNormal];

此示例假设 bg.png 是包含阴影的 21 像素宽图像。基本上，您不必执行任何其他操作，例如访问按钮的图层或更改其 clipsToBounds 属性。请参阅this question了解什么是可拉伸(stretch)图像(带图片!)。

请注意，stretchableImageWithLeftCapWidth:topCapHeight: 已被弃用，取而代之的是 ressizedImageWithCapInsets:。