SwiftUI 中通过Toggle实现单选框和复选框效果

最新推荐文章于 2024-08-26 10:07:41 发布

白羊大树

最新推荐文章于 2024-08-26 10:07:41 发布

阅读量2k

点赞数 1

分类专栏： # SwiftUI 文章标签： swift 开发语言 ios

原文链接：https://www.cnblogs.com/chaostudy/p/15034076.html

版权

SwiftUI 专栏收录该内容

23 篇文章 5 订阅

订阅专栏

import SwiftUI

struct ContentView: View {
    @State private var bo = false
    var body: some View {
        Toggle("开关", isOn: $bo)
            .toggleStyle(CheckBoxToggleStyle(shape: .square))
    }
    struct CheckBoxToggleStyle: ToggleStyle{
        enum CheckBoxShape: String{
            case circle
            case square
        }
        let shape : CheckBoxShape
        init(shape: CheckBoxShape = .circle){
            self.shape = shape
        }
        //configuration中包含isOn和label
        func makeBody(configuration: Configuration) -> some View {
            let systemName:String = configuration.isOn ? "checkmark.\(shape.rawValue).fill" : shape.rawValue
            Button(action: {
                configuration.isOn.toggle()
            }) {
                configuration.label
                Image(systemName: systemName)
                    .resizable()
                    .frame(width: 30, height: 30)
            }
            

        }
    }
}

struct ContentView_Previews: PreviewProvider {
    static var previews: some View {
        ContentView()
    }
}