ButtonStyle 是 SwiftUI 中的一种样式类型,用于自定义按钮的外观和行为。如果您想减小按钮的填充,可以使用 ButtonStyle 的 modifier 来自定义按钮的外观。
以下是一个示例代码,展示了如何使用 ButtonStyle 来减小按钮的填充:
import SwiftUI
struct ContentView: View {
var body: some View {
Button(action: {
// 按钮被点击时执行的操作
}) {
Text("Button")
.foregroundColor(.white)
.padding()
.background(Color.blue)
.cornerRadius(10)
}
.buttonStyle(CustomButtonStyle())
}
}
struct CustomButtonStyle: ButtonStyle {
func makeBody(configuration: Configuration) -> some View {
configuration.label
.padding(EdgeInsets(top: 10, leading: 20, bottom: 10, trailing: 20))
.background(configuration.isPressed ? Color.gray : Color.blue)
.cornerRadius(10)
}
}
在上面的代码中,我们首先创建了一个自定义的 ButtonStyle,它在按钮被按下时会改变背景颜色。然后,我们将这个自定义样式应用到按钮上,通过调用 .buttonStyle(CustomButtonStyle())
。
在 CustomButtonStyle 中,我们使用 makeBody
方法来定义按钮的外观。在这里,我们对按钮的填充进行了自定义,使用 padding
modifier 来减小按钮的填充大小,并使用 background
modifier 来设置按钮的背景颜色。我们还使用 cornerRadius
modifier 来设置按钮的圆角。
通过这种方式,您可以自定义按钮的外观,包括减小填充大小。
下一篇:不退出'while'循环