Laboration 1 - Layout in Kotlin+xml,Kotlin+Compose,Flutter och React-Native

Syfte

En layout definierar den visuella strukturen för ett användargränssnitt. Du kan deklarera en layout på flera olika sätt i den här övningen kommer vi arbete med:

Deklarera gränssnittselement i 4 olika ramverk
Deklarera gränssnittselement både i kod och deklarativt

Android ger dig möjligheten att använda flera olika sätt att skapa gränssnitt. I denna laboration ska du träna på att skapa samma layout i fyra olika ramverk, detta för att känna på lite olika tillvägagångssätt.
Att komma igång med Android Studio på IDA

Uppgift

Du ska återskapa följande användargränssnitt för Android i fyra exemplar, ett för varje ramverk Java/Kotlin+ xml, Kotlin+Compose, React-Native, och Flutter (Du ska enbart skapa användargränssnitt, inte någon funktionalitet). Din lösning för Kotlin+xml ska vara deklarativt, det vill säga din layout ska skapas i XML.(Du behöver inte använda exakt samma bild)

Användargränssnitt 1

Redovisning

Demonstrera dina gränssnitt för labbassistenten, assistenten kan be dig förklara delar av koden. Assistenten berättar hur hen vill att du lämnar in din kod.

Länkar

Android utveckling (bra startpunkt)
Layout på android
Android Compose
Flutter
React-Native
Flexbox Froggy, lär dig Flexbox

Sidansvarig: Anders Fröberg
Senast uppdaterad: 2023-10-25