如何使按钮的可点击区域成为按钮框架

Posted 2023-02-24

【中文标题】如何使按钮的可点击区域成为按钮框架

【英文标题】：How to make clickable area of button be the buttons frame

【发布时间】：2020-04-08 00:06:02

【问题描述】：

在这里首次尝试 SwiftUI，将 Swift Macos 应用程序转换为 SwiftUI。

我想知道是否可以将按钮框架内的整个区域作为按钮的一部分进行点击。似乎只有文本周围突出显示的区域是按钮的一部分。

Buttons

其中一个计算器按钮的代码：

Button("÷", action: 
    self.calculatorVM.operate("÷")
)
    .frame(width: self.calculatorVM.buttonWidth, height: self.calculatorVM.buttonHeight)
    .border(Color.blue)
    .font(.body)

【问题讨论】：

有可能。能否提供演示代码？

【参考方案1】：

通过如下配置按钮来解决问题：

Button(action: 
        self.calculatorVM.recieveInput(self.button)
    ) 
        Text(button.title)
            .font(.body)
            .frame(width: buttonWidth, height: 50)
            .background(button.buttonHeight)

.buttonStyle(PlainButtonStyle())