![엣지](https://meeco.kr/files/member_extra_info/profile_image/390/522/035/35522390.gif?20221001021407)
미니 Non linear 애니메이션이 뭔가요??
- 엣지
- 조회 수 1360
- 2023.07.29. 23:57
가끔 갤럭시는 linear 애니메이션이라 별로다, 그런 소리를 어디서 들었었는데 검색해도 안나오네요 어떤건지 궁금합니다.
확 빨라졌다- 천천히 멈추고 이런게 비선형 애니메이션이면 갤럭시도 못할이유가 없을 거 같은데 어려운건가요? 이게 맞는 효과인지도 모르겠어요
![여우같은하비](https://meeco.kr/files/member_extra_info/profile_image/937/763/028/28763937.jpg?20200810200022)
![프로숨쉼이](https://meeco.kr/files/member_extra_info/profile_image/538/974/023/23974538.jpg?20190407143919)
![오레오가좋아](https://meeco.kr/files/member_extra_info/profile_image/679/644/025/25644679.jpg?20191003183105)
선형 - 애니메이션 동작 중 새로 동작을 입력하면 애니메이션은 생략, 동작은 완료 되고 그 다음 동작을 실행
비선형 - 애니메이션 동작 중 새로 동작을 입력하면 애니메이션 도중 상호작용하여 다음 동작을 실행
인거 같네요
https://gall.dcinside.com/mgallery/board/view/?id=galaxy&no=956433&exception_mode=recommend&page=1
여기서 다뤄주는거 같네요
![너랑나랑아이유](https://meeco.kr/files/member_extra_info/profile_image/457/955/036/36955457.gif?20230320203443)
![성능확실](https://meeco.kr/files/member_extra_info/profile_image/889/322/030/30322889.jpg?20201201172639)
![불심](https://meeco.kr/files/member_extra_info/profile_image/789/048/035/35048789.png?20220402002055)
어떤 사람이 퍼트린 말인진 모르겠지만 개발 안해보신분이 하신 말 같은데, 안드로이드도 베지어를 이용한 애니메이션을 지원하고 있고, 비선형적인 애니메이션을 표현할 수 있습니다. 가속, 감속, 스프링 같은 효과들이 그 예시고 디자이너들이 쓸 수 있는 도구도 많아서 만들어내는건 쉬워요.
https://cubic-bezier.com/#.17,.67,.83,.67
여기 사이트를 참고하셔서 적정 값들을 넣어보시면 여러 비선형 애니메이션을 구현해볼 수 있습니다.
디씨쪽 링크를 보니 애니메이션을 끊고 안끊고 이딴 소리를 하는데, 그건 그냥 애니메이션을 캔슬시키고 어떤 엘리멘트를 이어서 애니메이션으로 처리할 것인지의 문제이지 선형/비선형이랑 하등 관계가 없습니다. 사실 이부분은 OS의 지원이 절실한 부분인데 안드로이드 설계 사상적으로 그걸 염두하고 있는진 개인적으로 의문이 있습니다.
![엣지](https://meeco.kr/files/member_extra_info/profile_image/390/522/035/35522390.gif?20221001021407)
![하루우라라](https://meeco.kr/files/member_extra_info/profile_image/744/242/037/37242744.png?20230611113134)
![AlieNaTiZ](https://meeco.kr/files/member_extra_info/profile_image/637/004/024/24004637.gif?20200624161056)
![포인트봇](https://meeco.kr/files/member_extra_info/profile_image/702/885/026/26885702.png?20230823194523)
![하루우라라](https://meeco.kr/files/member_extra_info/profile_image/744/242/037/37242744.png?20230611113134)
![포인트봇](https://meeco.kr/files/member_extra_info/profile_image/702/885/026/26885702.png?20230823194523)
![noras](https://meeco.kr/files/member_extra_info/profile_image/065/393/025/25393065.jpg?20190904080734)
Linear - 직선의
한 과정을 처리하거나 중단한 후에 다음 과정이 처리되는 것을 의미하는 것 같습니다.
이번 비선형 애니메이션을 보면 홈 화면으로 가는 제스쳐를 한 후 스와이프를 하는데
Linear - 홈 화면으로 가는 애니메이션을 중단 혹은 완료 후 스와이프 제스쳐 동작
Non linear - 홈 화면으로 가는 애니메이션을 동작과 스와이프 제스쳐 같이 동작
이런 느낌인 것 같습니다??!?
뇌피셜입니다 ㅠ