UWP 使用UCT的Markdown控件

Posted 2020-10-27 lonelyxmas

原文:UWP 使用UCT的Markdown控件

之前在网上偶然碰到过 一个在线的Markdown Text编辑器 http://mahua.jser.me/，功能很齐全。

 

 

 

然后就突然有了一个大胆的想法

这个玩意要是在uwp中实现，用来做更新日志说明，岂不是美滋滋

 

嘿嘿嘿，是的，确实美滋滋。

 

而且不用你亲自去写一个Markdown Text，微软团队的UWP Community Toolkit，已经帮你完成了一切。

 

在Nuget里面搜索 Microsoft.Toolkit.Uwp.UI.Controls  ，下载引用即可。商店搜索“UWP Community Toolkit”可以下载这个App，里面包含很多常用的控件，会长好用。

 

项目地址： https://github.com/Microsoft/UWPCommunityToolkit

 

使用方法：

<ScrollViewer Style="{StaticResource ScrollViewerAppleStyle}" ScrollViewer.VerticalScrollBarVisibility="Visible">
     <controls:MarkdownTextBlock x:Name="textUpdateLog" Style="{StaticResource markdownText}" 
　　　　LinkClicked="MarkdownText_LinkClicked"/>
</ScrollViewer>

private async void MarkdownText_LinkClicked(object sender, Microsoft.Toolkit.Uwp.UI.Controls.LinkClickedEventArgs e)
{
     await Launcher.LaunchUriAsync(new Uri(e.Link));
}

 

 

 

下面就给大家看一看我的软件更新日志：

 

 

 

这样的更新日志是不是显的高大上呢，比起那些干巴巴的文字说明，这个可以说是图文并茂了。