本文价值与收获

看完本文后，您将能够作出下面的界面

Jietu20200525-121344@2x.jpg

Jietu20200525-121404.gif

一、Button基础知识

（一）什么是Button

Button是触发时执行操作的控件。他的定义如下

struct Button<Label> where Label : View

“触发”按钮的方法可能会有所不同。例如，在iOS上，通过点击屏幕上的按钮可以触发按钮，而在tvOS上，可以通过在按钮处于焦点状态时按下外部遥控器上的“选择”来触发按钮。

（二）Button如何使用

Button是SwiftUI最常用的交互控件，下面就是Button简单代码

    Button (
        action: {
            // handle the tap
        },
        label: {Text("Click Me")} )

我们也可以用更简单的方式表示，例如

Button("Click Me") { 
//handle the tap
}

三、实战解决问题

(一) 解决方案

ButtonStyle能够将标准交互行为和自定义外观应用于Button控件。也就是说通过ButtonStyle我们可以实现在不影响用户交互的情况下修改按钮外观效果

protocol ButtonStyle

我们可以通过buttonStyle(_:)来设置按钮样式。在创建使用为每个平台定义的标准按钮交互行为的按钮时，请指定一种符合ButtonStyle的样式。要创建具有自定义交互行为的按钮，请改用PrimitiveButtonStyle。

(二) 项目代码