SwiftUI基础控件篇-UIButton

60 阅读1分钟

SwiftUI - Button

// MARK: - Introduction
var intro:some View{
    VStack(spacing:20){
        Text("Button")
        Text("可以响应用户操作的基础控件")
        font(.title2)
}
// MARK: - Basic
var basicUsage:some View{
    VStack(spacing:20){
        HStack {
            Button(action:{
                signIn()
            },label:{
            Text("Sign In 1")
            })
        Button(action:signIn){
            Text("Sign In 2")
        }
        HStack {
            Button("Register 1"){
                register()
}
    Button("Register2", action:register)

样式 buttonStyle

// MARK: - Button Styles
var styleButtonsiOS:some View {
    VStack(spacing:20){
        Button("Sign In", action:signIn)
        .buttonStyle(PlainButtonStyle())
        
        Button("Sign In", action:signin)
        .buttonStyle(BorderlessButtonStyle())
        
        Button("SignIn", action:signIn)
        .buttonStyle(DefaultButtonStyle())

image.png

自定义样式

ButtonStyle - 自定义样式,使用系统默认的标准交互 PrimitiveButtonStyle - 自定义样式同时使用自定义交互逻辑