본문 바로가기

Mobile/IOS & Swift

[SWIFT] IOS 애니메이션 효과 - 1


[SWIFT] IOS 애니메이션 효과 - 1

1override func viewWillAppear(_ animated: Bool) {
2 super.viewWillAppear(animated)
3
4 helloWorld.center.y -= view.bounds.height //
5 secondLabel.center.y += view.bounds.height //
6 hiddenLabel.alpha = 0.0 // 0
7 }

화면 사이즈만큼의 값을 주어 뷰를 숨긴다.


실행화면

1UIView.animate(withDuration: 1.0, animations: {
2
3 self.helloWorld.center.y += self.view.bounds.height
4
5 }, completion:nil)

마이너스 해준만큼 다시 값을 주면

뷰가 위에서 아래로 내려온다.

1UIView.animate(withDuration: 2.0, delay: 0.0, options: [], animations: {
2
3 self.view.backgroundColor = UIColor.yellow
4
5 }, completion:nil)

백그라운드 역시 바꾸어보자.

색상이 점점 바뀌게된다.

1UIView.animate(withDuration: 1.0, animations: {
2
3 self.helloWorld.center.y += self.view.bounds.height
4
5 }, completion:{finished in
6 self.secondAnimation()
7 })

애니메이션 콜백 함수

1
2 func secondAnimation() {
3
4 //animate second label
5
6 UIView.animate(withDuration: 2.0, delay: 0.5, options: [], animations: {
7
8 self.secondLabel.center.y -= self.view.bounds.height
9
10 }, completion:nil)
11
12
13 }
14

animation properties

  • center 위치를 바꾼다
  • frame 이동하거나 리사이징 한다화면에서 view의 크기를 바꾸거나 이동한다.
  • alpha 투명도
  • transform 변형/이동/기타 등등