iOS中为UIButton添加阴影问题：阴影仅显示在按钮文字上

这种情况我之前也碰到过，大概率是你在Storyboard里误把阴影设置给了按钮的titleLabel，而非按钮自身的layer。下面给你分两种方案解决：

方案一：在Storyboard中设置按钮阴影 #

Storyboard本身没有直接给按钮layer加阴影的可视化选项，但可以通过「用户自定义运行时属性」实现：

1. 选中你的UIButton，打开「Identity Inspector」（第三个带身份证图标的标签页）
2. 下拉到「User Defined Runtime Attributes」，点击+号依次添加以下属性：
   • layer.shadowColor：类型选Color，设置带透明度的阴影色（比如黑色+50%透明度，阴影才会自然）
   • layer.shadowOpacity：类型选Number，值设为0.5左右（0完全透明，1完全不透明）
   • layer.shadowOffset：类型选Size，设置阴影偏移（比如(2, 2)表示右下偏移）
   • layer.shadowRadius：类型选Number，值设为3左右（控制阴影模糊程度）
3. 注意：如果按钮需要圆角，不要开启layer.masksToBounds，否则阴影会被按钮边界裁剪掉；如果必须圆角+阴影，建议用代码或者嵌套图层实现。

方案二：用代码设置（更灵活可控） #

如果觉得Storyboard设置麻烦，直接写代码更直观：

Swift 示例 #

// 替换成你的IBOutlet按钮实例
@IBOutlet weak var customButton: UIButton!

override func viewDidLoad() {
    super.viewDidLoad()
    // 设置按钮阴影
    customButton.layer.shadowColor = UIColor.black.withAlphaComponent(0.5).cgColor
    customButton.layer.shadowOpacity = 0.5
    customButton.layer.shadowOffset = CGSize(width: 2, height: 2)
    customButton.layer.shadowRadius = 3
    // 默认masksToBounds是false，不用特意设置；如果之前开了要关掉
    // customButton.layer.masksToBounds = false
}

Objective-C 示例 #

// 替换成你的IBOutlet按钮实例
@property (weak, nonatomic) IBOutlet UIButton *customButton;

- (void)viewDidLoad {
    [super viewDidLoad];
    // 设置按钮阴影
    self.customButton.layer.shadowColor = [[UIColor blackColor] colorWithAlphaComponent:0.5].CGColor;
    self.customButton.layer.shadowOpacity = 0.5;
    self.customButton.layer.shadowOffset = CGSizeMake(2, 2);
    self.customButton.layer.shadowRadius = 3;
    // 默认masksToBounds是NO，无需额外设置；如果之前开启了要关闭
    // self.customButton.layer.masksToBounds = NO;
}

为什么之前阴影只在文字上？ #

因为在Storyboard的「Attributes Inspector」里，当你选中按钮时，里面的「Shadow」相关选项（比如Shadow Color、Shadow Offset）其实是作用于按钮的titleLabel，而不是按钮自身的layer——所以你之前设置的是文字阴影，而非整个按钮的阴影。

内容的提问来源于stack exchange，提问作者breakline