Android 는 lotusie 를 사용 하여 json 애니메이션 의 예제 코드 를 불 러 옵 니 다.

Lottie
Lottie은 Airbnb 에서 시작 한 애니메이션 프로젝트 로 iOS,mac OS Android RN 을 지원 합 니 다.복잡 한 애니메이션 의 실현 으로 인해 많은 code 를 써 서 이 를 실현 할 수 있 고 애니메이션 을 디 버 깅 하 는 데 시간 이 걸 립 니 다.그것 으로 일부 애니메이션 을 해결 하 는 것 은 매우 큰 편 의 를 가 져 올 것 이다.
디자이너 는After Effects관련 애니메이션 을 디자인 한 다음 에BodyMovin이 플러그 인 을 설치 합 니 다.이 플러그 인 은 애니메이션 효 과 를 내 보 내 는 JSON 파일 을 도 울 수 있 습 니 다.그리고 우 리 는 Lottie 를 통 해 관련 JSON 파일 을 불 러 와 애니메이션 효 과 를 실현 할 수 있 습 니 다.

우세 하 다.

애니메이션 을 편리 하 게 실현 하고 디 버 깅 효과 시간 을 절약 하 는 등 코드 를 많이 써 서 애니메이션 을 실현 하지 않 고 관련 JSON 파일 에 디자인 하면 됩 니 다.

여러 플랫폼 을 공유 할 수 있 습 니 다.예 를 들 어 iOS 와 Android,공용 애니메이션 입 니 다.

JSON 파일 을 URL 로 불 러 와 서 클 라 이언 트 애니메이션 을 교체 할 수 있 습 니 다.버 전 을 보 내지 않 아 도 됩 니 다

디자인 은 밭 을 갈 고 12556°알록달록 한 묘 그림 을 생각 한 다음 에 개발 에 주 었 다.이것 이 실현 되 지 못 하거나 시간 이 많이 걸린다 고 개발 한 다음 에 디자인 을 이런 방식 으로 실현 하도록 했다.

iOS 에 있어 서 ViewController 전환 애니메이션 지원

iOS 플랫폼 에서 Core Animation 으로 벡터 애니메이션 을 만 듭 니 다.성능 도 좋 고 캐 시

도 있 습 니 다.

GIF 애니메이션,핸드폰 애니메이션,경 량,성능 과 저장 에 비해 더욱 좋다.

부족 한 점

iOS 버 전 은>=8.0 이 어야 사용 할 수 있 습 니 다.7.x

지원 하지 않 음

상호작용 적 인 애니메이션 에 대한 지원 이 좋 지 않다.주로 재생 성 애니메이션

Bodymovin 플러그 인 이 보완 되 어야 하 며 일부 AE 효과 가 성공 적 으로 내 보 내지 못 했 습 니 다

애니메이션 이 편집 되 지 않 고 불 러 오 면 그대로

github 코드 전송 문https://github.com/18380438200/LottieAnim
먼저 효과 도 를 올 리 고 이것 은 틱 톡 을 모방 한 좋아요 애니메이션 입 니 다.

알다 시 피 속성 애니메이션,보 간 애니메이션 은 보통 효과 가 간단 한 것 만 할 수 있 고 복잡 한 애니메이션 을 하면 gif 그림,프레임 애니메이션 을 사용 할 수 있 지만 이런 자원 공간 이 커지 면 apk 가 커지 는 것 이 적지 않다.json 파일 을 불 러 와 애니메이션 을 실현 하면 이상 의 문 제 를 완벽 하 게 해결 할 수 있 습 니 다.
디자이너 AE 는 JSon 파일 을 내 보 내 고 Lotti 는 JSon 파일 을 분석 한 후 Core Animation 의 API 로 렌 더 링 을 그립 니 다.그 러 니까 너희 회사 UI 에 게 AE 를 배 워 보라 고 해라.
Lottie 소스 라 이브 러 리 주소:Android,Ios,React Native 와 웹 플랫폼 을 한데 모 은 여자.
https://github.com/airbnb/lottie-android
사용 방법:
도입 라 이브 러 리

compile 'com.airbnb.android:lottie:1.0.1'

assets 폴 더 를 만 들 고 json 파일 을 넣 습 니 다.

LottieAnimationView 컨트롤 참조

  <com.airbnb.lottie.LottieAnimationView
    android:id="@+id/lottie_likeanim"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    app:lottie_fileName="likeanim.json"
    app:lottie_loop="true"
    android:layout_centerInParent="true"/>

상용 속성:

app:lottie_fileName="likeanim.json"  json 파일 이름 불 러 오기

app:lottie_loop="true"  반복 재생 여부

app:lottie_autoPlay="true"  자동 재생 여부

상용 동작:

    lottieLike.playAnimation();  //  
    lottieLike.pauseAnimation(); //  
    lottieLike.cancelAnimation(); //  
    lottieLike.getDuration();  //      
    lottieLike.addAnimatorListener(new Animator.AnimatorListener() { //      
      @Override
      public void onAnimationStart(Animator animation) {

      }

      @Override
      public void onAnimationEnd(Animator animation) {

      }

      @Override
      public void onAnimationCancel(Animator animation) {

      }

      @Override
      public void onAnimationRepeat(Animator animation) {

      }
    });

이상 이 바로 본 고의 모든 내용 입 니 다.여러분 의 학습 에 도움 이 되 고 저 희 를 많이 응원 해 주 셨 으 면 좋 겠 습 니 다.