SwiftUI Wheel Pickerの使用方法

1. 基本的なWheel Pickerの作成方法:

import SwiftUI
struct ContentView: View {
    @State private var selectedOption = 0
    let options = ["選択肢1", "選択肢2", "選択肢3", "選択肢4"]
    var body: some View {
        VStack {
            Text("選択したオプション: \(options[selectedOption])")

            Picker(selection: $selectedOption, label: Text("")) {
                ForEach(0 ..< options.count) {
                    Text(self.options[$0])
                }
            }
            .pickerStyle(WheelPickerStyle())
            .frame(width: 200, height: 150)
        }
    }
}

上記のコードでは、選択肢がoptionsという文字列の配列として定義され、selectedOptionという状態変数を使用して選択されたオプションを追跡しています。PickerビューのpickerStyleをWheelPickerStyle()に設定することで、Wheel Pickerスタイルを適用しています。

2. Wheel Pickerの外観のカスタマイズ:

Picker(selection: $selectedOption, label: Text("")) {
    ForEach(0 ..< options.count) {
        Text(self.options[$0])
            .foregroundColor(.blue)
    }
}
.pickerStyle(WheelPickerStyle())
.frame(width: 200, height: 150)
.background(Color.gray)
.cornerRadius(10)

上記のコードでは、選択肢のテキストの色を青色に設定し、ホイールピッカーの背景色をグレーに設定しています。また、角丸の半径を10に設定しています。

以上が、SwiftUIのWheel Pickerの基本的な使用方法とカスタマイズの一例です。これを参考にして、自分のアプリに適した方法でWheel Pickerを利用してください。