xaml - WP 8.1 Store アプリ用のマルチスケール画像アセットを作成する方法

Question

さまざまな倍率の特定の画像アセットを作成する方法は? たとえば、画像を使用するボタンがあります。では、Scale 100、Scale 140、Scale 240 の画像を作成するにはどうすればよいでしょうか。

Answer 1

96dpi デバイス用のオリジナル イメージを作成します。たとえば 40x40 とします。次に、56x56 (140%)、72x72 (180%) などを提供する必要があります。画像を提供しないと、画像のサイズが変更され、品質が低下します。

次のように、すべてのスケールの画像を提供し、同じフォルダーに配置できます。

Images/name.scale-100.png
Images/name.scale-140.png
Images/name.scale-180.png
Images/name.scale-240.png

次に、次のように XAML で画像を参照できます。

<Image Source="Images/name.png"/>

コード内の URI は次のとおりです。

Uri imageUri = new Uri("ms-appx:///Images/name.png");

OS は、適切な縮尺でイメージを取得する必要があります。詳細については、MSDN を参照してください。

この方法で、高コントラストおよび/または異なる言語の画像も設定できることに注意してください。