Windows 通用应用程序的 MarkdownTextBlock 控件中未呈现图像答案

【问题标题】：Images are not being rendered in MarkdownTextBlock control in Windows universal applicationWindows 通用应用程序的 MarkdownTextBlock 控件中未呈现图像
【发布时间】：2017-03-18 19:41:14
【问题描述】：

我有以下 xaml 代码 -

<Page
x:Class="MyProject1.MainPage"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
xmlns:controls="using:Microsoft.Toolkit.Uwp.UI.Controls"
mc:Ignorable="d" Background="Black">
<Grid Background="White" Name="mainGrid">

    <Border  BorderBrush="Cyan" BorderThickness="0.2" Margin="3,0,3,3">
        <ListView x:Name="ListView" VerticalAlignment="Bottom" SelectionMode="None" IsItemClickEnabled="True">
            <ListView.ItemTemplate>
                <DataTemplate>
                    <controls:MarkdownTextBlock Name="markdownBlock" Text="{Binding Text}" TextWrapping="Wrap" FontFamily="Segoe-UI">
                    </controls:MarkdownTextBlock>
                </DataTemplate>
            </ListView.ItemTemplate>
            <ListView.ItemContainerStyle>
                <Style TargetType="ListViewItem">
                    <Setter Property="FontSize" Value="14" />
                    <Setter Property="Foreground" Value="Black" />
                </Style>
            </ListView.ItemContainerStyle>
        </ListView>
    </Border>
</Grid>
</Page>

我正在尝试在 windows 通用应用程序（windows 10 应用程序）的降价文本下方显示。

这是markdown中的文字-

示例文本，以 Markdown 表示。 \n\n 请click here 了解更多详情。 \n\n\n ![SQL2016]/(http://windowsitpro.com/site-files/windowsitpro.com/files/imagecache/large_img/uploads/2015/05/sql2016.jpg)/

在我的 Windows 通用应用程序中，MarkdownTextBlock 控件下方仅呈现文本和超链接，而不呈现图像:(

它被渲染成这样 -

但是，相同的markdown在浏览器中完全呈现-

我在这上面花了很多时间.. 但无法弄清楚原因.. 这个图像渲染不能用 markdowntextblock 吗？不确定如果我在这里使用 webbrowser 性能会如何。我的 XAML 中缺少什么？

【问题讨论】：

标签： c# xaml uwp markdown windows-community-toolkit

【解决方案1】：

是的，这不是你的错。 UWP 社区工具包的当前版本 (1.3.1) 目前不支持 MarkdownTextBlock 的图像。

但是正如我们所见，这些人正在努力： https://github.com/Microsoft/UWPCommunityToolkit/issues/916 https://github.com/Microsoft/UWPCommunityToolkit/pull/958

即使他们已经准备好了，我们也只是在等待 1.4 版的发布日期，即 2017 年 4 月 5 日。

如果您迫不及待，您可以从源代码构建工具包并在您的项目中使用它。

【讨论】：

非常感谢@tóth-tibor 提供的信息。我看到渲染图像的代码在这个文件中 github.com/Microsoft/UWPCommunityToolkit/blob/dev/… 你能指导我如何在我的 win 通用应用程序中使用它在 markdowntextblock 中渲染图像吗？我不确定我是否将它与文本渲染和文本换行属性一起使用。
我等不及了，您需要从此folder 获取所有这些文件并将它们放在单独的命名空间中。之后使用这个控件，就像原来的控件一样，在 xaml 中修复了命名空间。但是不要忘记在发布后使用官方的。