SwiftUI LazyHView Animieren

Diese Seite verwendet Cookies. Durch die Nutzung unserer Seite erklären Sie sich damit einverstanden, dass wir Cookies setzen. Weitere Informationen

  • SwiftUI LazyHView Animieren

    Hallo,
    Screenshot.jpeg

    mein App zeigt an wenn ein Raum frei wurde, stellt die Farbe auf Grün oder Rot und spielt einen Sound ab wenn es Frei wurde. Die Daten für View werden alle 5 Sekunden aus einer Datenbank geholt. Nun hätte ich es gerne noch, das das Entsprechende Rectangle mit seinen Texten darauf für 10 Sekunden animiert wird, sowas wie kleiner größer bouncen oder ähnliches.

    Kann mir jemand helfen, ich habe keine Idee wie ich das hinbekommen kann.

    Danke im voraus.

    Grüße

    Dirk

  • Quellcode

    1. NavigationView {
    2. LazyHGrid(rows: rows, spacing: 20) {
    3. ForEach(tiles, id: \.id) { tile in
    4. let color = setColor(free: tile.free, name: tile.employeeName)
    5. ZStack {
    6. Rectangle()
    7. .frame(width: 192, height: 200)
    8. .foregroundColor(color)
    9. .cornerRadius(20)
    10. VStack {
    11. Text(tile.room)
    12. .padding()
    13. .frame(width: 190, height: 80)
    14. .scaledToFit()
    15. .minimumScaleFactor(0.01)
    16. .lineLimit(2)
    17. .foregroundColor(.white)
    18. .font(.system(size: 35, weight: .bold, design: .rounded))
    20. Text(tile.employeeName)
    21. .padding()
    22. .frame(width: 190, height: 80)
    23. .scaledToFit()
    24. .minimumScaleFactor(0.01)
    25. .lineLimit(2)
    26. .foregroundColor(.white)
    27. .minimumScaleFactor(0.1)
    28. .font(.system(size: 30, weight: .medium, design: .rounded))
    29. }
    30. }
    31. }
    33. }
    34. .navigationBarItems(trailing:
    35. NavigationLink(destination: Settings(), label: {
    36. Image(systemName: "gear")
    37. .foregroundColor(Color(red: 0, green: 0, blue: 0, opacity: 0.05))
    38. })
    39. )
    40. }
    Alles anzeigen