Playground SwiftUI

Scrivi, esegui e condividi snippet di codice, senza configurare nulla.

ContentView.swift

AnteprimaAnteprima automatica

import SwiftUI

struct TodoItem: Identifiable {
    let id = UUID()
    var title: String
    var done = false
}

struct ContentView: View {
    @State private var items = [
        TodoItem(title: "Run SwiftUI in the browser", done: true),
        TodoItem(title: "Tap a task to check it off"),
        TodoItem(title: "Add a task of your own"),
    ]
    @State private var newTitle = ""

    var remaining: Int {
        items.filter { !$0.done }.count
    }

    var body: some View {
        NavigationStack {
            List {
                Section("\(remaining) left to do") {
                    ForEach($items) { $item in
                        Toggle(item.title, isOn: $item.done)
                    }
                }
                Section {
                    HStack {
                        TextField("New task", text: $newTitle)
                        Button("Add") {
                            items.append(TodoItem(title: newTitle))
                            newTitle = ""
                        }
                        .disabled(newTitle.isEmpty)
                    }
                }
            }
            .navigationTitle("My Tasks")
        }
    }
}

Esegui SwiftUI online e guarda l'app su un iPhone

Un playground SwiftUI online gratuito. Scrivi una ContentView e le tue view compaiono su uno schermo delle dimensioni di un iPhone accanto al codice. Pulsanti, toggle e campi di testo rispondono ai tocchi, così le modifiche di @State si vedono come su un dispositivo. Niente Mac, niente Xcode, nessun simulatore da scaricare.

Il codice viene compilato con swiftc usando l'implementazione di SwiftUI realizzata da Coddy, la stessa che alimenta l'anteprima dal vivo nelle lezioni SwiftUI di Coddy. Copre le API di tutti i giorni: stack, Text, Image(systemName:), Button, Toggle, TextField, Slider, Stepper, Picker, List, ForEach, Form, NavigationStack, sheet e alert, con @State, @Binding, ObservableObject e @Published. Non è il framework di Apple, quindi i framework esclusivi di Apple come UIKit, MapKit e Core Data non sono disponibili.

Perché questo playground SwiftUI è utile

Un'anteprima iPhone dal vivo: lo schermo viene mostrato a grandezza iPhone dentro la cornice di un dispositivo, con barra di stato e Dynamic Island, così un layout appare come apparirebbe su un telefono.
Tocca l'app. Pulsanti, toggle, stepper e campi di testo rispondono, e l'anteprima riproduce i tuoi tocchi su uno stato nuovo, così @State e @Binding si comportano come in una vera app.
Anteprima automatica: lo schermo si ricostruisce un attimo dopo che smetti di scrivere, e il pulsante di aggiornamento fa ripartire l'app. Gli errori del compilatore indicano la riga nel tuo file.
Suggerimenti di codice SwiftUI nell'editor: i modificatori dopo un punto, i valori che accetta un argomento (.font(., .foregroundStyle(.), i property wrapper dopo @ e i nomi dei simboli SF Symbols.
Salva uno screenshot del telefono in PNG e scarica il tuo ContentView.swift per aprirlo più tardi in Xcode. Anche i file incollati da Xcode vengono compilati: i blocchi #Preview vengono ignorati.

Cosa puoi creare nel playground SwiftUI

Una lista di cose da fare con List, ForEach($items) e un Toggle per riga, più un TextField e un pulsante che aggiunge nuove righe.
Una schermata di impostazioni: un Form con sezioni, un Picker, uno Stepper e uno Slider, tutti collegati a @State.
Navigazione: uno NavigationStack con un titolo e righe NavigationLink che aprono una view di dettaglio.
Esperimenti di layout: VStack, HStack e ZStack con .padding, .frame, .background e forme arrotondate, per vedere come si sommano i modificatori.

Domande frequenti sul playground SwiftUI online

Posso eseguire SwiftUI senza un Mac?

Sì. Questo playground funziona in qualsiasi browser moderno, su Windows, Linux, un Chromebook o un iPad. Il codice viene compilato sui server di Coddy e lo schermo viene disegnato nella pagina, quindi non ti servono Xcode, un Mac o il simulatore iOS per provare SwiftUI.

Il playground SwiftUI online è gratuito?

Sì. È gratuito e senza registrazione: apri la pagina, modifica il codice e guarda il telefono.

È lo SwiftUI di Apple?

No. È un'implementazione di Coddy delle view, dei modificatori e dei property wrapper di SwiftUI, compilata con swiftc e disegnata come uno schermo di iPhone. Il codice SwiftUI di tutti i giorni gira senza modifiche, e l'anteprima è la stessa che le lezioni SwiftUI di Coddy usano e con cui valutano gli esercizi. I framework esclusivi di Apple come UIKit, MapKit e Core Data non sono disponibili, e le animazioni mostrano il loro stato finale.

Posso usare @Observable o #Preview?

Per i dati condivisi usa ObservableObject con @Published e @StateObject. La macro @Observable e #Preview richiedono i plugin per le macro di Xcode; i blocchi #Preview vengono ignorati, quindi un file incollato da Xcode viene comunque compilato e l'app mostra ContentView. Puoi anche aggiungere una tua struct App con @main.

Come imparo SwiftUI dopo aver provato il playground?

Modifica l'app di esempio ed esplorala toccando l'anteprima. Quando vuoi un percorso strutturato, il corso di SwiftUI di Coddy insegna view, modificatori, stack, @State, liste, navigazione, @Binding e dati osservabili in brevi lezioni, ognuna con la stessa anteprima iPhone dal vivo.

Strumenti utili per SwiftUI

Strumenti gratuiti nel browser che si abbinano bene al playground SwiftUI, tutti parte di Coddy.

Incorpora l'editor SwiftUI Confronta le piattaforme di programmazione