Android 는 lotusie 를 사용 하여 json 애니메이션 의 예제 코드 를 불 러 옵 니 다.
4064 단어 lottie제 이 슨 애니메이션
Lottie은 Airbnb 에서 시작 한 애니메이션 프로젝트 로 iOS,mac OS Android RN 을 지원 합 니 다.복잡 한 애니메이션 의 실현 으로 인해 많은 code 를 써 서 이 를 실현 할 수 있 고 애니메이션 을 디 버 깅 하 는 데 시간 이 걸 립 니 다.그것 으로 일부 애니메이션 을 해결 하 는 것 은 매우 큰 편 의 를 가 져 올 것 이다.
디자이너 는After Effects관련 애니메이션 을 디자인 한 다음 에BodyMovin이 플러그 인 을 설치 합 니 다.이 플러그 인 은 애니메이션 효 과 를 내 보 내 는 JSON 파일 을 도 울 수 있 습 니 다.그리고 우 리 는 Lottie 를 통 해 관련 JSON 파일 을 불 러 와 애니메이션 효 과 를 실현 할 수 있 습 니 다.
우세 하 다.
먼저 효과 도 를 올 리 고 이것 은 틱 톡 을 모방 한 좋아요 애니메이션 입 니 다.
알다 시 피 속성 애니메이션,보 간 애니메이션 은 보통 효과 가 간단 한 것 만 할 수 있 고 복잡 한 애니메이션 을 하면 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'
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"/>
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) {
}
});
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
Android 는 lotusie 를 사용 하여 json 애니메이션 의 예제 코드 를 불 러 옵 니 다.은 Airbnb 에서 시작 한 애니메이션 프로젝트 로 iOS,mac OS Android RN 을 지원 합 니 다.복잡 한 애니메이션 의 실현 으로 인해 많은 code 를 써 서 이 를 실현 할 수 있 고 애니메이션 ...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.
좋은 웹페이지 즐겨찾기
