[ios]Lottieの使用


Lottieの使用


結果



1. Install


2. Lottie Files

  • ここで欲しいロッティ動画をダウンロードすればいい
  • フォーマット受信Lottie JSONフォーマット
  • ダウンロードしてXcodeプロジェクトフォルダに入れる
  • 3.アニメーションの開始

  • import Lottie
  • アニメーションビュー
  • を作成
    let animationView = AnimationView(name: "100261-wave")
  • アニメーションビュー
  • を実行
    // 그냥 실행
    animationView.play()
    // 애니메이션이 종료됐을 시 실행할 동작이 있을 때
    animationView.play(completion: )
  • アニメーション
  • を繰り返します.
    animationView.loopMode = .loop // 계속 반복
    animationView.loopMode = .repeat(3) // 3번 반복
    // playOnce..등등 여러가지 있음

    4.ビューの削除

  • 直接削除
  • view.addSubView(animationView) // 뷰에 애니메이션 뷰 삽입
    
    ...
    
    animationView.removeFromSuperview() // 애니메이션 뷰를 슈퍼뷰에서 제거
  • tagでアンインストール
  • の次の例は、setup関数で宣言されたanimationViewdisappear関数で使用できないことを示している.
  • にラベルを付けると、ラベルでビュー
  • を検索して削除できます.
    func setup(name: String) {
    	let animationView = AnimationView(name: name)
        animationView.tag = 51 // 애니메이션 뷰의 태그 값을 51이라고 설정
        animationView.loopMode = .loop
        addSubView(animationView) // 애니메이션 뷰를 contentView에 삽입
        ...
       	animationView.play()
    }
    
    func disappear() {
    	// 태그로 뷰 찾기
    	guard let playingAnimationView = viewWithTag(51) else { return }
        playingAnimationView.removeFromSuperView() // 제거
    }

    ソースコード