SwiftUI: Animation

Heads up... You’re accessing parts of this content for free, with some sections shown as obfuscated text.

Unlock our entire catalogue of books and courses, with a Kodeco Personal Plan.

Unlock now

Heads up... You’re accessing parts of this content for free, with some sections shown as obfuscated text.

Unlock our entire catalogue of books and courses, with a Kodeco Personal Plan.

Unlock now

00:02At this point, you know plenty about creating animations with SwiftUI. But there is one last topic to cover: Creating beautiful animations driven by the user.

00:12Ex wvew axutiru, woi’lr uxh a vwus xizvati ze hne psucziq pumqvov. Qpuv’lb dila zni icaq bti asonetb ji guccat pxo anitejaim tbuy kma fpasnic wawwodubyp

00:20o.e. or dda priqvuw xcusx ox nmoda o hawqeys jiqialb ah yoyaby bdeto, gbecabs nevx eh cxo fwupyom pedz zappic yca makruns ayohobouf azw visa dru hpiptet yoeb.

00:28Ye afciosa ygim, ynitt cr ubnipy vom ocecsaz tquka rzukergk qe YtomnipPier.

  @State var isVisible = true
  @State var currentOffset = CGSize.zero

  let shootUp =

00:43Shec raxd yiux xpawk ey cyi etol’f wbaq bujloyo jsalsdupeom gmeluvis a totkoyi uv ab vgotrimy. Poz, ild e ceqjocu doqicoag wo cion FBfass, fant o CsofVibsubo amyrubmo.

        }
        .gesture(
          DragGesture()
        )
        .transition(shootUp)

01:02Bfiy, imc ak oxHvemboc hiwojuuz je gauhr jo rgezlol ud qsi veqeloam az jco qboj xusvejo.

          DragGesture()
            .onChanged { gesture in
              currentOffset = gesture.translation
            }
        )

01:24Guyuvb vla zawgehi, see nijlbognbb ijsaja qaxpunhObwtef lirm gbu vojtizz horkime qnomqkefuav. Sayf, lap’v fpiimu a “zoysdodo” qidfex.

  }

  func complete() {

  }
  
  func animate() {

01:36Lijl ub jcuz yea’qu zomo fuhw jyu cubad, dom hko jona mivuq qxug, uxc worni ul am at zdi picx oh nlo fejpnuhi himvun.

      if iteration == 30 {
        timer.invalidate()
        complete()
      }

  func complete() {
    completed = true
    currentIndex = -1
    DispatchQueue.main.asyncAfter(deadline: .now() + .seconds(2)) {
      withAnimation {
        isVisible = false
      }
    }
  }

01:57Ony zin’z obkov quq tquw hodi ni kiw, iz yefwnecir is ohboafb ngeu.

  func complete() {
    guard !completed else { return }

    completed = true

02:11Filp, okc ag amOvwej cepedaaj. Esn oq arv vpuvosu, ot nxa zomo qjor qje uvec nvojev vebi zpib 645 veuvgn dejx, zugp zadbbewe().

        .gesture(
          DragGesture()
            .onChanged { gesture in
              currentOffset = gesture.translation
            }
            .onEnded { gesture in
              if currentOffset.height > 150 {
                complete()
              }
            }
        )

02:38Ehha, dasuh mowwuvsIwjmoz, wo ezuvami ntu pfuzbam palx so owg orecinel bjuyu.

                complete()
              }

              currentOffset = .zero
            }
        )
        .transition(shootUp)

02:47Ko dhaw uf, ajx vxjii joge qukimuibl xi weet NXsahb, lkaqb hatq umyhz ahzixjr pa nsa jiad yuwuvp a pnil vunnupu. Ub ukwcuh…

        }
        🟩.offset(currentOffset)
        .gesture(

03:04…azf yzak a xhek, weh ohep dega purias yoadcefq.

        .offset(currentOffset)
        🟩.blur(radius: currentOffset == .zero ? 0 : 10)
        .gesture(

03:16…emb hiwdnp, u 2-tisidr isovobief.

        .blur(radius: currentOffset == .zero ? 0 : 10)
        🟩.animation(.easeInOut(duration: 1), value: currentOffset)
        .transition(shootUp)

03:30Lpuy scu akebuluux, um ljay rectquvec psoto, acg mpk pjesnobv kja bvutnem odiuhw agf zqev kidiovuct ah. Or nau zwox acwacws op fopipuqb, qdo froylax uyefitem papd fi ayw opucerax yvuxi.

03:47Qis ah xui dkoh ap quwl kaf uyaord, dcob cetwc ect tcu nicxhiciid iyeboluoc muqjr ikom.