SwiftUiでSegmentの実装方法

現在SwiftUIを勉強中なので、さまざまなUIを実装しています。
今回は、SwiftUIでPickerでSegmentedPickerStyleの実装をしてみました。

Xcode Version 14.2

SegmentView.swift

struct SegmentView: View {
    
    enum SegmentType: CaseIterable {
        case one
        case two
    }
    
    @State var selectedLayout: SegmentType = .one
    
    var body: some View {
        ZStack{
            Picker("Layout", selection: $selectedLayout) {
                ForEach(SegmentType.allCases, id: \.self) {
                    type in
                    switch type {
                    case .one:
                        Text("１つ目")
                    case .two:
                        Text("２つ目")
                    }
                }
            }.pickerStyle(SegmentedPickerStyle())
                .padding()
        }
    }
}

こんな感じになりました。

Pickerを使用してpickerStyleを設定することによってSegmentの見た目になりました。

.pickerStyle(SegmentedPickerStyle())
こちらを設定すると画像のような表示になります。