WinRT 通用应用程序：底栏图标模糊。答案

【问题标题】：WinRT Universal App: Bottom bar icons blurred.WinRT 通用应用程序：底栏图标模糊。
【发布时间】：2015-09-28 06:41:51
【问题描述】：

我在我的 windows 通用应用程序中使用 76*76 png 文件作为底部栏图标。

下面是我的移动底栏 xaml

<Page.BottomAppBar>
    <CommandBar RequestedTheme="Dark" Background="#FFF3A716">
        <AppBarButton x:Uid="AppBarHome" Click="AppBarButton_Click">
            <AppBarButton.Icon>
                <BitmapIcon HorizontalAlignment="Center" VerticalAlignment="Center"   UriSource="/Assets/Images/home-icon.png">

                </BitmapIcon>
            </AppBarButton.Icon>
        </AppBarButton>

    </CommandBar>
</Page.BottomAppBar>

这是我的平板电脑应用底部栏：

<Page.BottomAppBar>
    <CommandBar  Name="BtmBar" Closed="CommandBar_Closed" RequestedTheme="Dark" Background="#FFF3A716" IsOpen="True" IsSticky="True">
        <AppBarButton x:Uid="AppBarHome" Click="AppBarButton_Click">
            <AppBarButton.Icon>
                <BitmapIcon HorizontalAlignment="Center" VerticalAlignment="Center"   UriSource="/Assets/Images/home-icon2.png">

                </BitmapIcon>
            </AppBarButton.Icon>
        </AppBarButton>

    </CommandBar>
</Page.BottomAppBar>

home-icon 是 76*76，home-icon2 是 96*96。我也尝试过 76*76 的图标，但在手机中似乎还可以，而在平板电脑中则模糊。

我怎样才能摆脱这个模糊的问题？

【问题讨论】：

标签： windows-runtime winrt-xaml blur

【解决方案1】：

您必须制作多个比例并让 Windows -auto- 选择完美的一个.. 此图像可能对您有所帮助：http://i.stack.imgur.com/x2yGW.jpg。

参考：AppBar button icon not fitting inside elipse

缩放参考：How to create multi scaled image assets for a WP 8.1 Store app

【讨论】：