SwiftUI：如何将.clipShape应用到.hoverEffect？

Question

我正在使用.hoverEffect修饰符。 当用户将鼠标/触控板指针放在我的按钮上时，它会向我的按钮添加 hover 效果：

import SwiftUI

struct ContentView: View {
    var body: some View {
        Button("Hello world") {
            // Action…
        }
        .padding()
        .background(Color.blue)
        .foregroundColor(.white)
        .hoverEffect(.lift) // ← Hover effect
        .clipShape(Capsule())
    }
}

但是，当我将剪辑形状应用于按钮（例如RoundedRectangle或Capsule ）时，视图会被剪辑，但 hover 效果不会。

我怎样才能有一个与按钮形状相匹配的 hover 效果？

Answer 1

使用.contentShape(Capsule())更改 hover 效果的形状以匹配您的clipShape 。 请注意，此修饰符也会影响命中测试区域，这在大多数类似于您自己的示例中可能是可取的。