🧮 SwiftUI Learning Series #35 – Tip Calculator
In diesem Beispiel bauen wir einen einfachen Trinkgeld-Rechner mit SwiftUI.
Dabei lernen wir:
✅ Benutzereingaben mit TextField erfassen
✅ Werte mit @State verwalten
✅ Slider für Prozentwerte verwenden
✅ Computed Properties für Berechnungen nutzen
✅ Ergebnisse in Echtzeit aktualisieren
Ein praktisches Beispiel, um Datenbindung und State Management in SwiftUI zu verstehen.
//
// TipCalculatorView.swift
// PlayCode
//
// Created by Tufan Cakir on 09.06.26.
//
import SwiftUI
struct TipCalculatorView: View {
@State private var bill = ""
@State private var tipPercent = 10.0
var tip: Double {
let amount = Double(bill) ?? 0
return amount * tipPercent / 100
}
var total: Double {
(Double(bill) ?? 0) tip
}
var body: some View {
VStack(spacing: 20) {
Text("Trinkgeld Rechner")
.font(.largeTitle)
TextField("Rechnung in €", text:
$bill)
.keyboardType(.decimalPad)
.textFieldStyle(.roundedBorder)
Slider(value:
$tipPercent, in: 0...30, step: 1)
Text("Trinkgeld: \(tipPercent, specifier: "%.0f")")
Text("Betrag: €\(amount, specifier: "%.2f")")
Text("Gesamt: €\(total, specifier: "%.2f")"))
.font(.title2)
}
.padding()
}
}
#Preview {
TipCalculatorView()
}
Welche SwiftUI-Themen würdet ihr gerne als Nächstes sehen?
#TufanCakir #Swift #SwiftUI #iOS #iOSDevelopment #Code #Programming #Xcode #LearnToCode #AppleDeveloper