1. 程式人生 > >UWP 使用UCT的Markdown控件

UWP 使用UCT的Markdown控件

常用 lan pos stat lba apple community src targe

原文: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));
}

下面就給大家看一看我的軟件更新日誌:技術分享圖片

技術分享圖片

這樣的更新日誌是不是顯的高大上呢,比起那些幹巴巴的文字說明,這個可以說是圖文並茂了。

UWP 使用UCT的Markdown控件