이 페이지가 유용했습니까?
이 콘텐츠에 대한 여러분의 의견은 중요합니다. 의견을 알려주십시오.
추가 의견
1500자 남음
내보내기(0) 인쇄
모두 확장
정보
요청한 주제가 아래에 표시됩니다. 그러나 이 주제는 이 라이브러리에 포함되지 않습니다.

Windows Phone의 앱 바 아이콘 버튼

2014-06-18

적용 대상: Windows Phone 8 및 Windows Phone Silverlight 8.1 | Windows Phone OS 7.1

 

기본 앱 바는 휴대폰 화면 아래쪽에 있는 아이콘 버튼 행과 줄임표입니다. 앱에서 자주 사용하는 기본 동작에 아이콘 버튼을 사용하세요. 일부 동작은 아이콘으로 명확하게 전달하기가 어렵습니다. 이 경우 대신 메뉴 항목을 사용하세요. 자세한 내용은 Windows Phone의 앱 바를 참조하세요.

다음 그림에서는 앱 바의 예를 보여 줍니다.

App Bar in default size

앱에서 직접 또는 자체 아이콘을 만들기 위한 지침으로 사용할 수 있는 앱 바 아이콘 집합이 Windows Phone SDK 와 함께 설치됩니다. 다음 위치에서 어두운 배경과 밝은 배경에 대한 샘플 아이콘을 모두 찾을 수 있습니다.

C:\Program Files (x86)\Microsoft SDKs\Windows Phone\v8.0\Icons

참고참고:

dark 폴더의 아이콘 파일만 사용해야 합니다. Windows Phone 에서는 선택한 테마(옅은 색 또는 짙은 색)에 따라 아이콘 색이 자동으로 지정됩니다.

이 항목에는 다음 단원이 포함되어 있습니다.

 

다음은 앱 바에 표시되는 아이콘 버튼을 구현하는 최선의 방법입니다.

  • 아이콘 이미지의 크기는 48 x 48픽셀이어야 합니다. 버튼의 전경 그래픽은 이미지 중앙의 26 x 26 영역에 맞는 크기여야 하며 원에 겹치지 않아야 합니다.

  • 각 버튼에 표시되는 원은 앱 바를 이용해 그리고, 원본 이미지에는 포함되지 않아야 합니다.

  • 아이콘 이미지는 알파 채널을 사용하여 투명한 배경 위에 흰색 전경을 사용해야 합니다. Windows Phone 에서는 선택한 테마(옅은 색 또는 짙은 색)에 따라 아이콘 색이 자동으로 지정되는데, 아이콘 색이 지정되면 이 효과가 예기치 않게 표시될 수 있습니다.

  • 페이지 스택에서 뒤로 이동하는 버튼은 만들지 마세요. 모든 Windows Phone 에는 뒤로 이동하는 데 사용되는 전용 하드웨어의 뒤로 버튼이 있습니다.

  • 아이콘 버튼 레이블은 최대한 짧게 유지하세요. 장치 언어가 영어인 경우 레이블은 한 줄로만 나타나며 필요한 경우 잘립니다.

  • 휴대폰을 회전해도 의미를 명확하게 나타내는 아이콘을 선택하세요. 휴대폰이 가로 방향이면 앱 바가 화면 옆에 세로로 나타납니다. 아이콘 버튼은 사용자에게 똑바로 보이도록 회전됩니다. 이 경우 아이콘의 의미가 혼동될 수 있는데, <<>>처럼 두 아이콘이 서로의 이미지를 미러링하는 경우에 특히 그렇습니다.

앱 바에서 아이콘 버튼의 이미지를 사용할 수 있으려면 먼저 이 이미지를 앱에 추가해야 합니다. 이 절차에서는 Images라는 폴더를 만든 다음 아이콘 파일을 추가합니다. 폴더에 원하는 모든 이름을 지정할 수 있지만 Images는 기본 XAML 앱 바의 이름과 일치합니다.

Windows Phone 앱에 아이콘 버튼 이미지를 추가하려면

  1. 솔루션 탐색기에서 프로젝트를 마우스 오른쪽 버튼으로 클릭하고 추가를 가리킨 다음 새 폴더를 클릭합니다.

  2. 폴더 이름을 Images로 지정합니다.

  3. 솔루션 탐색기 창에서 Images 폴더를 마우스 오른쪽 버튼으로 클릭하고 추가를 가리킨 다음 기존 항목을 클릭합니다.

  4. 아이콘 파일 위치로 이동하여 파일을 하나 이상 선택한 다음 추가를 클릭합니다.

  5. 솔루션 탐색기에서 새 파일을 모두 선택합니다.

  6. 속성 창에서 새 파일에 다음 속성을 설정합니다.

    속성

    빌드 작업

    Content

    출력 디렉터리로 복사

    복사 안 함

    주의주의:

    아이콘을 버튼 이미지로 사용하려면 빌드 작업을 콘텐츠로 설정해야 합니다.

  7. (선택 사항) 프로젝트에서 아이콘 파일 이름을 바꿉니다.

표시:
© 2015 Microsoft