📜  为 swiftui 按钮添加边框 - Swift (1)

📅  最后修改于: 2023-12-03 15:21:35.570000             🧑  作者: Mango

为 SwiftUI 按钮添加边框 - Swift

在 SwiftUI 中添加边框非常容易,只需要使用 .border() 修饰符即可。下面我们将介绍如何为 SwiftUI 中的按钮添加边框。

为 SwiftUI 按钮添加边框

要为 SwiftUI 中的按钮添加边框,我们可以按照以下步骤:

  1. 创建一个新的 SwiftUI 视图。
  2. 在视图中添加一个按钮。
  3. 使用 .border() 修饰符为按钮添加边框。

下面是一个实现此效果的示例代码片段:

struct ContentView: View {
    var body: some View {
        Button(action: {
            print("Button pressed")
        }) {
            Text("Press Me!")
                .foregroundColor(.white)
        }
        .padding()
        .background(Color.green)
        .border(Color.white, width: 2)
    }
}

在这个示例中,我们首先创建了一个按钮,当用户点击按钮时,代码会输出 "Button pressed"。然后,我们使用了 .padding().background() 修饰符为按钮添加了内边距和背景颜色。最后,我们使用了 .border() 修饰符为按钮添加白色、2 像素的边框。

结论

通过使用 .border() 修饰符,我们可以很容易地为 SwiftUI 中的按钮添加边框。在实现此功能时,我们使用了一个示例代码片段来演示需要执行的步骤。