SwiftUI - Button 点击,内边距设置,响应区域处理
2021-06-21 本文已影响0人
黑色幽默_0d96
有内边距的button
第一种方式,这种方式不太好,不能响应整个背景范围的点击
HStack(alignment: VerticalAlignment.center, spacing: nil, content: {
Button("按钮测试") {
print("按钮点击事件")
}.buttonStyle(PlainButtonStyle())
.border(Color.black, width: 1)
}).padding(EdgeInsets(top: 5, leading: 10, bottom: 5, trailing: 10))
.background(Color.yellow)
第二种方式,比较可响应整个点击区域
Button {
print("有内边距的button点击")
} label: {
HStack(){
Text("有内边距的button")
}.padding(EdgeInsets(top: 5, leading: 10, bottom: 5, trailing: 10))
.background(Color.yellow)
}
其他button样式
Button("PlainButtonStyle") {
print("PlainButtonStyle点击事件")
}.buttonStyle(PlainButtonStyle())
.border(Color.black, width: 1)
.background(Color.yellow)
Button("BorderlessButtonStyle") {
print("BorderlessButtonStyle点击事件")
}.buttonStyle(BorderlessButtonStyle())
.border(Color.black, width: 1)
.background(Color.yellow)