지식

안녕하십니까? 해피보노(happy_bono) 인사드립니다.

오늘은 Windows Phone 7 계산기 앱 개발과 관련하여 안내드리도록 하겠습니다.

계산기 개발 이라 하면, 가장 먼저 머릿속에 떠오르는 것이 비주얼베이직,

Windows Application (PC 어플리케이션) 개발시에서 사용되어졌던 val() 함수인데요,

이번 Windows Phone 7 계산기를 개발 하실 경우, val() 함수를 사용하시면 안됩니다.

그 이유인 즉슨, 비주얼베이직 .NET (WPF) 을 기존에 다루어 보신 경험이 있으시다면, Visual Studio에서

Windows Phone 어플리케이션 프로젝트 파일을 생성해보실 경우, 바로 알아 채실 수 있으실텐데요,

그렇습니다. 아래 보시는 바와 같이 Windows Phone 어플리케이션 프로젝트 파일의 확장자가 .designer 또는

.vb 확장자가 아닌, 디자인 (GUI) 프로젝트 파일의 확장자는 .xaml 로 이루어져 있고, 소스 (코딩) 파일은 .xaml.vb

확장자로 이루어져 있습니다.

이는 곧 Windows Phone 유저 인터페이스의 기본은 실버라이트로 제작되어 있고, WPF 를 지원함을 의미하는데요, WPF 에 대한 설명 및 강좌는 추후 올려보도록 하겠으며, 우선 계산기 어플 개발 부터 찬찬히 해 보도록 하겠습니다.

우선 아래 보시는 화면이 바로 Windows Phone 을 위한 사칙연산 계산기의 기본 구조 및 컨트롤 위치 입니다.

아래 보시는 화면과 같이 텍스트박스 두 개와 리스트박스 하나, 텍스트 블록 (레이블) 를 준비하여 주세요.

혹시, 컨트롤 배치 방법에 대해 모르시는 경우, http://cafe.naver.com/vscsharp/339 게시글을 참조하여 주시기 바랍니다.

준비가 끝나셨으면 이제 리스트 박스에 항목을 추가하여야 하는데요,

우선, 생성하신 ListBox 컨트롤에서 마우스 오른쪽 버튼 클릭 -> Properties 항목을 찾아 클릭하신 후,

새로 보여지는 속성 (Properties) 창에서 Items 항목의 가장 우측에 위치한 "..." 버튼을 클릭하여 주세요.

이렇게 하셨으면 아래와 같이 Collection Editor 창이 보여지게 되는데,

여기서 ListBox1의 항목을 조정하실 수 있습니다.

우선, 중앙 상단에 위치한 Add 버튼을 네 번 클릭하셔서 네 개의 항목을 준비하여 주시고,

생성된 ListBoxItem 항목 중 Content 속성을 각각 "더하기", "빼기", "곱하기", "나누기"로

변경 (수정) 하여 주신 후, 맨 마지막에 맨 하단의 OK 버튼을 눌러주시면 되겠습니다.

(참고: 위의 Content 속성의 경우 기본 PC 어플리케이션 개발시에는 Text 속성이오나 Windows Phone 7 어플리케이션 자체가 WPF 기반으로 하기 때문에 이러한 차이가 나타납니다. 착오 없으시기 바랍니다.)

이제, 이렇게 유저인터페이스 (MainPage) 디자인 부분이 모두 완성되었는데요,

지금부터는 본격적인 소스를 코딩 해 보고, 분석해보도록 하겠습니다.

코딩 창을 열 때는 코딩하실 컨트롤 (여기서는, ListBox을 더블 클릭) 하시거나

다음 화면과 같이 마우스 오른쪽 단추를 눌러 나오는 메뉴에서 View Code 항목을 찾아 클릭하여 주시면 됩니다.

그럼 코딩 창이 보여지게 되는데요,

아래와 같은 소스를 같은 위치에 그리고 같은 코딩 창에 입력하신 이후,

디버깅 (F5 키를 눌러주세요) 해 보시면 컴퓨터 화면의 가상 Windows Phone 7 에뮬레이터에서 실행되는 것을 직접

확인해 보실 수 있답니다.

Private Sub ListBox1_SelectionChanged(ByVal sender As System.Object, ByVal e As System.Windows.Controls.SelectionChangedEventArgs) Handles ListBox1.SelectionChanged

