W10 UWP CompactOverlay 按钮图标

Question

无法弄清楚用于 CompactOverlay (Picture in Picture) 模式的 Segoe MDL2 图标是什么。请参见下面的示例图片。有人有什么想法吗？

谢谢！

Answer 1

我不认为字体中有那个符号，但是可以通过将两个符号（E7FB 和EB9F）分层来合成。与此类似的内容：

<Grid>
    <TextBlock HorizontalAlignment="Left"
                VerticalAlignment="Top"
                Margin="10"
                FontFamily="Segoe MDL2 Assets"
                FontSize="15">&#xE7FB;</TextBlock>
    <TextBlock HorizontalAlignment="Left"
                VerticalAlignment="Top"
                Margin="16,12,0,0"
                FontFamily="Segoe MDL2 Assets"
                FontSize="6  ">&#xEB9F;</TextBlock>
</Grid>

Answer 2

他们使用名为 "SegMVR2.ttf" 的不同字体。我拿在这里：

C:\Program Files\WindowsApps\Microsoft.ZuneVideo_10.17092.13511.0_x64__8wekyb3d8bbwe\Resources\Fonts

然后，在 XAML 中我使用了这个标记：

<AppBarButton>
    <AppBarButton.Icon>
        <FontIcon FontFamily="ms-appx:/Resources/Fonts/SegMVR2.ttf#Segoe MVR MDL2 Assets" Glyph="&#xF15E;"/>
    </AppBarButton.Icon>
</AppBarButton>

W10 UWP CompactOverlay 按钮图标

W10 UWP CompactOverlay button icon

uwp

win-universal-app