UWP : 앱 표시 줄/명령 줄의 아이콘 크기

Question

app bar/command bar에는 어떤 아이콘 크기를 사용해야합니까?

Guidelines for tile and icon assets 또는 UWP App Visual Assets에서 뭔가를 찾을 수 없습니다.

_{다른 이름 : 탐색 모음 (아이폰 OS), 응용 프로그램 바/작업 표시 줄 (안드로이드), 도구 모음 (Xamarin.Forms)}

Answer 1

이미지 크기

기본 아이콘 크기는 응용 프로그램에 대한 20 픽셀이어야합니다

appbaricon.scale-100.png - 20 px 
appbaricon.scale-125.png - 25 px 
appbaricon.scale-150.png - 30 px 
appbaricon.scale-200.png - 40 px 
appbaricon.scale-400.png - 80 px 

소스

,536,913,632 : 바 이미지를 100 % 스케일링에,하지만 당신은 또한 모든 화면에 잘 보이는 보장하기 위해 추가 이미지 자산을 제공해야 나는 부착 디버거 응용 프로그램을 실행 한

<CommandBar> 
    <AppBarButton> 
     <AppBarButton.Icon> 
      <BitmapIcon UriSource="/Assets/Sample.png" /> 
     </AppBarButton.Icon> 
    </AppBarButton> 
</CommandBar> 

비주얼 스튜디오에서 Live Visual Tree에 BitmapIcon을 발견하고 Live Property Explorer을 열었다 : 10

은 내가 CommandBar 제어 간단한 XAML 페이지와 샘플 이미지를 가진 AppBarButton을 만들었습니다 :

볼 수 있듯이, 이미지의 높이 및 폭은 장치 독립적 20 픽셀로 설정된다. 다른 디스플레이 배율의 경우에는 동일하지만 화면의 적절한 배수로 렌더링됩니다.

이 크기는 AppBarButton 컨트롤에 내장 된 Segoe UI 심볼 글꼴 기반 아이콘과 정확히 일치한다는 것을 확인했습니다.

이미지의 크기가 가능한 한 기본 이미지와 일치하도록 아이콘 이미지를 만들 것을 권장합니다.