If TextBox1.Text.Length = 0 Or TextBox2.Text.Length = 0 Then
MessageBox.Show("계산하실 숫자를 입력하시지 않아 계산이 불가능합니다.")
Exit Sub

End If

If ListBox1.SelectedIndex = 0 Then 'ListBox 내에서 가장 상단에 위치한 메뉴를 선택 할 경우
Dim a = 0 '변수 a 값을 0 으로 초기화시킵니다
Dim int1 = Integer.Parse(TextBox1.Text) 'int1 변수를 선언합니다.
Dim int2 = Integer.Parse(TextBox2.Text) 'int2 변수를 선언합니다.
a = int1 + int2 'int1 과 int2 를 더한 값을 계산합니다.
TextBlock1.Text = "두 수의 계산 결과는 " & a & " 입니다." '두 수의 더한 값을 TextBlock1에 출력합니다.
MessageBox.Show("두 수의 계산 결과는 " & a & " 입니다.") '두 수의 더한 값을 메시지 박스에 출력합니다.
End If

If ListBox1.SelectedIndex = 1 Then 'ListBox 내에서 2 번째 위치한 메뉴를 선택 할 경우
Dim b = 0 '변수 b 값을 0 으로 초기화시킵니다
Dim int1 = Integer.Parse(TextBox1.Text) 'int1 변수를 선언합니다.
Dim int2 = Integer.Parse(TextBox2.Text) 'int2 변수를 선언합니다.
b = int1 - int2 'int1 과 int2 를 뺀 값을 계산합니다.
TextBlock1.Text = "두 수의 계산 결과는 " & b & " 입니다." '두 수의 뺀 값을 TextBlock1에 출력합니다.
MessageBox.Show("두 수의 계산 결과는 " & b & " 입니다.") '두 수의 뺀 값을 메시지 박스에 출력합니다.
End If

If ListBox1.SelectedIndex = 2 Then 'ListBox 내에서 3 번째 위치한 메뉴를 선택 할 경우
Dim c = 0 '변수 c 값을 0 으로 초기화시킵니다
Dim int1 = Integer.Parse(TextBox1.Text) 'int1 변수를 선언합니다
Dim int2 = Integer.Parse(TextBox2.Text) 'int2 변수를 선언합니다
c = int1 * int2 'int1 과 int2 를 곱한 값을 계산합니다.
TextBlock1.Text = "두 수의 계산 결과는 " & c & " 입니다." '두 수의 곱한 값을 TextBlock1에 출력합니다.
MessageBox.Show("두 수의 계산 결과는 " & c & " 입니다.") '두 수의 곱한 값을 메시지 박스에 출력합니다.
End If

If ListBox1.SelectedIndex = 3 Then 'ListBox 내에서 4 번째 위치한 메뉴를 선택 할 경우
Dim d = 0 '변수 d 값을 0 으로 초기화시킵니다
Dim int1 = Integer.Parse(TextBox1.Text) 'int1 변수를 선언합니다
Dim int2 = Integer.Parse(TextBox2.Text) 'int2 변수를 선언합니다
d = int1 / int2 'int1 과 int2 를 나눈 값을 계산합니다.
TextBlock1.Text = "두 수의 계산 결과는 " & d & " 입니다." '두 수의 나눈 값을 TextBlock1에 출력합니다.
MessageBox.Show("두 수의 계산 결과는 " & d & " 입니다.") '두 수의 나눈 값을 메시지 박스에 출력합니다.
End If
End Sub

위에서 말씀드렸던 바와 같이 Windows Phone Application (윈도 폰 7 어플리케이션) 개발시 Val 함수를 지원하지 않기 때문에 두 수 역시 각각의 변수로 지정하신 이후 계산을 해 주셔야 한다는 점을 기억하세요.

이외의 설명은 위의 코드에 이미 주석을 달아 놓았기 때문에 별도로 하지 않겠습니다. 모두 이해하셨다고 가정하겠으나, 질문이 있으신 경우, 저에게 이메일 (happy_bono@naver.com) 주시면 정성어린 답변 받아보실 수 있으니 카페 이용에 참고하여 주시구요, 마지막으로 에뮬레이터에서 디버깅되는 완성된 사칙연산 계산기를 보여드리고,

저는 이만 물러가도록 하겠습니다.

오늘도 행복한 하루 보내세요~

감사합니다.

By. 해피보노(happy_bono)