🎬 SwiftUI Learning Series #43 – Favorite Movies
Heute zeige ich, wie man mit SwiftUI eine einfache Liste für Lieblingsfilme erstellt.
📚 Was man dabei lernt:
✅ @State verwenden
✅ Listen mit List erstellen
✅ Elemente mit ForEach anzeigen
✅ Daten über TextField hinzufügen
✅ Einträge per Swipe löschen
✅ NavigationStack nutzen
//
// FavoriteMoviesView.swift
// PlayCode
//
// Created by Tufan Cakir on 11.06.26.
//
import SwiftUI
struct FavoriteMoviesView: View {
@State private var movies: [String] = []
@State private var newMovie = ""
var body: some View {
NavigationStack {
VStack {
HStack {
TextField("Filmname", text: $newMovie)
.textFieldStyle(.roundedBorder)
Button("Add") {
// Nur hinzufügen, wenn Text vorhanden ist
if !newMovie.isEmpty {
movies.append(newMovie)
newMovie = ""
}
}
}
.padding()
List {
ForEach(movies, id: \.self) { movie in
Text(movie)
}
.onDelete { indexSet in
// Filme per Swipe löschen
movies.remove(atOffsets: indexSet)
}
}
}
.navigationTitle("Filme")
}
}
}
#Preview {
FavoriteMoviesView()
}
Welche SwiftUI-Themen würdet ihr gerne als Nächstes sehen?
#TufanCakir#Swift#SwiftUI#iOS#iOSDevelopment#Code#Programming#Xcode#LearnToCode#AppleDeveloper
😎 SwiftUI Learning Series #37 – Mood Tracker
Heute zeige ich, wie man mit SwiftUI einen einfachen Mood Tracker erstellt.
📚 Was man dabei lernt:
✅ @State verwenden
✅ Arrays in SwiftUI nutzen
✅ ForEach für dynamische Inhalte
✅ onTapGesture für Benutzerinteraktionen
✅ Dynamische UI-Aktualisierung
Dieses Beispiel zeigt, wie man mit wenigen Zeilen Code interaktive Benutzeroberflächen erstellen kann.
//
// MoodTrackerView.swift
// PlayCode
//
// Created by Tufan Cakir on 09.06.26.
//
import SwiftUI
struct MoodTrackerView: View {
@State private var selectedMood = "😊"
let moods = ["😊", "😐", "😢", "😡", "😴"]
var body: some View {
VStack(spacing: 25) {
Text("Wie fühlst du dich?")
.font(.title)
Text(selectedMood)
.font(.system(size: 90))
HStack {
ForEach(moods, id: \.self) { mood in
Text(mood)
.font(.largeTitle)
.onTapGesture {
// Beim Antippen wird die Stimmung geändert
selectedMood = mood
}
}
}
}
.padding()
}
}
#Preview {
MoodTrackerView()
}
Welche SwiftUI-Themen würdet ihr gerne als Nächstes sehen?
#TufanCakir#Swift#SwiftUI#iOS#iOSDevelopment#Code#Programming#Xcode#LearnToCode#AppleDeveloper
📖 SwiftUI Learning Series #33 – Mini Instagram Feed
In diesem Beispiel bauen wir einen einfachen Social-Media-Feed mit SwiftUI.
Dabei lernen wir:
✅ ScrollView für scrollbare Inhalte
✅ ForEach zum Anzeigen mehrerer Elemente
✅ Eigene Datenmodelle mit Identifiable
✅ VStack und HStack für Layouts
✅ Wiederverwendbare UI-Strukturen
Ein einfaches Beispiel, um die Grundlagen hinter Social-Media-Feeds zu verstehen.
//
// MiniInstagramFeedView.swift
// PlayCode
//
// Created by Tufan Cakir on 09.06.26.
//
import SwiftUI
struct Post: Identifiable {
let id = UUID()
let user: String
}
struct MiniInstagramFeedView: View {
let posts = [
Post(user: "Tom"),
Post(user: "Lisa"),
Post(user: "Alex"),
]
var body: some View {
ScrollView {
VStack {
ForEach(posts) { post in
VStack(alignment: .leading) {
Text(post.user)
.bold()
HStack {
Image(systemName: "heart")
Image(systemName: "message")
}
}
.padding()
}
}
}
}
}
#Preview {
MiniInstagramFeedView()
}
Welche SwiftUI-Themen würdet ihr gerne als Nächstes sehen?
#TufanCakir#Swift#SwiftUI#iOS#iOSDevelopment#Code#Programming#Xcode#LearnToCode#AppleDeveloper
Thanks
1/ So in my code attached below, I must use either 3 or 4 (with an HStack, VStack or ZStack). Correct?
2/ I thought 2 would work too as I assumed it was considered by SwiftUI to be a single View. But apparently it's not, all the rows are initialised. Why?
cc @squeakytoy
Agree with Steven here. In your case you really always want a single "row" per element but that's not visible statically to SwiftUI. An HStack is a good way to communicate that to SwiftUI.
⭐️ SwiftUI Learning Series #26 – Star Rating
Heute zeige ich, wie man mit SwiftUI ein einfaches Sterne-Bewertungssystem erstellt.
📚 Was man dabei lernt:
✅ ForEach für dynamische UI-Elemente verwenden
✅ @State zur Zustandsverwaltung nutzen
✅ SF Symbols integrieren
✅ Benutzerinteraktionen mit onTapGesture verarbeiten
✅ Dynamische Darstellung basierend auf Daten
Dieses Beispiel zeigt, wie man interaktive Bewertungssysteme erstellt, die häufig in Shop-, Review- oder Feedback-Apps verwendet werden.
//
// StarRatingView.swift
// PlayCode
//
// Created by Tufan Cakir on 06.06.26.
//
import SwiftUI
struct StarRatingView: View {
@State private var rating = 0
var body: some View {
HStack {
ForEach(1...5, id: \.self) { star in
Image(
systemName:
star <= rating
? "star.fill"
: "star"
)
.onTapGesture {
rating = star
}
}
}
.font(.largeTitle)
}
}
#Preview {
StarRatingView()
}
Welche SwiftUI-Themen würdet ihr gerne als Nächstes sehen?
#TufanCakir#Swift#SwiftUI#iOS#iOSDevelopment#Code#Programming#Xcode#LearnToCode#AppleDeveloper
🛍️ SwiftUI Learning Series #25 – Shopping List
Heute zeige ich, wie man mit SwiftUI eine einfache Einkaufsliste erstellt.
📚 Was man dabei lernt:
✅ @State verwenden
✅ Benutzereingaben mit TextField erfassen
✅ Arrays dynamisch aktualisieren
✅ Elemente zu einer Liste hinzufügen
✅ Daten mit List anzeigen
Dieses Beispiel zeigt die Grundlagen vieler Produktivitäts-Apps und eignet sich perfekt, um State Management und Listen in SwiftUI zu lernen.
//
// ShoppingListView.swift
// PlayCode
//
// Created by Tufan Cakir on 06.06.26.
//
import SwiftUI
struct ShoppingListView: View {
@State private var items: [String] = []
@State private var text = ""
var body: some View {
VStack {
HStack {
TextField(
"Produkt",
text: $text
)
Button("Add") {
if !text.isEmpty {
items.append(text)
text = ""
}
}
}
.padding()
List(items, id: \.self) {
Text($0)
}
}
}
}
#Preview {
ShoppingListView()
}
Welche SwiftUI-Themen würdet ihr gerne als Nächstes sehen?
#TufanCakir#Swift#SwiftUI#iOS#iOSDevelopment#Code#Programming#Xcode#LearnToCode#AppleDeveloper
💚 kalian belajar excel (IF, PIVOT, VLOOKUP, dan HLOOKUP) berapa lama? bisa ga 4 materi itu digarap sebulan? (Ga usah sampe pro bgt, seenggaknya bisa dikit-dikit gitu)?