制作一个可以换行显示的HyperLink

前段时间在一个DataGrid中加入Hyperlink后，发现文字太长，会显示不完整。原来Hyperlink默认是不会换行显示的，于是动手改一下默认的样式，让Hyperlink可以自动换行。

 

先从这里Copy默认的样式到Styles.xaml文件中: http://msdn.microsoft.com/zh-cn/library/cc296242(VS.95).aspx

 

从默认样式中，会发现，只要修改其中的TextBlock，加上TextWrapping="Wrap" 就可以了。修改后的样式如下：

<TextBlock

                          x:Name="NormalTextBlock"

                          Text="{TemplateBinding Content}"

                          HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}"

                          VerticalAlignment="{TemplateBinding VerticalContentAlignment}"

                          Margin="{TemplateBinding Padding}"

                          Visibility="Visible" TextWrapping="Wrap" />

<TextBlock

                          x:Name="UnderlineTextBlock"

                          Text="{TemplateBinding Content}"

                          HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}"

                          VerticalAlignment="{TemplateBinding VerticalContentAlignment}"

                          Margin="{TemplateBinding Padding}"

                          TextDecorations="Underline"

                          Visibility="Collapsed" TextWrapping="Wrap" />

<TextBlock Canvas.ZIndex="1"

                          x:Name="DisabledOverlay"

                          Text="{TemplateBinding Content}"

                          Foreground="#FFAAAAAA"

                          HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}"

                          VerticalAlignment="{TemplateBinding VerticalContentAlignment}"

                          Margin="{TemplateBinding Padding}"

                          Visibility="Collapsed" TextWrapping="Wrap" />

为DataGrid中的Hyperlink应用样式，运行后，发现有重影的问题，删除样式中的 ContentPresenter 部分就可以了。

 

BTW，记得要设置DataGrid中的宽度，不然就没有意义了。