봄날은 갔다. 이제 그 정신으로 공부하자

이 글은 swiftUI Tutorial 중 5번째 항목인 "Animating views and Transitions" 내용을 기반으로 설명합니다. 전체 소스 및 내용이 궁금하신 분은 아래 링크를 참고해주세요. https://developer.apple.com/tutorials/swiftui/animating-views-and-transitions 버튼에 Animation 효과 추가하기 아래 이미지 우측 화살표 버튼을 클릭하면 아래 이미지와 같이 1.5배 커지면서 화살표가 90도 돌아가는 애니메이션을 예를 들어 설명하도록 하겠습니다. 위 조건을 만족 시키기 위해 아래와 같이 버튼을 생성해 줍니다. * 전체 소스는 위 링크를 참고해주세요. @State private var showDetail = false ..

안드로이드에서 animaion을 처리하는 방법은 크게 3가지로 나뉩니다. Animation을 사용하는 방법과 Animator를 사용하는 방법 그리고 마지막으로 MotionLayout이 있습니다. 안드로이드가 발표되면서 최초로 나온 것이 Animation이고 그후 Animator가 발표되었고 몇년전에 MotionLayout이 발표되었습니다. MotionLayout 관련된 내용은 이전 글 참고 부탁 드리겠습니다. https://als2019.tistory.com/16 이 글은 animation과 animtor의 차이에 대해 설명하는 글이 아니라 사용자가 아이콘 클릭 시 종처럼 흔들리는 애니매이션 효과를 줄 때 사용할 수 있는 다양한 방법에 대해 설명하기 위한 것입니다. 방법은 한가지만 있는 것이 아니므로 굳..

이 글은 android 개발자 사이트에서 제공하는 MotionLayout 샘플 소스 중 entrance scene의 동작을 분석한 글로 MotionLayout 관련 마지막 글입니다. 해당 샘플을 분석한 이유는 entrance scene 샘플의 동작이 다른 샘플에 비해 복잡하기 때문이며 복잡한 만큼 샘플에 적용된 MotionLayout 요소가 많아 분석 및 향후 개발에 도움이 될 것으로 판단되기 때문 입니다. 이전 글이 궁금하신 분은 여기로... als2019.tistory.com/17 MotionLayout - xml 구성요소 이전 글인 "MotionLayout - Overview"의 후속되는 글로 해당 글로 여기에서는 MotionLayout에서 사용 가능한 XML TAG와 속성에 대해 설명합니다. 이전..

이전 글인 "MotionLayout - Overview"의 후속되는 글로 해당 글로 여기에서는 MotionLayout에서 사용 가능한 XML TAG와 속성에 대해 설명합니다. 이전 글은 여기서... als2019.tistory.com/16 MotionLayout - overview 안드로이드 앱 개발 시 버튼 위치가 변경되거나 스크롤에 따라 Toolbar 영역이 변하는 등의 처리는 해당 기능을 지원하는 라이브러리를 사용하거나, Animation 효과를 이용해서 직접 구현해 개발해 als2019.tistory.com MotionLayout에서 사용 가능한 XML TAG motionLayout에서 사용 가능한 XML tag는 아래 표와 같습니다. Motion Scene 파일의 root 요소 입니다. 에는 하..

안드로이드 앱 개발 시 버튼 위치가 변경되거나 스크롤에 따라 Toolbar 영역이 변하는 등의 처리는 해당 기능을 지원하는 라이브러리를 사용하거나, Animation 효과를 이용해서 직접 구현해 개발해왔습니다. 직접 구현하는 경우, 코드에 비지니스 로직 처리가 아닌 Animation 처리 코드가 다수 추가되다 보니 코드 복잡도를 증가시키는 문제가 있었습니다. 2018년 구글에서 Animation 처리를 코드가 아닌 xml 레벨에서 처릴 할 수 있는 MotionLayout 툴을 발표했습니다. 이 글에서는 MotionLayout에서 제공하는 기능과 속성들에 대해 설명합니다. * 이 글의 모든 설명 및 코드는 androidX를 사용 중인 것을 전제로 설명합니다. MotionLayout이란? MotionLayo..