@GuideBook(title: "Om Mig", icon: title.png, background: titleBackground.png, firstFile: ContentView.swift) {
    @WelcomeMessage(title: "Om Mig") {
        Denne prøve handler om dig, eller hvad som helst du vil! Så gør dig klar til at dele noget særligt, sjovt eller anderledes, mens du lærer SwiftUI til at vise information på tværs af flere faner.
    }
    @Guide {
        @Step(title: "Om Mig") {
            @ContentAndMedia {
                ![](intro.png)  

                Velkommen til Om Mig appen. I denne prøve vil du lære det grundlæggende i at bruge [SwiftUI](glossary://SwiftUI) til at tilpasse indhold i en app med fire faner, der handler om... hvad som helst du vil! Mens du udforsker denne prøve, kan du tilføje indhold og prøve alle eksperimenterne for at udtrykke dig i hver fane.
                            
                [Tab](doc://com.apple.documentation/documentation/swiftui/tabview) visninger hjælper folk med at navigere gennem din app ved at lade dem se og skifte mellem flere visninger. 

                Prøv at trykke på hver af fanerne i App Preview: Hjem, Historie, Favoritter og Sjove Fakta.

                @GuideButton(type: walkthrough, title: "Start Bygning", description: "AX beskrivelse for knap")
            }
            @TaskGroup(title: "Hjem Fane") {
                @Task(type: walkthrough, title: "Udforsk grundlæggende SwiftUI kode", id: "homeView", file: HomeView.swift) {
                    
                    @Page(id: "HomeView", title: "Hjem Fane") {
                        `HomeView` er den første fane i din app, og det er det første, nogen ser, når de starter din app. Du har allerede set det i aktion, da du først åbnede projektet.
                        
                        Du kan se din app på to måder:
                        1. Tryk på Kør-knappen (▶) i værktøjslinjen øverst i Swift Playgrounds for at starte din app. Tryk på Swift-ikonet og derefter Stop for at vende tilbage til koden.
                        2. For at forhåndsvise din app skal du åbne AboutMeApp-filen. For at vende tilbage til denne gennemgang og Hjem-forhåndsvisning, naviger tilbage til HomeView-filen.
                    }
                    @Page(id: "HomeView.struct", title: "Hjem Fane") {
                        Før du tilpasser [brugergrænsefladen](glossary://user%20interface), appens visuelle udseende, tag et kig rundt for at se, hvordan det er bygget.
                        
                        For at skabe grænsefladen bruger du [views](glossary://view), byggeklodserne i din apps brugergrænseflade, såsom tekst, billede og former. Views kan også fungere som containere, der giver dig mulighed for at samle dem ved at placere et view inde i et andet. I denne fil er `HomeView` den view, du tilpasser, og det indeholder andre views, som `Text` og `Image`.
                    }
                    @Page(id: "HomeView.views", title: "Hjem Fane") {
                        Hvert nyt view har brug for en [body](glossary://body), hvor du tilføjer alle de views, du ønsker at vise. Fordi viewet skal vise noget, indeholder `body` altid mindst ét view.
                        Tre almindelige views er:
                        
                        * [VStack](doc://com.apple.documentation/documentation/swiftui/vstack), et view, der organiserer indhold lodret fra top til bund på skærmen.
                        * [Text](doc://com.apple.documentation/documentation/swiftui/text), et view, der viser en [String](glossary://String). Sørg for at inkludere anførselstegn omkring teksten i din String.
                        * [Image](doc://com.apple.documentation/documentation/swiftui/image), et view, der viser et billede som en PNG eller JPEG, eller ikoner fra [SF Symbols](https://developer.apple.com/sf-symbols/).
                    }
                    @Page(id: "HomeView.modifiers", title: "Hjem Fane") {
                        En anden ting at bemærke er [view modifiers](glossary://modifier). Du kan se disse i lister under nogle views. View modifiers ændrer udseendet og adfærden af et view.
                        
                        Når du ændrer et view, start en ny linje under viewet og tilføj din kode, ligesom du ser her.
                    }
                    @Page(id: "HomeView.Image.resizable", title: "Hjem Fane") {
                        Dit `Image` bruger to modifiers for at sikre, at billedet ser ud og fungerer, som du forventer:
                        
                        * [resizable](doc://com.apple.documentation/documentation/swiftui/image/resizable(capinsets:resizingmode:)) gør det muligt for billedet at tilpasse sig den tilgængelige plads på skærmen; ellers vises billedet i sin fulde størrelse, hvilket kan være meget stort. Denne modifier giver dig også mulighed for at bruge andre modifiers på et billede, som `scaledToFit`.
                        
                        * [scaledToFit](doc://com.apple.documentation/documentation/swiftui/view/scaledtofit()) fortæller billedet at opretholde det korrekte størrelsesforhold for den tilgængelige plads.
                    }
                    @Page(id: "HomeView.getStarted", title: "Hjem Fane") {
                        Fortsæt for at begynde at tilpasse appen!
                    }  
                }
                
                @Task(type: experiment, title: "Tilpas Hjem-fanen", id: "home", file: HomeView.swift) {
                    
                    @Page(id: "HomeView.Image", title: "") {
                        Start med at erstatte `Image` med et nyt billede.
                       
                        For at tilføje dit eget billede på iPad:
                        1. Åbn venstre sidebjælke.
                        2. Tryk på Tilføj fil-knappen øverst i sidebjælken.
                        3. Tryk på Foto for at tilføje et foto fra din Fotos-app.
                        4. Giv dit billede et navn.
                        5. Erstat navnet `Placeholder` i anførselstegnene med navnet på dit billede.
                    }
                    @Page(id: "HomeView.Image.modifiers", title: "Tilpasning af Hjem-fanen", isAddable: true) {
                        Okay, nu til den sjove del. Prøv disse ændringer én ad gangen for at ændre formen på dit foto.
                        
                        Tilføj en af følgende modifiers under dine andre billedmodifiers. Mens du arbejder dig igennem dem, kommentér uønsket kode ud ved at sætte to skråstreger (`//`) foran linjen.
                        ```
                        .clipShape(Circle())
                        ```
                        ```
                        .clipShape(RoundedRectangle(cornerRadius: 10))
                        ```
                        ```
                        .clipShape(Ellipse())
                        ```
                        ```
                        .clipShape(Capsule())
                        ```
                    }
                    @Page(id: "HomeView.Image.overlay", title: "Tilpasning af Hjem-fanen", isAddable: true) {
                        Brug den samme form som dit foto til at tilføje en ramme rundt om billedet ved hjælp af `overlay`-modifieren, som lagrer ét view foran et andet.
                        
                        Tilføj denne kode under din `clipShape` modifier.
                        ```
                        .overlay(
                            Circle()
                                .stroke(.yellow, style: StrokeStyle(lineWidth: 15))
                        )
                        ```
                        Prøv at ændre farven eller `lineWidth` på overlayet.
                    }
                    @Page(id: "HomeView.Text", title: "Tilpasning af Hjem-fanen") {
                        Nu hvor dit billede er sat, opdater teksten nedenfor. [Text](doc://com.apple.documentation/documentation/swiftui/text) viewet er et andet [indbygget view](glossary://built-in%20view), som SwiftUI tilbyder.
                        
                        Rediger `"Dit Navn"` til at være dit navn eller titlen på dit projekt.
                    }
                    @Page(id: "HomeView.Text.modifiers", title: "Tilpasning af Hjem-fanen") {
                        Vælg en skrifttype til dit `Text` view. Brug autofuldførelse til at finde forskellige skrifttyper:
                        
                        1. Slet `.title` (inklusive punktummet, `.`).
                        2. Indtast punktummet (`.`) for at se og vælge mellem de tilgængelige muligheder, såsom `caption` eller `largeTitle`.
                    }
                    @Page(id: "HomeView.Text.modifiers", title: "Tilpasning af Hjem-fanen", isAddable: true) {
                        I stedet for at vælge en standard skriftstørrelse, kan du bruge en brugerdefineret skrifttype. Kommenter eller rediger `font`-modifieren, så den ser sådan ud:
                        ```
                        .font(.custom(FontNames.helvetica, size: 40))
                        ```
                        For at se dine skrifttypevalg:
                        1. Slet `.helvetica`.
                        2. Indtast `.` for at se og vælge en ny skrifttype.
                        
                        Tjek [System Fonts](https://developer.apple.com/fonts/system-fonts/) for at finde andre skrifttyper, og tilføj dem til `FontNames` nederst i filen.
                    }
                    @Page(id: "HomeView.Text.moreModifiers", title: "Tilpasning af Hjem-fanen", isAddable: true) {
                        Bliv ved med at tilføje nogle andre `Text` view modifiers!
                        
                        ```
                        .foregroundColor(.blue)
                        ```
                        ```
                        .padding(30)
                        ```
                        ```
                        .background(Color(red: 0.75, green: 0.75, blue: 0.75))
                        ```
                        ```
                        .cornerRadius(15)
                        ```
                        ```
                        .shadow(color: .blue, radius: 30)
                        ```
                    }
                    @Page(id: "HomeView.stacksOnStacks", title: "Tilpasning af Hjem-fanen", isAddable: true) {
                        Bland og match views og modifiers som stacks, SF Symbols, emoji, og sørg for at tilføje noget farve for at få dit navn til at skinne!
                        
                        Prøv at tilføje dette eksempel til slutningen af din `VStack`. Behold de dele, du kan lide, og slet resten:
                        ```
                        HStack {
                            Image(systemName: "sparkles")
                                .foregroundColor(.yellow)
                            Text("Joyful")
                                .font(.largeTitle)
                                .foregroundColor(.mint)
                                .padding()
                            Image(systemName: "sparkles")
                                .foregroundColor(.yellow)
                        }
                        ```
                        For at finde andre SF Symbols, åbn symbolbiblioteket (✪) i værktøjslinjen for at se alle dine muligheder.
                    }
                    @Page(id: "HomeView.Image.background", title: "Tilpasning af Hjem-fanen", isAddable: true) {
                        Fortsæt med det sjove ved at tilføje en baggrundsfarve eller et mønster.
                        
                        Tilføj denne modifier under lukkebøjlen (`}`) for `VStack` og `padding`-modifieren:
                        ```
                        .background(Image("Blue"))
                        ```
                    }
                    @Page(id: "HomeView.wrapUp", title: "Tilpasning af Hjem-fanen", isAddable: true) {
                        Nu kan du eksperimentere med alt det, du har lært indtil videre, for at gøre denne view helt unikt for dig!
                    }
                }
            }
            @TaskGroup(title: "Historie Fane") {
                @Task(type: walkthrough, title: "Lav en rullende fortælling", id: "storyView", file: StoryView.swift) {
                    
                    @Page(id: "StoryView.starterCode", title: "Lav en rullende fortælling") {
                        Dette er `StoryView`, hvor du kan vise en historie om hvad som helst, du vil.
                        
                        Der er noget startkode her, som du kan udforske. Prøv at swipe op og ned i forhåndsvisningen for at teste, hvordan denne kode fungerer.
                    }
                    @Page(id: "StoryView.scrollView", title: "Lav en rullende fortælling") {
                        Mens du swipede op og ned, bemærkede du sikkert, at visningen rullede! Denne [ScrollView](doc://com.apple.documentation/documentation/swiftui/scrollview) er nyttig, hvis du planlægger at have meget indhold, som en artikel i en nyhedsapp. En `ScrollView` gør det muligt for folk at rulle gennem dit indhold, hvis det overstiger skærmens længde.
                    }
                    @Page(id: "StoryView.modifiers", title: "Lav en rullende fortælling") {
                        En anden spændende del af denne side er layoutet og alle de modifiers, der får det til at ske.
                        
                        Prøv at kommentere en modifier ud ad gangen for at se, hvordan det påvirker visningens adfærd.
                    }
                    @Page(id: "StoryView", title: "Lav en rullende fortælling") {
                        Når du er klar, fortsæt for at lære nye måder at fange dit publikum og få din historie til at leve.
                    }
                }
                @Task(type: experiment, title: "Eksperimenter med forskellige layouts og opmærksomhedsfangere", id: "trustYourVoice", file: StoryView.swift) {
                    
                    @Page(id: "StoryView.intro", title: "Eksperimenter med forskellige layouts og opmærksomhedsfangere") {
                        Fang dit publikum med en iørefaldende titel.
                        
                        Rediger startkoden ved at erstatte `"Din Historie"` med en iørefaldende titel. Erstat `"Dit Navn"` med dit navn.
                    }
                    @Page(id: "StoryView.divider", title: "Eksperimenter med forskellige layouts og opmærksomhedsfangere", isAddable: true) {
                        Brug [Dividers](doc://com.apple.documentation/documentation/swiftui/divider) til at tilføje sektioner til din historie.
                        
                        Tilføj denne kode under tekstvisningerne og modifiers inde i `VStack`:
                        ```
                        Divider()
                        ```
                        Brug divideringslinjer liberalt gennem din historie for at give plads og vægt på forskellige dele af din historie.
                    }
                    @Page(id: "StoryView.story", title: "Eksperimenter med forskellige layouts og opmærksomhedsfangere", isAddable: true) {
                        Tag dig nu tid til at skrive din historie.
                        
                        Tilføj disse views under divideringslinjen, og rediger teksten:
                        ```
                        Text("Alle ved, at jeg bare elsker …")
                            .padding([.top, .bottom])
                        Text("Min superkraft er …")
                            .padding(.bottom)
                        ```
                        `.padding`-modifieren er meget nyttig til at sikre, at der er nok plads omkring hver af dine sideelementer. Bemærk, hvordan en [array](glossary://array) bruges til at specificere padding på kun to sider i en af padding-modifiers.
                    }
                    @Page(id: "StoryView.group", title: "Eksperimenter med forskellige layouts og opmærksomhedsfangere", isAddable: true) {
                        Afhængig af hvor meget indhold du tilføjer, har du måske allerede fået en fejl, der siger "Ekstra argumenter ved positioner …" (eller måske vil du snart). Dette er systemets måde at fortælle dig, at du har mere end 10 views i en stack. SwiftUI kan ikke lide mere end 10 ugrupperede views, så du skal gruppere ting!
                        
                        Tilføj `Group` rundt om de elementer, der hører sammen, som titlen på din historie, dit navn og divideren. For et eksempel, gå til næste trin.

                        ```
                        Group {
                        }
                        ```           
                        Gruppering af elementer har ingen visuel effekt på din brugergrænseflade, men kan hjælpe dig med at holde styr på forskellige sektioner af din historie, så vær omhyggelig med, hvordan du grupperer ting sammen.
                    }
                    @Page(id: "StoryView.image", title: "Eksperimenter med forskellige layouts og opmærksomhedsfangere", isAddable: true) {
                        Man siger, at et billede siger mere end tusind ord, så tilføj nogle billeder i din historie. 
                        
                        For at gøre dit layout mere dynamisk, prøv at tilføje `Image` og `Text` views i en `HStack`.
                        
                        Tilføj denne kode under den sidste gruppe af views i din `VStack`.
                        ```
                        Group {
                            HStack {
                                Text("I mit liv er jeg mest taknemmelig for …")
                                Image("Placeholder")
                                    .resizable()
                                    .scaledToFit()
                                    .cornerRadius(15)
                            }
                        }
                        ```                 
                    }
                    
                    @Page(id: "StoryView.highlight", title: "Eksperimenter med forskellige layouts og opmærksomhedsfangere", isAddable: true) {
                        Prøv at bruge dividers med forskelligt farvet tekst til at fremhæve eller understrege vigtige dele af din historie.
                        
                        Tilføj følgende kode under den sidste gruppe af views i `VStack` for at prøve det:
                        ```
                        Group {
                            Divider()
                            Text("Få det meste ud af denne sektion")
                                .font(.title3)
                                .foregroundColor(.cyan)
                            Text("Dette er, hvor du skriver noget, du virkelig vil fremhæve. Det, som folk skal tage med sig efter at have læst din historie.")
                                .italic()
                            Divider()
                        }
                        ```                 
                    }
                    @Page(id: "StoryView.secondArticle", title: "Eksperimenter med forskellige layouts og opmærksomhedsfangere", isAddable: true) {
                        Hvis du vil tilføje en anden historie til denne fane, tilføj endnu en `VStack` inde i `ScrollView`.
                        ```
                        VStack(alignment: .leading) {
                            Group {
                                Text("En anden historie")
                                    .font(.largeTitle)
                                Text("Forfatter")
                                    .font(.subheadline)
                                    .foregroundColor(.secondary)   
                                Divider()
                            }
                        }
                        .padding()
                        .frame(maxWidth: .infinity)
                        .background(in: RoundedRectangle(cornerRadius: 15))
                        .padding()
                        ```
                    }
                    @Page(id: "StoryView.end", title: "Eksperimenter med forskellige layouts og opmærksomhedsfangere", isAddable: true) {
                        Nu skal du samle det hele for at få din historie til at komme til live. 
                        
                        Fortsæt med at tilføje tekst, dividers, billeder, stacks, grupper, farver, skrifttyper og overskrifter for at gøre din historie mere dynamisk og interessant.
                    }
                }
            }
            
            @TaskGroup(title: "Favorit Fane") {
                @Task(type: walkthrough, title: "Lær at vise dine favoritter på tre forskellige måder", id: "favoritesView", file: FavoritesView.swift) {
                    
                    @Page(id: "FavoritesView.composition", title: "Favorit Fane") {
                        Denne fane indeholder tre sektioner med favoritter, organiseret på en lignende måde. Der er en titel øverst, en [HStack](doc://com.apple.documentation/documentation/swiftui/hstack) nedenfor, der viser billeder, tekst eller farver horisontalt, og en `Divider` for at opdele sektionerne.
                    }
                    @Page(id: "FavoritesView.questions", title: "Favorit Fane") {
                        Selvom der er meget af den samme kode i hver sektion, er der nogle nøgleforskelle, der er værd at bemærke.
                        
                        Tag et øjeblik til at udforske koden og se, om du kan finde ud af:
                        * Hvordan er tekst, billeder og farver justeret til den ene side?
                        * Hvorfor kan du rulle fødevarerne fra side til side?
                        * Hvordan er farverne skjult?
                    }
                    @Page(id: "FavoritesView.alignment", title: "Favorit Fane") {
                        Start med at se på, hvordan tekst, billeder og farver er justeret til den ene side.
                        
                        Bemærk, at hver sektion bruger en [HStack](doc://com.apple.documentation/documentation/swiftui/hstack) til at vise indhold og en [Spacer](doc://com.apple.documentation/documentation/swiftui/spacer) for enden, her…
                    }
                    @Page(id: "FavoritesView.alignment1", title: "Favorit Fane") {
                        … og her …
                    }
                    @Page(id: "FavoritesView.alignment2", title: "Favorit Fane") {
                        … og her …
                    }
                    @Page(id: "FavoritesView.alignment3", title: "Favorit Fane") {
                        … og her! Som du kan se, ved at bruge en `HStack` og `Spacer` justeres views til den ene side. 
                        
                        Prøv at flytte `Spacer` til den første position i stakken. Kan du gætte, hvad der sker?
                    }
                    @Page(id: "FavoritesView.nextQuestion", title: "Favorit Fane") {
                        Fortsæt for at finde ud af svarene på de andre to spørgsmål, mens du eksperimenterer med koden. 
                    }
                }
            }
        }
    }
}
