UWP - 位图图像到图标答案

【问题标题】：UWP - BitMapImage to IconUWP - 位图图像到图标
【发布时间】：2018-10-27 19:11:27
【问题描述】：

我正在尝试使用 Visual Studio 2017 制作 UWP。我想将 Microsoft 帐户信息添加为 NavigationViewItem。为了做到这一点，我得到了GraphServiceClient DisplayName 和分别保存为字符串和BitMapImage 的个人资料图片。

我想做的是循环裁剪BitMapImage 并在NavigationViewItem 的Icon 属性中使用它。

【问题讨论】：

您可能应该展示您已经拥有的代码，以使问题更清晰、更有吸引力。而且您绝对应该解释是什么阻止了您（我想做的是循环裁剪 Bitmapimage 并在 NavigationViewItem 的 Icon 属性中使用。） - 目前在您的帖子中没有提出任何问题。

标签： c# uwp icons bitmapimage

【解决方案1】：

我想做的是循环裁剪 BitMapImage 并在 NavigationViewItem 的 Icon 属性中使用它。

你不能使用BitmapImage作为NavigationViewItem的Icon，它只接收IconElement。

为了实现您的目标，您可以直接在NavigationViewItem.Content 中进行布局以显示图像和文本。例如，您可以使用Ellipse 和ImageBrush 以圆形显示图像。

这是一个简单的代码示例：

<NavigationView>
        <NavigationView.MenuItems>
            <NavigationViewItem Name="SalahNavItem" Tag="Salah">
                <NavigationViewItem.Content>
                    <StackPanel Orientation="Horizontal" >
                        <Ellipse Width="40" Height="40">
                            <Ellipse.Fill>
                                <ImageBrush x:Name="img"></ImageBrush>
                            </Ellipse.Fill>
                        </Ellipse>
                        <TextBlock Text="Custom" VerticalAlignment="Center"></TextBlock>
                    </StackPanel>
                </NavigationViewItem.Content>
            </NavigationViewItem>
            <NavigationViewItem Name="AppsNavItem"  Content="Apps" Tag="apps">
            </NavigationViewItem>
        </NavigationView.MenuItems>
</NavigationView>

BitmapImage bitmapImage = new BitmapImage(new Uri("ms-appx:///Assets/car.png"));
img.ImageSource = bitmapImage;

【讨论】：