android 초보자가 Lottie를 이용해서 간단하게 애니메이션을 추가했다면.

7386 단어 AndroidLottie

입문


이 보도는 FUN part2 Advent Calendar 2019의 22일째 보도이다.
전날 보도는 SCP에서 시작하여 AllenNLP에서 SCP 객체 클래스로 분류!
그리고 당일Tomoka 선생님도 저에게 보도를 해 주셨다고 생각합니다. 그러니 꼭

본론으로 들어가기 전에.


이번 기사는 12월에 열린 하카슨이 Lottie의 존재를 알게 된 제가 Lottie를 모르는 사람들에게 이런 라이브러리를 소개했다는 기사입니다. 자세한 사용법과 안드로이드 스튜디오 이외의 사용법 등은 다른 페이지를 참조하세요.

Lottie


Easily add high-quality animation to any native app.
Lottie is an iOS, Android, and React Native >library that renders After Effects >animations in real time, allowing apps to >use animations as easily as they use static >images.
출처: Lottie - Airbnb Design
한마디로 어떤 플랫폼의 응용 프로그램이든 고품질의 애니메이션을 간단하게 사용할 수 있습니다.
이 라이브러리는 After Effects에서 만든 애니메이션을 json 파일로 변환하여 자신의 응용 프로그램에 애니메이션을 쉽게 추가할 수 있습니다.
이것만 추가하면 앱의 외관이 확 좋아지고 완성도가 올라간 것 같아서 대단합니다.감동고개를 들 수 없다.
참고로 Lottie의 상세한 개념 등을 이해하려면 이쪽의 슬라이드, 애니메이션은 이해하기 쉬우니 이쪽도 꼭 하세요!
https://droidkaigi.jp/2019/timetable/70876/
Christmas is still loading...⛄️This snowman is the perfect loader for this time of year. Lottie animation by Ucilucil 👉 https://t.co/wbTbLwjwUw #lottiefiles #lottieanimation #buildwithlottie #aftereffects #animation #animations #motiondesign pic.twitter.com/Gid81Z2uYy — LottieFiles (@LottieFiles) December 14, 2019

사용 방법


단계 1


먼저 LottieFiles와 Lottie 프로젝트견본 등에서 자신의 의도에 맞는 애니메이션을 찾아 json 파일로 다운로드합니다.

그나저나 이때 떨어진 파일 이름에 연결 문자와 숫자가 있으면 안드로이드 스튜디오 구축이 통과되지 않을 수 있으니 좋은 느낌으로 바꿔주세요.

단계 2


그리고 Lottie 라이브러리를 Android 스튜디오로 가져오거나 다음 코드를build로 가져옵니다.gradle의 dependencies에 기술하기p>

build.gradle

implementation 'com.airbnb.android:lottie:$lottieVersion'　


또한 1단계에서 다운로드한 json 파일을res에서 raw 디렉터리를 만드는 등 설정합니다


단계 3


마지막으로 추가하고 싶은 화면의 레이아웃 xml

sample.xml

<com.airbnb.lottie.LottieAnimationView
        android:layout_width="100dp"
        android:layout_height="100dp"
        app:lottie_autoPlay="true"
        app:lottie_loop="true"
        app:lottie_rawRes="@raw/snowing"
        />


이런 기술만 하면 애니메이션을 재생할 수 있습니다




틀림없이 이렇다p>

마지막


lottie_loop이false이면 애니메이션을 한 번만 표시합니다.kt에서 코드를 작성해서 애니메이션을 표시하는 방법이나 버튼을 눌렀을 때 애니메이션을 표시하는 등 다양한 설정을 할 수 있기 때문에android 전문가가 사용하면 더욱 신경을 쓰고 편리한 라이브러리입니다!

애초에 로티라는 존재를 알고 이해를 위해 1시간이 넘게 걸렸는데 간단히 쓸 수 있다는 기사를 보고 잘 모르겠다는 표정을 지었지만, 이해는 간단했다.

내일은 chikuwa_IT 씨와 이삭 내하 씨입니다.내일도 기대하고 싶어요.p>

참고 자료


공식 사이트
https://airbnb.design/lottie/

https://lottiefiles.com/

Lottie의 슬라이드, 비디오를 이해해 주셔서 감사합니다

https://droidkaigi.jp/2019/timetable/70876/

익숙하게 사용하기 위해 쳐다보는 보도

https://qiita.com/ikemura23/items/8c5f87f98cb7fc3ceb27

https://qiita.com/wiroha/items/bc361218629ca03fbd19

https://dev.classmethod.jp/smartphone/android/lottie-getting-started/

https://motida-japan.hatenablog.com/entry/2017/02/19/145537

https://droidkaigi.jp/2019/timetable/69036/


Vue watch 응답 데이터 구현 방법 분석
IOS에서 IBeacon을 사용하는 방법

좋은 웹페이지 즐겨찾기

개발자 우수 사이트 수집

개발자가 알아야 할 필수 사이트 100선 추천 우리는 당신을 위해 100개의 자주 사용하는 개발자 학습 사이트를 정리했습니다
best100-homepage