Question

我使用BitMapIcon创建了一个appbar按钮。以下是代码

<AppBarButton HorizontalAlignment="Stretch" Label="AppBarButton" VerticalAlignment="Stretch" Background="White" Foreground="White">
    <AppBarButton.Icon>
        <BitmapIcon UriSource="Assets/work.png"/>
    </AppBarButton.Icon>
</AppBarButton>

其中work.png是按钮图像。但是appbar按钮图像看起来与原始工作图像不同。见图像

enter image description here

第二张图片是40 x 40尺寸图片＆amp;的原始图标。我将背景显示为黑色以用于显示目的[work.png]。
如何将按钮图标显示为与原始图标一样正确？或者这种错配的原因是什么？

appbar按钮是否允许半透明图标图像？

Answer 1

我遇到了类似的问题，发现将高度和宽度设置为png停止的高度和宽度 注意： 40x40对于圈子来说似乎太大了。

<AppBarButton HorizontalAlignment="Stretch" Label="AppBarButton" VerticalAlignment="Stretch" Background="White" Foreground="White">
    <AppBarButton.Icon>
        <BitmapIcon UriSource="Assets/work.png" Height="20" Width="20"/>
    </AppBarButton.Icon>
</AppBarButton>

Answer 2

我遇到过类似的事情。这似乎是原始PNG上Alpha值的问题。通常，附加到白色像素的Alpha值可以为深色背景提供一种灰度图像，提供比单色图像更多的细节。也就是说，您的原始PNG可能由所有白色像素组成，但具有被BitmapImage控件损坏的Alpha值。我找到了两个选择。您可以转到原始PNG并删除alpha值不是0或255的像素，也可以重新模板化AppBarButton以使用Image控件而不是BitmapIcon。我认为BitmapIcon受到了大脑损坏并选择了后者，这并不像原始模板那样糟糕：

http://msdn.microsoft.com/en-us/library/windows/apps/xaml/dn481531.aspx

窗口8.1中的Appbar按钮图标图像似乎不正确

2 个答案: