Question

我正在制作一款Windows phone 8 silverlight应用程序。我在我的应用程序主页上使用了 font-awesome 图标..它们确实在设计器中正确显示但是当我在模拟器上运行应用程序时，它们无法正常显示。 / p>

此外，我使用普通的 76 X 76 px PNG 文件图片作为appbar图标，它们甚至无法在设计器中正确显示，它们不适合appbar图标的圆圈，而是试图逃避圈。我正在攻击下面的模拟器中的图像/截图，你可以看到并请告诉我解决方案。 提前致谢

来自模拟器的图片

来自视觉工作室设计师的图片

ApplicationBar的XAML代码

<phone:PhoneApplicationPage.ApplicationBar>
    <shell:ApplicationBar>
        <shell:ApplicationBarIconButton IconUri="/Assets/AppBar/scan.png"
                                        IsEnabled="True"
                                        Text="Scan"/>
        <shell:ApplicationBarIconButton IconUri="/Assets/AppBar/search.png"
                                        IsEnabled="True"
                                        Text="Search"/>
    </shell:ApplicationBar>
</phone:PhoneApplicationPage.ApplicationBar>

MainPage图标TextBlocks的应用程序资源

<phone:PhoneApplicationPage.Resources>
    <ResourceDictionary >
        <Style TargetType="TextBlock"
               x:Key="MainPageIcon">
            <Setter Property="FontSize"
                    Value="80" />
            <Setter Property="Width"
                    Value="90" />
            <Setter Property="FontFamily"
                    Value="/Resources/FontAwesome.otf#FontAwesome" />
            <Setter Property="TextAlignment"
                    Value="Center" />
        </Style>
    </ResourceDictionary>
</phone:PhoneApplicationPage.Resources>

主页上其中一个图标的XAML

<TextBlock Text="&#xf02a;"  Style="{StaticResource MainPageIcon}"/>

Answer 1

实际上，图片大小并不重要。重要的是 - 它是围绕实际图标的透明边框。在实际图像周围添加宽透明边框，您将被全部设置。

图片不正确：https://i.stack.imgur.com/pNuJg.png

正确的图片：https://i.stack.imgur.com/qPdRc.png

VS XAML设计师截图：https://i.stack.imgur.com/9Jgpg.png

模拟器截图：https://i.stack.imgur.com/ZuCUE.png

windows phone silverlight font-awesome和appbar图标

1 个答案: