Indlæsning af billeder fra assets
Tilføj billedassets, og vis dem med Image.
Indlæsning af billeder fra assets er en gratis SwiftUI Academy-lektion på CoddyKit. Dette er lektion 3 af 4. Du kan læse hele lektionen gratis nedenfor — og derefter øve dig praktisk i browseren med en indbygget kodeeditor og en AI-vejleder, der er tilgængelig døgnet rundt. Den er en del af læringsforløbet i SwiftUI Academy, og dine fremskridt synkroniseres på tværs af nettet og CoddyKit-appen. SwiftUI Academy-kurset indeholder 4 lektioner i alt.
Billeder giver apps liv
Tekst er kun halvdelen af historien. Denne lektion viser, hvordan du tilføjer billedfiler til dit projekt og viser dem på skærmen. 🖼️
Aktivkataloget
Billeder ligger i Assets, aktivkataloget i dit projekt. Træk et billede derhen, så giver Xcode det et navn, som du henviser til i koden.
Visning af et aktivbillede
Brug Image sammen med aktivets navn for at vise det. Navnet er det, der vises i aktivkataloget, ikke filstien.
Image("logo")Billeder vises i deres oprindelige størrelse
Som standard vises et Image i sin fulde pixelstørrelse, hvilket kan få det til at gå ud over skærmen. Du får normalt brug for at ændre størrelsen.
Image("hero")Gør billeder skalerbare
Tilføj modifikatoren resizable først, så billedet kan strækkes, så det passer til den plads, du giver det.
Image("hero")
.resizable()Bevar højde-bredde-forholdet
Kombinér resizable med scaledToFit, så billedet skaleres uden forvrængning og efterlader tom plads, hvis det er nødvendigt.
Image("hero")
.resizable()
.scaledToFit()Udfyld pladsen
Brug scaledToFill, når du vil have billedet til at dække hele rammen. Beskær det overskydende med en clip, så kanterne forbliver pæne.
Image("hero")
.resizable()
.scaledToFill()Indstil størrelse med frame
Kombinér resizable med en frame for at fastsætte præcise mål. Det er den almindelige opskrift til avatarer og miniaturebilleder.
Image("avatar")
.resizable()
.frame(width: 80, height: 80)Beskæring til en form
Afslut med clipShape for at forme billeder som cirkler eller afrundede rektangler og give dem et gennemarbejdet udseende.
Image("avatar")
.resizable()
.frame(width: 80, height: 80)
.clipShape(Circle())Dekorativt kontra meningsfuldt
Markér rent dekorative billeder, så VoiceOver springer dem over, og giv meningsfulde billeder en beskrivelse, så alle kan få dem forklaret.
Image(decorative: "swirl")Indlæsning af billeder fra nettet
Til billeder fra nettet downloader og viser AsyncImage dem med en pladsholder under indlæsningen. Assets er beregnet til inkluderede illustrationer.
AsyncImage(url: photoURL)Hurtigt tjek
Hvad skal du tilføje, før et Image kan ændre størrelse?
Opsummering af lektionen
Du indlæste aktiver med Image og fik dem derefter til at passe med resizable, scaledToFit, frame og clipShape. Nu opfører dine illustrationer sig rigtigt. 🎉
Lær Swift med en AI-underviser — gratis
Skriv og kør rigtig kode i din browser, få øjeblikkelig hjælp fra en AI-underviser døgnet rundt, og fortsæt, hvor du slap, på web eller i appen.
- Kurser
- 30
- Lektioner
- 120
Ofte stillede spørgsmål
Er lektionen “Indlæsning af billeder fra assets” gratis?
Ja — hele teksten til “Indlæsning af billeder fra assets” kan læses gratis her på nettet. Hvis du vil øve dig interaktivt med en indbygget kodeeditor og en AI-vejleder døgnet rundt og få adgang til resten af SwiftUI Academy-kurset, skal du opgradere til CoddyKit PRO. SwiftUI Academy-kurset indeholder 4 lektioner i alt.
Hvad lærer jeg i “Indlæsning af billeder fra assets”?
Tilføj billedassets, og vis dem med Image. Du øver dig i SwiftUI Academy med praktisk kode, som du kører direkte i browseren, og en AI-vejleder døgnet rundt besvarer dine spørgsmål, mens du arbejder dig gennem lektionen.
Skal jeg have erfaring for at begynde på SwiftUI Academy?
Der kræves ingen tidligere erfaring. SwiftUI Academy på CoddyKit er tilrettelagt for både begyndere og øvede, så du kan starte her eller fra begyndelsen og lære i dit eget tempo. Dette er lektion 3 af 4.
Hvor lang tid tager lektionen “Indlæsning af billeder fra assets”?
De fleste CoddyKit-lektioner tager cirka 5–10 minutter. Hver lektion er kort og interaktiv, så du gør løbende fremskridt og kan fortsætte, hvor du slap – på både web og app.
Kan jeg skrive og køre kode i denne SwiftUI Academy-lektion?
Ja. Alle SwiftUI Academy-lektioner har en indbygget kodeeditor, så du kan skrive og køre rigtig kode direkte i din browser og få øjeblikkelig feedback fra AI – uden lokal opsætning.
Alle lektioner i dette kursus
- Skrifttyper, tykkelse og farve
- Tekst på flere linjer og justering
- Indlæsning af billeder fra assets
- Brug af SF Symbols