Blend를 사용하여 Windows Phone 응용 프로그램 디자인

중요 중요

Blend for Visual Studio 2012에서 Windows Phone 프로젝트를 디자인하는 기능은 Windows Phone SDK 8.0을 설치하는 경우에만 사용할 수 있습니다.

Blend의 Windows Phone 기능은 Windows Phone용 응용 프로그램을 더 쉽고 빠르게 디자인할 수 있도록 설계되었습니다.

Blend에서 Windows Phone 프로젝트를 만들 때 문서 창에 Windows Phone 화면과 비슷한 응용 프로그램 페이지(PhoneApplicationPage)가 표시됩니다. 응용 프로그램 페이지에 개체를 추가하고 정렬한 다음 원하는 방식으로 화면에 개체가 표시되도록 수정할 수 있습니다. 페이지 디자인을 완료하면 프로젝트를 빌드한 다음 실행하여 Windows Phone Emulator 또는 컴퓨터에 연결된 Windows Phone 장치에서 미리 볼 수 있습니다.

응용 프로그램 페이지에 콘텐츠를 추가하는 방법 대한 자세한 내용은 Windows Phone 콘텐츠 만들기를 참조하십시오.

Windows Phone 프로젝트 미리 보기에 대한 자세한 내용은 Windows Phone 프로젝트 미리 보기를 참조하십시오.

PhoneApplicationPage

Phone 응용 프로그램 페이지

장치 패널을 사용하여 응용 프로그램 페이지의 방향을 선택하고, 배경색과 강조 색, 크롬 UI를 표시할지 여부 및 디스플레이를 잘라낼지 여부를 결정할 수 있으며, Windows Phone Emulator 또는 컴퓨터에 연결된 Windows Phone 장치 중 어디에서 응용 프로그램을 미리 볼 것인지 선택할 수 있습니다.

자세한 내용은 장치 패널 설정 수정을 참조하십시오.

장치 패널

Windows Phone 응용 프로그램을 디자인할 때 텍스트 스타일을 개체에 적용하기 전에 빠르고 쉽게 미리 볼 수 있습니다. 텍스트가 표시되는 텍스트 블록을 마우스 오른쪽 단추로 클릭하고 스타일 편집, 리소스 적용을 차례대로 클릭한 다음 원하는 텍스트 스타일을 선택합니다.

Windows Phone용 텍스트 미리 보기

Windows Phone 응용 프로그램에 응용 프로그램 표시줄을 추가할 때 목록에서 기본 제공 응용 프로그램 표시줄 단추 및 메뉴를 선택하여 빠르고 쉽게 추가할 수 있습니다. 또한 사용자 지정 응용 프로그램 표시줄 단추 및 메뉴 항목을 만들어 프로젝트에 추가할 수 있습니다. 프로젝트에 사용자 지정된 항목을 추가하면 드롭다운 목록에도 해당 항목이 나타납니다.

응용 프로그램 표시줄을 추가하려면 개체 및 타임라인 패널에서 PhoneApplicationPage를 마우스 오른쪽 단추로 클릭한 다음 응용 프로그램 표시줄 추가를 클릭합니다. ApplicationBar를 마우스 오른쪽 단추로 클릭한 다음 ApplicationBarIconButton 추가를 클릭합니다. 속성 패널의 공용 속성 범주에서 원하는 단추 아이콘을 IconUri 드롭다운 목록에서 선택합니다.

기본 제공 Windows Phone 스타일 단추 아이콘

전화 번호 단추 선택

Windows Phone 응용 프로그램에 대한 탐색을 빠르고 쉽게 정의할 수 있습니다. 탐색을 정의하려면 탐색을 정의하려는 응용 프로그램 페이지에서 개체를 마우스 오른쪽 단추로 클릭하고 탐색 대상을 클릭한 다음 사용할 수 있는 페이지 목록에서 탐색하려는 페이지를 클릭합니다.

다른 페이지 탐색

Windows Phone 장치에 사용할 수 있는 키보드는 크기에 제한이 있으므로 사용자가 데이터를 필드에 입력할 때 표시할 키보드를 지정하는 것이 좋습니다. TextBox InputScope 속성을 수정하여 필드에 입력되는 데이터 형식뿐만 아니라 사용자가 입력할 때 표시할 키보드를 지정할 수 있습니다. 응용 프로그램 페이지에서 선택한 TextBox를 사용하여 속성 패널의 공용 속성 범주에 있는 InputScope 드롭다운 목록에서 원하는 입력 형식을 선택합니다.

숫자 입력을 위해 최적화된 Windows Phone TextBox
표시:
© 2014 Microsoft