오늘의 주제
- UIViewAnimation 사용해 보기
스물 네 번째 시간입니다.^^
지난 번 포스팅에 이어 이번에도 애니메이션 입니다^^
조금은 다른 애니메이션이예요~ㅎ
지난 번 포스팅을 보고 오셔야 좀 더 좋을 것 같습니다!
2012/04/16 - [iOS Dev/함께해보기] - iOS개발하기 #23. 애니메이션(UIViewAnimation)<1> 움직이기, 사라지기, 나타나기
자 그럼 출발!
뷰 애니메이션
자, 계속 사용하던 뷰 컨트롤러를 사용합니다.ㅎ
MyAnimationViewController xib파일로 와서 이번에는 ImageView하나를 끌어옵니다.
UIImageView도 UIView의 하위 클래스 이기 때문에 애니메이션 적용이 가능하겠죠?
자, 이미지를 하나 끌어다 놓겠습니다. 원하는 이미지 하나 끌어오세요~
Finder에서 이미지를 끌어다가 프로젝트 네비게이션 영역으로 끌어옵니다. 요로코롬~
그리고 이렇게 체크를 하시고~ Finish!
그리고 나서 이미지가 이렇게 추가 되었으면, ImageView의 옵션에서 Image를 선택해 줍니다.
적절하게 크기도 조절해 주시구요~
이렇게 버튼 네 개를 만들어 줍니다. 그런데 오늘은 약간 다른 방법으로 메서드랑 연결할거예요 ㅎㅎ
일단 버튼 네개를 끌어 놓고, 위에 버튼에서부터 속성값에서 Tag를 1, 2, 3, 4 로 차례차례 지정해 줍니다~
그리고 첫 번째 버튼에서 액션을 하나 만들어 줍니다. 이름은 ViewAnimation으로~
제가 급한마음에 저번에도 메서드명을 대문자로 시작해 버렸는데, 여러분은 그러지 마세요~ㅠㅠ 기본적으로 소문자로 시작합니다..!
viewAnimation으로 해주세요~
그 후에~ 두 번째 버튼에서 메서드를 하나 더 만들어서 연결해 주는게 아니고!!!!!!!
먼저 만들어 두었던 메서드로 연결을 해 줍니다! 세 번째, 네 번째 버튼도 마찬가지로 연결해 줍니다~
File's Owner에서 우클릭을 했을 때, 저렇게 연결이 되어있다면 잘 되신거예요 ㅎ
자, 그 후에 이미지뷰의 아울렛을 연결해 줍니다~
자, 드디어 코딩의 시간이..!! 두둥...!!! 저는 애니메이션 시간을 0.5초로 주었는데 여러분들은 1초 정도 주고 해보시길 바라요 ㅎ
자세한 설명은 주석으로 남겨놓았습니다~
애니메이션 커브와 트랜지션을 변경하여 여러가지 애니메이션 효과를 볼 수 있습니다. 트랜지션은 위의 코드에서 네 가지 사용해 보았으니, 커브를 변경해 가면서 차이점을 느껴보세요^^
실행해서 눌러봅시다~ㅎㅎ 여기 블로그에 동영상은 없으니 결과는 완성해 보신 분들만 알 수 있겠죠?ㅎ
오늘은 여기 까~지~
다음에 또 뵙도록 해요^^
by yagom
p.s 제 포스팅을 RSS 피드로 받아보실 수 있습니다.