使用Plain按钮样式时，如何将hoverEffect限制在Button内指定View

要实现仅Circle有hover效果、点击时整体缩放且Text无默认hover背景的效果，你需要做两处关键调整：

1. 禁用Button的全局默认hover效果：给Button本身添加.hoverEffectDisabled()，而不是内部的VStack——因为默认hover效果是Button控件自带的，作用在VStack上无法屏蔽Button级别的hover反馈。
2. 保留Circle的独立hover效果：继续给Circle保留.hoverEffect()，确保鼠标悬浮在圆形上时正常显示交互反馈。
3. 自定义点击缩放效果：如果需要点击时的缩放动画，可通过自定义ButtonStyle实现，替代plain样式的默认反馈（plain样式默认点击缩放可能不明显）。

修改后的完整代码 #

// 自定义点击缩放的按钮样式
struct ScalingPlainButtonStyle: ButtonStyle {
    func makeBody(configuration: Configuration) -> some View {
        configuration.label
            .scaleEffect(configuration.isPressed ? 0.95 : 1.0)
            .animation(.easeInOut(duration: 0.2), value: configuration.isPressed)
    }
}

// 使用自定义样式的Button
Button(action: action) {
    VStack {
        Circle()
            .frame(width: 100, height: 100)
            .foregroundStyle(.fill.quinary)
            .hoverEffect() // 仅Circle保留hover效果
        
        Text("Title")
    }
}
.buttonStyle(ScalingPlainButtonStyle())
.hoverEffectDisabled() // 禁用Button全局默认hover

效果说明 #

• 悬浮在Circle上时：圆形正常显示系统hover效果（如轻微放大、阴影变化）
• 悬浮在Text上时：无任何默认椭圆形背景或hover反馈
• 点击按钮任意区域：整体会有0.95倍的缩放动画，松开后恢复原大小

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