3
material design guideline 에 따르면 "플로팅 동작 단추는 모든 동작을 포함하는 단일 시트로 변환 할 수 있습니다".FAB를 팝업 메뉴로 변환하는 방법은 무엇입니까?
타사 라이브러리를 사용하지 않고 다음 애니메이션을 만들고 싶습니다.
A
답변
3
먼저 당신은 작은 부분에서 그 애니메이션을 절단 할 필요가있다.
- 팹에 파급 효과가 클릭 이벤트 트리거 : 그 예에서 나는 3 단계를 추론 할 수 있습니다.
- 왼쪽으로의 번역은 FAB에 적용됩니다.
- 카드에 Circular Reveal 애니메이션이 적용되었습니다.
따라서 FAB (visible)와 카드 (invisible)를 만들어야합니다. 초기 위치의 FAB과 카드의 최종 위치. FAB에서 파급 효과 (1 단계)가 발생하고 FAB에서 이동 이벤트가 끝날 때 (2 단계 끝) FAB를 취소하고 카드에서 Reveal 애니메이션을 시작하면됩니다 (3 단계). .
원형 공개 애니메이션을 시작하려면 ViewAnimationUtils.createCircularReveal 메서드를 호출하기 만하면됩니다. 카드보기, X, Y 시작 좌표, 반경을 전달하십시오! 어려움은 가능한 한 매끄럽게 설정하기 위해 각 애니메이션 사이의 최적 지속 시간과 시작/종료 좌표를 찾는 것입니다.
원하는 경우 내 게시물을 여기에서 볼 수 있습니다 https://stackoverflow.com/a/41957295/1053880. 원형 공개 애니메이션을 사용하여 두 개의 도구 막대 사이를 전환했습니다. 당신의 코드의 일부분은 내 것과 유사 할 것이다. (나는 결국 내 애니를 되 돌렸다.) GitHub의
https://github.com/fbourlieux/android-material-circular_reveal_animation에
샘플 프로젝트
희망이 도움이!
프랑수아
Userful 링크 :