윈도우폰 시작하기! - 윈도우폰 실행아이콘 만들기

윈도우폰 시작하기! - 윈도우폰 실행아이콘 만들기

윈도우 폰 개발환경을 위한 설치 가이드는 다음을 참고 하세요.

http://hello-ux.com/103

    

우리가 어플리케이션을 시작할 때 누르는 실행아이콘!

익스프레션 블렌드를 통해 바꾸고 확인할 수 있습니다.

윈도우폰 환경으로 선택합니다

Action_icon이라는 프로젝트 명을 지어줍니다.

 

 

다음과 같은 개발 환경이 만들어집니다

처음 상태에서 빌드(F5)를 해보면

윈도우폰 에뮬레이터가 실행되어 윈도우폰이 없어도 미리보기가 가능합니다.

 

 

윈도우폰 에뮬레이터를 통해 다음과 같은 실행 아이콘을 변경해 볼까요?

 

 

 

 

익스프레션 블렌드를 보면 다음과 같이 이미지 파일이 있습니다.

ApplicationIcon.png (62*62)

Background.png (173*173)

이 이미지를 사이즈와 이름을 동일하게 만든 png로 덮어주면 됩니다.

 

 

예를 들어,

173*173 사이즈의 Background.png

62*62 사이즈의 ApplicationIcon.png

두개의 실행 아이콘을 준비합니다.

 

 

여기서 잠깐! 디자이너를 위한 한가지 팁

173*173 사이즈의 Background.png의 이미지 아이콘을 상단으로 살짝 올려서 배치시킨 이유는?

아이콘 하단 왼쪽에 어플리케이션 이름이 자동으로 들어가기 때문입니다.

실행 아이콘 제작 시 이름이 들어갈 영역을 염두해 두고 작업하시면 되겠습니다.

 

 

그리고 익스프레션 블렌드로 다시 돌아와,

오른쪽 마우스 > add existing item 을 선택해 준비한 png를 넣어줍니다.

 

 

 

같은 이름의 이미지가 있으므로 이미지를 덮을건지 물어보는데, 쿨하게 Yes.

 

 

실행아이콘 이미지가 바뀐 것을 확인할 수 있습니다.

173*173 사이즈의 Background.png 아이콘은 어디서 확인하냐구요?

 

 

 

실행아이콘을 3초간 꾹~ 누르면 다음과 같은 설정이 뜹니다.

Pin to start를 선택합니다. 즐겨찾기라고 생각하시면 됩니다.

다시 빌드(F5)를 해 보면,

 

 

메인 화면에 내 어플리케이션이 노출된 것을 확인할 수 있습니다.

 

 

내가 만든 프로젝트에 같은 경로로 이미지를 바로 덮어줘도 됩니다.

(너무 쉬운걸 돌려서 설명했나요?)