본문 바로가기

Animation

(4)
[배달의 민족] 따라만들기 6편 (Android Animation, NestedScrollView SmoothScrollTo, Kotlin Extension Function) 안녕하세요 허접샴푸입니다~! 배달의 민족 따라만들기 6편입니다! 이번 6편에서는 전체 Main 레이아웃을 완성시켰습니다. 이번 시간에 알아볼 것은 바로 아래와 같습니다. - ScrollView Animation [자료(구현할 것)] 1. 5편 이후로 나머지 Layout을 완성시킨 다음, 아래 GIF 보면, "자세히보기"를 눌렀을 때 여러 글이 적혀져 있는 Layout이 Animation을 이용하여 스르륵 나타났다가, "닫기"를 누르면 다시 스르륵하고 사라집니다. 이 부분을 구현해보도록 하겠습니다. [참고] 절대 실제 배달의 민족 App과 똑같이 구현하는 것이 아닌 최대한 비슷하게 구현하는 것이 목표입니다. 제가 고수였으면 100프로 똑같이 구현할텐데... 너그럽게 봐주십시오... LETS GO! [시작]..
[배달의 민족] UI 따라만들기 5편 (ObjectAnimator, Layout Animation, CoroutineScope) 안녕하세요 허접샴푸입니다~! 배달의 민족 따라만들기 5편입니다! 이번 5편에서는 잠시 쉬어가기 느낌으로 Animation을 구현하도록 하겠습니다. (얻어갈 수 있는 것 - 제 마음대로 끄적인...) - ObjectAnimator - LayoutAnimation - CoroutineScope [자료(구현할 것)] 1. 아이콘들이 Animation에 따라 화면에 나타납니다. (아래에서 위로, RecyclerView에 Animation을 적용하고자 합니다. 이미지 배너 아래에서 위로 Animation은 다루지 않습니다.) 2. ImageView Animation(덜컹덜컹 Animation) [참고] 절대 실제 배달의 민족 App과 똑같이 구현하는 것이 아닌 최대한 비슷하게 구현하는 것이 목표입니다. 제가 고수..
안드로이드 Animation으로 Custom Loading(커스텀 로딩) 구현하기(2/2) 자 오늘은 2탄입니다~! CustomDialog를 상속받아서 이제는 화면에 로딩 되듯이 자연스럽게 띄워줘야 합니다. 그럼 제 글보다는 코드에, 작동 결과 화면에 관심이 많으실 테니 바로 시작해보도록 하겠습니다. 1) CustomAnimationDialog.java 파일을 만들고 아래와 같이 코드를 작성합니다. CustomAnimationDialog.java public class CustomAnimationDialog extends ProgressDialog { private Context c; private ImageView imgLogo; public CustomAnimationDialog(Context context) { super(context); requestWindowFeature(Window..
안드로이드 Animation으로 Custom Loading(커스텀 로딩) 구현하기(1/2) "안녕하세요~! 오랜만에 다시 블로그를 시작하게 되었습니다. 이번에는 안드로이드 애니메이션을 이용하여 커스텀 로딩 화면을 구현하려고 합니다. 예를 들면 아래와 같이 "배X의 민족" 앱 같은 경우 로딩 시 오토바이 맨이 나옵니다. (출저 : https://m.blog.naver.com/PostView.nhn?blogId=marie0831&logNo=220181991052&proxyReferer=https%3A%2F%2Fwww.google.co.kr%2F) 그럼 본론으로 돌아가서, Animation부터 차근차근 시작해 보죠. 커스텀 로딩 애니메이션은 사용자에게 시각적인 즐거움(?)을 주는 것으로 사용하면 매우 좋을(?) 것 같습니다. 단순히 Android에서 제공하는 Progress Bar을 사용하기에는 너..