SwiftUI LazyHView Animieren

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

Aufgrund der Corona-Krise: Die Veröffentlichung von Stellenangeboten und -gesuchen ist bis 31.3.2023 kostenfrei. Das beinhaltet auch Angebote und Gesuche von und für Freischaffende und Selbstständige.

  • SwiftUI LazyHView Animieren

    Hallo,


    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))
    19. Text(tile.employeeName)
    20. .padding()
    21. .frame(width: 190, height: 80)
    22. .scaledToFit()
    23. .minimumScaleFactor(0.01)
    24. .lineLimit(2)
    25. .foregroundColor(.white)
    26. .minimumScaleFactor(0.1)
    27. .font(.system(size: 30, weight: .medium, design: .rounded))
    28. }
    29. }
    30. }
    31. }
    32. .navigationBarItems(trailing:
    33. NavigationLink(destination: Settings(), label: {
    34. Image(systemName: "gear")
    35. .foregroundColor(Color(red: 0, green: 0, blue: 0, opacity: 0.05))
    36. })
    37. )
    38. }
    Alles anzeigen