SwiftUI アーカイブ - Mjeld Technologies

2022-06-162022-06-16

SwiftUI macOS 10.15 Toggle()にonChange()がない

macOS 10.15 Catalina にも対応するアプリを SwiftUIで作成する場合

Toggle()には onChange()が付いていません

onChange()が対応しているのは macOS 11.0以降のようです

struct test: View{
    @State var toggleStatus: Bool = false
    var body: some View {
        Toggle("Toggle", isOn: $toggleStatus).onChange(of: toggleStatus){newValue in
            
        }
    }
}

↑上記コードですと、 ↓下のエラーがでます。

x.swift:14:47: 'onChange(of:perform:)' is only available in macOS 11.0 or newer

'onChange(of:perform:)' is only available in macOS 11.0 or newer

Xcodeは、 @available(macOS 11.0, *) これで回避しろと言ってきます。

extension Binding で onChange() を作る

extension Binding {
    func onChange(_ action: @escaping () -> Void) -> Binding {
        Binding(get: {
            wrappedValue
        }, set: { newValue in
            wrappedValue = newValue
            action()
        })
    }
}
//@available(macOS 11.0, *)
struct test: View{
    @State var toggleStatus: Bool = false
    var body: some View {
        Toggle("Toggle", isOn: $toggleStatus.onChange {
            
        })
    }
}

Binding<T>が付いている SwiftUI部品ならなんでも利用できそうです。

2022-05-292022-06-05

macOS SwiftUI ウィンドウタイトル名を変更する

SwiftUI でmacOSアプリを作った場合プロジェクト名がウィンドウタイトルになります。

ウィンドウタイトルを変更するには navigationTitle()を使います。

下記はコード例です

@main
struct プロジェクト名App: App {
    @State var title: String = "ウィンドウタイトル名"
    var body: some Scene {
        WindowGroup {
            ContentView().navigationTitle(title)
        }.windowStyle(.automatic)
    }
}

2022-05-292022-05-29

macOS SwiftUI DatePicker カレンダー最大値 / 最小値 Range

macOS SwiftUI で DatePickerの最大値と最大値をClosedRangeで指定する方法コード例です。

SwiftUI の DatePicker をmacOSで使う下記はシンプルなコード例

struct ContentView: View {
    @State var d1: Date = Date()
    @Binding var title: String
    var body: some View {
        ZStack{
            Color.clear.frame(width: 350, height: 200)
            VStack{
                DatePicker("日時", selection: $d1).frame(width: 300)
                Spacer().frame(height: 150)
            }
        }
    }
}

↓下記は、 DatePicker の最大値と最小値を設定するコード例です

struct ContentView: View {
    @State var d1: Date = Date()
    @Binding var title: String
    @State var target:Date = Date()
    var dateClosedRange: ClosedRange<Date> {
        let min = Calendar.current.date(byAdding: .day, value: -7, to: target)! //7日前
        let max = Calendar.current.date(byAdding: .day, value: 1, to: target)!  //1日後
        return min...max
    }

    var body: some View {
        ZStack{
            Color.clear.frame(width: 350, height: 200)
            VStack{
                DatePicker("日時", selection: $d1, in: dateClosedRange).frame(width: 300)
                Spacer().frame(height: 150)
            }
        }
    }
}

DatePicker の “in” に ClosedRange<Date>で最大値と最小値を指定しています。