애니메이션 2

Core Animations 학습하기 - PieGraph

프로젝트 중 흥미롭게 학습한 부분이 있어 기록해보았다. 참고: https://www.tnoda.com/blog/2019-06-18/ 베지어 곡선이란? - n개의 점으로부터 얻어지는 n-1차 곡선 애플에서 제공하는 UIBezierPath를 활용하여 지출에 대한 파이차트를 그려보기로 하였다. 자판기 구현 프로젝트 때 활용했던 방법보다는, 애니메이션을 적용하여 active한 UI를 나타내보고자 한다. VC에서 animate 메소드 호출 override func viewDidAppear(_ animated: Bool) { super.viewDidAppear(animated) reportPieChartView.slices = setupSlices() reportPieChartView.animateChart() }..

👩🏻‍💻/iOS 2020.12.11

Swift Card Flip 애니메이션 구현하기

iOS 앱을 만들때, 애니메이션을 적용시키는 것이 생각보다 간단한 방법이길래 소개해본다. 1. Xcode - Single View App 프로젝트를 생성한다. 2. Asset 에 전환시킬 사진을 업로드한다. 3. Storyboard로 가서 이미지가 보여질 ImageView와 Button을 생성한다. 4. Contraints를 걸어준다. (시뮬레이터가 바뀌어도 View들을 고정시킬 수 있다.) 5. command+option+control+enter 키로 Assistant Editor를 켜고 control 을 누른 상태로 ImageView를 보조편집기로 끌어온다. 6. Button은 마우스 우클릭을 한 후 Touch Up Inside 를 끌어서 보조 편집기에 마찬가지로 추가한다. 7. ViewControl..

👩🏻‍💻/iOS 2020.09.12