嘿，你的思路已经抓住了核心——通过约束和圆角的动画过渡来实现按钮形态的切换，不过我可以给你几个小建议让动画更流畅、更健壮：

1. 修正动画执行逻辑 #

你当前的代码里，宽度约束的更新时机有点小问题，可能导致布局动画不够连贯。正确的做法是先更新约束值，再在动画块内触发布局更新：

// 先更新宽度约束（录制时变窄，未录制时变宽）
buttonWidthConstraint.constant = isRecording ? 33 : 66

// 执行动画，添加缓动选项让过渡更自然
UIView.animate(withDuration: 0.2, options: .curveEaseInOut) {
    // 动态计算圆角：未录制时用宽度的一半保证是正圆，录制时用固定小圆角
    self.innerButtonView.layer.cornerRadius = self.isRecording ? 3 : self.innerButtonView.bounds.width / 2
    // 调用父视图的layoutIfNeeded，确保所有约束动画生效
    self.view.layoutIfNeeded()
}

2. 几个关键细节优化 #

• 避免硬编码圆角值：用innerButtonView.bounds.width / 2代替固定的33，这样即使按钮宽度后续调整（比如适配不同屏幕尺寸），也能始终保持正圆形态。
• 开启裁剪边界：确保innerButtonView.clipsToBounds = true，否则圆角设置可能不会生效。
• 保持宽高一致：如果你的按钮高度是固定值，建议录制时把高度约束也同步改成33，未录制时改成66，这样切换后的矩形是标准正方形，视觉更协调。

3. 增强交互反馈（可选） #

如果想让录制状态的切换更明显，可以在动画完成后添加额外反馈：

UIView.animate(withDuration: 0.2, options: .curveEaseInOut) {
    // 动画内容...
} completion: { _ in
    if self.isRecording {
        // 录制开始时添加轻微震动反馈
        UIImpactFeedbackGenerator(style: .light).impactOccurred()
    }
}

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