IT 프로를 향한 조건?

[iPhone][MonoTouch] 다섯번째 샘플 : Count Me In (1)

7. FlipsideViewController.xib파일을 Interface Builder로 열고 화면 설계를 하죠. 간단한 안내 페이지라고 생각하면 됩니다.  

아이폰의 화면에서 상태바나 네비게이션바, 하부 툴바가 있는 상황을 고려하여 설계를 할 수 있도록 제공하고 있습니다.  뷰의 속성 윈도우의 "Simulated User Interface Elements" 항목 입니다. 3가지 조건이 "None"의 경우는 화면 전체를 사용하는 경우가 됩니다. 이번 예제에서는 "Top Bar"에 "Navigation Bar"가 있는 경우를 설정하고 화면 설계를 하겠습니다.

Top Bar설정을 하면 뷰의 화면에 네비게이션 바의 공간에 네비게이션 바가 있는 것처럼 화면이 바뀌어 있는 것을 확인 할 수 있습니다. 다른 항목도 같습니다. 뷰에 대한 설정은 다른 속성은 변경할 것이 없고 배경색만 회색으로 설정합니다. 뷰의 각 객체를 다음과 같이 추가합니다. 

노란색의 번호는 각 객체를 구별하기 위헤 추가했습니다. 실제 화면과는 관계가 없습니다. 

		public void loadFlipsideViewController() 
		{
			flipsideViewController = new FlipsideViewController();
			
			flipsideViewController.View.Frame = new RectangleF(0.0f, 44.0f, // 뷰의 Y좌표를 네비게이션바의 위치를 고려하여 지정합니다.
			                                                   flipsideViewController.View.Frame.Width,
			                                                   flipsideViewController.View.Frame.Height);
			navigationBar = new UINavigationBar(new RectangleF(0.0f, 0.0f, 320.0f, 44.0f));
			navigationBar.BarStyle = UIBarStyle.Black;
			
			UIBarButtonItem buttonItem = new UIBarButtonItem(UIBarButtonSystemItem.Done, delegate {
				toggleView(null);
			} );
			UINavigationItem navigationItem = new UINavigationItem("CountMeIn");
			navigationItem.RightBarButtonItem = buttonItem;
			
			navigationBar.PushNavigationItem(navigationItem, false);
			
		}

		partial void toggleView (UIButton sender)
		{
			Console.WriteLine("toggleView");
			if(flipsideViewController == null) loadFlipsideViewController();
			
			UIView mainView = mainViewController.View;
			UIView flipsideView = flipsideViewController.View;
			
			UIView.BeginAnimations(null); // 뷰 애니메이션 준비
			UIView.SetAnimationDuration(1.0); // 애니메이션 전환 간격을 1.0초로 지정 
			UIViewAnimationTransition transition = (mainView.Superview != null)?UIViewAnimationTransition.FlipFromRight : UIViewAnimationTransition.FlipFromLeft;
			UIView.SetAnimationTransition(transition, this.View, true); // 뷰 전환 방향과 현재 뷰에 대해서 실행 함을 지정
			
			if(mainView.Superview != null)
			{ // 1. MainViewController → FlipsideViewController
				flipsideViewController.ViewWillAppear(true);
				mainViewController.ViewWillDisappear(true);
				
				mainView.RemoveFromSuperview();
				infoButton.RemoveFromSuperview();
				
				this.View.AddSubview(flipsideView);
				this.View.InsertSubviewAbove(navigationBar, flipsideView);
				
				mainViewController.ViewDidDisappear(true);
				flipsideViewController.ViewDidAppear(true);
			} else 
			{ // 2. FlipsideViewController → MainViewController
				mainViewController.ViewWillAppear(true); // 화면에 나타날 뷰 지정
				flipsideViewController.ViewWillDisappear(true); // 화면에서 사라질 뷰 지정
				
				flipsideView.RemoveFromSuperview(); // 서브뷰로 등록 한 것을 삭제
				navigationBar.RemoveFromSuperview(); // 서브뷰로 등록 한 것을 삭제
				
				this.View.AddSubview(mainView); // 보여질 뷰를 서브뷰로 등록
				this.View.InsertSubviewAbove(infoButton, mainView); // infoButton을 추가한 서브뷰 앞으로 추가
				
				flipsideViewController.ViewDidDisappear(true); // 사라짐을 지정
				mainViewController.ViewDidAppear(true); // 나타남을 지정
			}
			
			UIView.CommitAnimations(); // 애니메이션 실행
		}

	public partial class MainViewController : UIViewController
	{
		int count;
		#region Constructors
...
		void Initialize ()
		{
			count = 0; // count변수 초기화
		}
...

		partial void addUnit (UIButton sender)
		{
			if(count >= 999) return ;
			
			counter.Text = String.Format("{0}", ++count);
		}

		partial void subtractUnit (UIButton sender)
		{
			if(count == 0) return ;
			
			counter.Text = String.Format("{0}", --count);
		}