티스토리 뷰

슬라이딩을 구현했는뎅 뭔가 야매같기두 하궁ㅋㅋ 담에 또 만들게 될 때 처음부터 다시 분석하기 어려울 것 같아 기록을 남깁니당!

애니매이션 리스너와 스레드를 이용해서 원하는 결과를 구현했습니당.

먼저 완성한 결과 영상입니다!

이 버튼을 누르면 조건을 선택할 수 있는 메뉴가 나오고 다시 누르면 슬라이드 업 하도록 구현했습니다


코드입니당

중요한 레이아웃 코드입니다. 레이아웃에 따라서 코드가 적용되는 모습이 다르니 주의해야 합니다!

생각보다 꼼꼼히 설계한 뒤 작성해야 할 것같아용!!

res/layout/fragment_search.xml


부모 뷰에 따라서 애니매이션이 시작되고 끝나는 범위가 달라져용!




slideFilters는  이 버튼을 누를 때마다 실행되는 함수입니당

슬라이딩 애니매이션을 시작하는 함수이죵  

sildeFilters()


슬라이드 인/아웃입니다. 저는 뷰가 위/아래로 움직이도록 작성했습니다.

지금 보니깐 파일 이름을 잘못 지은 것 같아용ㅋㅋ slide_up, slide_down 이 더 적절한 것 같네용!ㅋㅋㅋㅠㅠ

fillAfter라는 속성을 false로 하면 애니매이션이 끝나면 끝난 위치에 머무르는 것이 아니라 원래 자리로 돌아가게 되는 것 같아용

저는 false로 지정해주었습니다. 그래서 만약에 위로 올라가는 애니매이션이면 위로 올라간 애니매이션이 있는 다음에 다시 원래 자리로 돌아오겠죵?

거기에 저는 애니매이션 리스너를 달아서 애니매이션이 끝남과 동시에 llFilters 레이아웃전체를 GONE 상태로 만들어 주었습니다.

즉, llResults와 listView가 애니매이션이 끝난 위치에 그대로 있는 것처럼 보이는 거지용!

설명이 어렵네용ㅠㅠㅋㅋㅋㅋ

res/anim/slide_out.xml

res/anim/slide_in.xml


애니매이션을 사용할 때에는 여러가지 요소가 다 고려되어야 하고 원하는 결과를 구현하는 방법도 다양한 것 같아요!

저는 약간 야매같긴해영ㅋㅋ 스레드로 GONE해주어서ㅋㅋ 이것저것 바꿔보면서 원하는 결과를 얻도록 해야겠습니다!

무튼 저는 성공!!ㅋㅋ

댓글
댓글쓰기 폼
공지사항
Total
37,833
Today
31
Yesterday
37
링크
TAG
more
«   2018/05   »
    1 2 3 4 5
6 7 8 9 10 11 12
13 14 15 16 17 18 19
20 21 22 23 24 25 26
27 28 29 30 31    
글 보관함