ToB企服应用市场:ToB评测及商务社交产业平台

标题: [WPF]用HtmlTextBlock实现消息对话框的内容高亮和跳转 [打印本页]
作者: 知者何南    时间: 2024-6-28 20:50
标题: [WPF]用HtmlTextBlock实现消息对话框的内容高亮和跳转
动手写一个简单的消息对话框一文先容了如何实现满足常见应用场景的消息对话框。但是内容区域的笔墨仅仅起到信息展示作用，对于需要部分关键字高亮，或者部分内容有交互性的场景（比方下图提示信息中的“what's the risk?”需要跳转）则无能为力了。本文将先容如何在WPF中机动的实现消息对话框中局部笔墨内容高亮或者支持跳转。

HtmlTextBlock的使用

在WPF中，可以采用或者TextEffect实现笔墨中部分关键字高亮，但无法同时满足部分内容支持链接跳转功能 。如果能直接使用HTML，题目就迎刃而解了，但是在消息对话框的内容区域放一个webbrowser或cef浏览器有点太臃肿了。WPF HTML Supported TextBlock分享了一个支持有限HTML标签的WPF控件。该控件可以支持<b>,<u>,<i>,,
,标签，派生自TextBlock控件，并新增了一个依赖属性HtmlProperty接收需要展现的html内容，使用时需要把html内容字符串中的用[]代替。
  1. Content="[font color=red]红色[/font]文字高亮";
  3. <toolkit:HtmlTextBlock Margin="0,0,0,0" FontSize="18"
  4.                                            HorizontalAlignment="Center" VerticalAlignment="Center"
  5.                                            Html="{Binding Content}" />
复制代码
需要注意的是，用Html绑定的内容中如果包含成对的英文方括号[]都会被当做标签处理，无论是否是上述支持的六种标签，都不会显示出来。中文方括号【】或者单个的英文方括号则会作为内容直接显示出来。如果用Text绑定内容则全部当成内容显示出来。
修改消息对话框

动手写一个简单的消息对话框中内容区域是使用可选中文本的控件SelectableTextBlock显示内容，只需全部替换为HtmlTextBlock，并用依赖属性HtmlProperty绑定内容即可。调用的时间只需把内容改为带标签的内容即可。比方：
  1. ShowAlertDialog(AlertDialogMode.Normal, AlertDialogType.Info, "打开[a href=https://www.chinadaily.com.cn/]中国日报[/a]网站", yesbuttonText: "确定", nobuttonText: "取消", parent: this);
复制代码
但在使用标签实现链接跳转时并没有用浏览器打开指定页面，调试过程中发现以下关键代码，可以看到HtmlTextBlock是把转换为Hyperlink控件，并把href中的url赋值给NavigateUri达到跳转结果。
  1. private Inline UpdateElement(HtmlTag aTag)
  2. {
  3.   Inline retVal = null;
  5.   switch (aTag.Name)
  6.   {
  7.     case "text" :
  8.       retVal = new Run(aTag["value"]);
  9.       if (currentState.Bold) retVal = new Bold(retVal);
  10.       if (currentState.Italic) retVal = new Italic(retVal);
  11.       if (currentState.Underline) retVal = new Underline(retVal);
  12.       break;
  13.     case "br" :
  14.       retVal = new LineBreak();
  15.       break;
  16.   }
  18.   if (currentState.HyperLink != null && currentState.HyperLink != "")
  19.   {
  20.     Hyperlink link = new Hyperlink(retVal);
  21.     link.NavigateUri = new Uri(currentState.HyperLink);
  22.     retVal = link;
  23.   }
  24.    return retVal;
  25. }
复制代码
然而，只有 Hyperlink的直接或间接父级为导航宿主时，Hyperlink才能导航到NavigateUri属性的值，导航宿主包括System.Windows.Navigation.NavigationWindow、System.Windows.Controls.Frame或任何可承载 XBAP 的浏览器（包括 Internet Explorer 7、Microsoft Internet Explorer 6 和 Firefox2.0 以上版本）。因此，需要对这段代码稍作修改。
  1. if (currentState.HyperLink != null && currentState.HyperLink.Length > 0)
  2. {
  3.         Hyperlink link = new Hyperlink(retVal);
  4.         try
  5.         {
  6.                 link.Click += new RoutedEventHandler((s, e) =>
  7.                 {
  8.                         Process.Start(new ProcessStartInfo((s as Hyperlink).NavigateUri.AbsoluteUri));
  9.                         e.Handled = true;
  10.                 });
  11.         }
  12.         catch(Exception ex)
  13.         {
  14.                 .....
  15.         }
  16.         retVal = link;
  17. }
复制代码


免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！更多信息从访问主页：qidao123.com:ToB企服之家，中国第一个企服评测及商务社交产业平台。



欢迎光临 ToB企服应用市场:ToB评测及商务社交产业平台 (https://dis.qidao123.com/) Powered by Discuz! X3.4