모든 해상도의 이미지를 자동으로 스케일하는 방법은 무엇입니까?

Question

내 앱의 페이지에 두 개의 이미지가 있습니다. 하나는 고정 된 프레임이고 다른 하나는 시간이 변경되는 것입니다.

나는 페이지가 모든 해상도 (WVGA, WXGA, 720p의)에 대한 조정 자동 싶어요. 따라서 documentation에 따르면 숫자를 설정하지 말고 "Auto" 또는 "*"을 사용하여 모든 해상도에서 자동으로 조정됩니다. 좋습니다, 프레임에는 좋지만 내부 그림은 어떻게됩니까? 프레임의 바로 안쪽에 가장자리의 거리에 있도록 어떻게 설정할 수 있습니까? 그래서 이미지 크기가 변경되지 않습니다 :

<Image Name="Frame" Source="/MyApplication;component/Assets/Frame.png" HorizontalAlignment="Left" Height="auto" VerticalAlignment="Top" Width="auto"/> 
<Image Name="InnerImage" Source="/MyApplication;component/Assets/Pages/10.png" HorizontalAlignment="Left" Height="Auto" VerticalAlignment="Top" Width="Auto" Margin="33,40,33,40"/> 

Answer 1

는 해상도에 관계없이 앱 여전히 800 × 480 (9 853 16)의 논리적 픽셀을 본다. 그 기사는 더 높은 해상도의 이미지를 제공하는 것에 대해서만 이야기합니다. 따라서 더 높은 해상도의 화면 (종종 크기가 더 큼)에서 볼 때 더 나은 품질의 이미지를 볼 수 있습니다. 레이아웃과 크기면에서 화면 해상도에 관계없이 동일하게 유지됩니다.

테스트하려면 응용 프로그램에 이미지를 추가하고 크기가 다른 여러 에뮬레이터에서 실행하면 화면 해상도에 관계없이 동일한 상대 크기로 유지됩니다.