익스프레션 블렌드로 Window7 Phone 시작하기

안녕하세요. 반짝 반짝 빛나는 성남미입니다.

요즘 윈도우7폰에 관련한 이슈가 많은데요,

Expression Blend에서 보여지는 Window7 Phone의 모습을 간략하게 살펴 보겠습니다.

 

< Windows Phone Developer Training Kit April >

http://windowsteamblog.com/windows_phone/b/wpdev/archive/2010/05/05/windows-phone-developer-training-kit-april-refresh.aspx

 

이곳에서 다운받으시면, Expression Blend에서 Window7 Phone의 개발환경이 생깁니다.

 

 

다운 받으셔서 설치 하셨나요? 그러면 Expression Blend를 켭니다.

New Project.를 누릅니다.

 

 

Silverlight와 Wpf 외에 Windows Phone의 타입이 생긴 것을 확인할 수 있습니다.

Windows Phone의 타입을 선택하고 OK를 누릅니다.

 

 

화면이 생성되면 기본으로 Windows Phone의 레이아웃이 잡혀 있는 것을 확인할 수 있습니다.

타이틀 영역이 오토로 잡혀 있고 그 아래 영역이 1star로 잡혀 있습니다.

그리고 내용은 Grid 패널로 만들어진 ContentPanel에 넣으면 될 것이라고 쉽게 추측할 수 있겠네요

이렇게 기본적으로 영역을 나눠놓아서 좀 더 빠르게 접근할 수 있을 것 같습니다.

 

 

ContentPanel 안에 버튼 컨트롤을 한번 넣어 보았습니다.

그 전에 Expression Blend에서 보는 버튼과는 많이 다르고,

Windows Phone에서 기본적으로 쓰이는 버튼 디자인이 기본으로 세팅 되어 있는 것을 확인할 수 있습니다.

스타일의 변경이 가능하지만, 굳이 변경하지 않고 써도 무리가 없어 보이는 심플한 버튼입니다.

 

 

그 외에 다른 컨트롤들도 Windows Phone의 모습으로 세팅 되어 있는데,

아주 심플한 느낌의 컨트롤들로 이루어져 있었습니다.

 

 

Project > Run Project 혹은 F5를 눌러 빌드를 해보겠습니다.

 

 

빌드가 진행되고 있을 때의 모습입니다.

 

 

빌드가 완료 되었습니다. 처음에 넣었던 버튼이 중앙으로 가 있고,

상단에는 타이틀이 그대로 나타나네요.

한가지 재미있는 점은 윈도우 폰 모양의 아래 3가지 버튼이 모두 동작한다는 점입니다.

실제로 핸드폰에 넣지 않아도 만들어진 결과물이 어떤 모습으로 보여질지 쉽게 그릴 수 있겠습니다.

 

 

Start 버튼을 누르니 다음과 같은 화면이 뜹니다.

인터넷에서 보여지는 Windows Phone의 모습이 그려집니다.

 

사각형이 많은 윈도우7 폰의 메인입니다. 빌드를 해서 보여지는 메인이 이와 비슷하네요.

 

 

오른쪽 화살표를 눌러보겠습니다,

다음과 같이 작은 아이콘으로 보여집니다.

 

 

Setting을 눌렀을 때,

 

 

테마를 바꾸니 바로 적용이 되는 것을 확인할 수 있습니다.,

 

Accent 색상도 지정할 수 있네요.

 

 

언어와 지역을 변경할 수도 있습니다.

 

 

Internet을 누르니 나오는 화면입니다.

 

 

주소 창을 클릭하니 키보드가 나옵니다. 아주 깔끔하네요.

 

 

Search 버튼을 누르니 bing으로 연결이 됩니다.

 

 

Expression Blend로 빌드 해서 본 Window7 Phone의 모습은 굉장히 직관적이라는 느낌을 받았습니다.

Window7 Phone에 대한 기대가 마구 높아지고 있습니다.

얼른 우리나라에도 출시되길 바라면서 끝!!