首先创建一个自定义控件,继承自FrameworkElement,“Generic.xaml”中可以不添加样式。

  要自定义空心文字,要用到绘制格式化文本FormattedText类。FormattedText对象提供的文本格式设置功能比WPF提供的已有文本控件提供的相应功能更为强大。调用FormattedText构造函数,可以传入相应的参数,得到我们想要的文本样式。使用 MaxTextWidth 属性可以将文本约束为特定宽度。 文本将自动换行,以避免超过指定宽度。 使用 MaxTextHeight 属性可以将文本约束为特定高度。 超过指定高度的文本将显示一个省略号“…”。

  接下来重写OnRender方法,在方法体中调用DrawingContext对象的DrawGeometry方法即可完成文本的绘制工作。

     public class OutlinedText : FrameworkElement, IAddChild
{
/// <summary>
/// 静态构造函数
/// </summary>
static OutlinedText()
{
DefaultStyleKeyProperty.OverrideMetadata(typeof(OutlinedText), new FrameworkPropertyMetadata(typeof(OutlinedText)));
} #region Private Fields /// <summary>
/// 文字几何形状
/// </summary>
private Geometry m_TextGeometry; #endregion #region Private Methods /// <summary>
/// 当依赖项属性改变文字无效时,创建新的空心文字对象来显示。
/// </summary>
/// <param name="d"></param>
/// <param name="e"></param>
private static void OnOutlineTextInvalidated(DependencyObject d, DependencyPropertyChangedEventArgs e)
{
if (Convert.ToString(e.NewValue) != Convert.ToString(e.OldValue))
{
((OutlinedText)d).CreateText();
}
} #endregion #region FrameworkElement Overrides /// <summary>
/// 重写绘制文字的方法。
/// </summary>
/// <param name="drawingContext">空心文字控件的绘制上下文。</param>
protected override void OnRender(DrawingContext drawingContext)
{
//CreateText();
// 基于设置的属性绘制空心文字控件。
drawingContext.DrawGeometry(Fill, new Pen(Stroke, StrokeThickness), m_TextGeometry);
} /// <summary>
/// 基于格式化文字创建文字的几何轮廓。
/// </summary>
public void CreateText()
{
FontStyle fontStyle = FontStyles.Normal;
FontWeight fontWeight = FontWeights.Medium;
if (Bold == true)
fontWeight = FontWeights.Bold;
if (Italic == true)
fontStyle = FontStyles.Italic;
// 基于设置的属性集创建格式化的文字。
FormattedText formattedText = new FormattedText(
Text, CultureInfo.GetCultureInfo("en-us"), FlowDirection.LeftToRight,
new Typeface(Font, fontStyle, fontWeight, FontStretches.Normal),
FontSize, Brushes.Black);
formattedText.MaxTextWidth = this.MaxTextWidth;
formattedText.MaxTextHeight = this.MaxTextHeight;
// 创建表示文字的几何对象。
m_TextGeometry = formattedText.BuildGeometry(new Point(, ));
// 基于格式化文字的大小设置空心文字的大小。
this.MinWidth = formattedText.Width;
this.MinHeight = formattedText.Height;
} #endregion #region DependencyProperties /// <summary>
/// 指定将文本约束为特定宽度
/// </summary>
public double MaxTextWidth
{
get { return (double)GetValue(MaxTextWidthProperty); }
set { SetValue(MaxTextWidthProperty, value); }
}
/// <summary>
/// 指定将文本约束为特定宽度依赖属性
/// </summary>
public static readonly DependencyProperty MaxTextWidthProperty =
DependencyProperty.Register("MaxTextWidth", typeof(double), typeof(OutlinedText),
new FrameworkPropertyMetadata(1000.0, FrameworkPropertyMetadataOptions.AffectsRender, new PropertyChangedCallback(OnOutlineTextInvalidated), null)); /// <summary>
/// 指定将文本约束为特定高度
/// </summary>
public double MaxTextHeight
{
get { return (double)GetValue(MaxTextHeightProperty); }
set { SetValue(MaxTextHeightProperty, value); }
}
/// <summary>
/// 指定将文本约束为特定高度依赖属性
/// </summary>
public static readonly DependencyProperty MaxTextHeightProperty =
DependencyProperty.Register("MaxTextHeight", typeof(double), typeof(OutlinedText),
new FrameworkPropertyMetadata(1000.0, FrameworkPropertyMetadataOptions.AffectsRender, new PropertyChangedCallback(OnOutlineTextInvalidated), null)); /// <summary>
/// 指定字体是否加粗。
/// </summary>
public bool Bold
{
get { return (bool)GetValue(BoldProperty); }
set { SetValue(BoldProperty, value); }
}
/// <summary>
/// 指定字体是否加粗依赖属性。
/// </summary>
public static readonly DependencyProperty BoldProperty = DependencyProperty.Register(
"Bold", typeof(bool), typeof(OutlinedText),
new FrameworkPropertyMetadata(false, FrameworkPropertyMetadataOptions.AffectsRender, new PropertyChangedCallback(OnOutlineTextInvalidated), null)); /// <summary>
/// 指定填充字体的画刷颜色。
/// </summary>
///
public Brush Fill
{
get { return (Brush)GetValue(FillProperty); }
set { SetValue(FillProperty, value); }
}
/// <summary>
/// 指定填充字体的画刷颜色依赖属性。
/// </summary>
public static readonly DependencyProperty FillProperty = DependencyProperty.Register(
"Fill", typeof(Brush), typeof(OutlinedText),
new FrameworkPropertyMetadata(new SolidColorBrush(Colors.LightSteelBlue), FrameworkPropertyMetadataOptions.AffectsRender, new PropertyChangedCallback(OnOutlineTextInvalidated), null)); /// <summary>
/// 指定文字显示的字体。
/// </summary>
public FontFamily Font
{
get { return (FontFamily)GetValue(FontProperty); }
set { SetValue(FontProperty, value); }
}
/// <summary>
/// 指定文字显示的字体依赖属性。
/// </summary>
public static readonly DependencyProperty FontProperty = DependencyProperty.Register(
"Font", typeof(FontFamily), typeof(OutlinedText),
new FrameworkPropertyMetadata(new FontFamily("Arial"), FrameworkPropertyMetadataOptions.AffectsRender, new PropertyChangedCallback(OnOutlineTextInvalidated), null)); /// <summary>
/// 指定字体大小。
/// </summary>
public double FontSize
{
get { return (double)GetValue(FontSizeProperty); }
set { SetValue(FontSizeProperty, value); }
}
/// <summary>
/// 指定字体大小依赖属性。
/// </summary>
public static readonly DependencyProperty FontSizeProperty = DependencyProperty.Register(
"FontSize", typeof(double), typeof(OutlinedText),
new FrameworkPropertyMetadata((double)48.0, FrameworkPropertyMetadataOptions.AffectsRender, new PropertyChangedCallback(OnOutlineTextInvalidated), null)); /// <summary>
/// 指定字体是否显示斜体字体样式。
/// </summary>
public bool Italic
{
get { return (bool)GetValue(ItalicProperty); }
set { SetValue(ItalicProperty, value); }
}
/// <summary>
/// 指定字体是否显示斜体字体样式依赖属性。
/// </summary>
public static readonly DependencyProperty ItalicProperty = DependencyProperty.Register(
"Italic", typeof(bool), typeof(OutlinedText),
new FrameworkPropertyMetadata(false, FrameworkPropertyMetadataOptions.AffectsRender, new PropertyChangedCallback(OnOutlineTextInvalidated), null)); /// <summary>
/// 指定绘制空心字体边框画刷的颜色。
/// </summary>
public Brush Stroke
{
get { return (Brush)GetValue(StrokeProperty); }
set { SetValue(StrokeProperty, value); }
}
/// <summary>
/// 指定绘制空心字体边框画刷的颜色依赖属性。
/// </summary>
public static readonly DependencyProperty StrokeProperty = DependencyProperty.Register(
"Stroke", typeof(Brush), typeof(OutlinedText),
new FrameworkPropertyMetadata(new SolidColorBrush(Colors.Teal), FrameworkPropertyMetadataOptions.AffectsRender, new PropertyChangedCallback(OnOutlineTextInvalidated), null)); /// <summary>
/// 指定空心字体边框大小。
/// </summary>
public ushort StrokeThickness
{
get { return (ushort)GetValue(StrokeThicknessProperty); }
set { SetValue(StrokeThicknessProperty, value); }
}
/// <summary>
/// 指定空心字体边框大小依赖属性。
/// </summary>
public static readonly DependencyProperty StrokeThicknessProperty =
DependencyProperty.Register("StrokeThickness",
typeof(ushort), typeof(OutlinedText),
new FrameworkPropertyMetadata((ushort), FrameworkPropertyMetadataOptions.AffectsRender, new PropertyChangedCallback(OnOutlineTextInvalidated), null)); /// <summary>
/// 指定要显示的文字字符串。
/// </summary>
public string Text
{
get { return (string)GetValue(TextProperty); }
set { SetValue(TextProperty, value); }
}
/// <summary>
/// 指定要显示的文字字符串依赖属性。
/// </summary>
public static readonly DependencyProperty TextProperty = DependencyProperty.Register(
"Text", typeof(string), typeof(OutlinedText),
new FrameworkPropertyMetadata("",
FrameworkPropertyMetadataOptions.AffectsRender,
new PropertyChangedCallback(OnOutlineTextInvalidated),
null)); #endregion #region Public Methods /// <summary>
/// 添加子对象。
/// </summary>
/// <param name="value">要添加的子对象。</param>
public void AddChild(Object value)
{ } /// <summary>
/// 将节点的文字内容添加到对象。
/// </summary>
/// <param name="value">要添加到对象的文字。</param>
public void AddText(string value)
{
Text = value;
} #endregion
}

源码下载

WPF自定义空心文字的更多相关文章

  1. [WPF] 如何实现文字描边

    1. 前言 WPF 的 TextBlock 提供了大部分常用的文字修饰方法,在日常使用中基本够用.如果需要更丰富的表现方式,WPF 也提供了其它用起来复杂一些的工具去实现这些需求.例如这篇文章介绍的文 ...

  2. WPF 自定义 MessageBox (相对完善版)

    WPF 自定义 MessageBox (相对完善版)     基于WPF的自定义 MessageBox. 众所周知WPF界面美观.大多数WPF元素都可以简单的修改其样式,从而达到程序的风格统一.可是当 ...

  3. WPF 自定义 MessageBox (相对完善版 v1.0.0.6)

    基于WPF的自定义 MessageBox. 众所周知WPF界面美观.大多数WPF元素都可以简单的修改其样式,从而达到程序的风格统一.可是当你不得不弹出一个消息框通知用户消息时(虽然很不建议在程序中频繁 ...

  4. WPF自定义TextBox及ScrollViewer

    原文:WPF自定义TextBox及ScrollViewer 寒假过完,在家真心什么都做不了,可能年龄大了,再想以前那样能专心坐下来已经不行了.回来第一件事就是改了项目的一个bug,最近又新增了一个新的 ...

  5. WPF自定义LED风格数字显示控件

    原文:WPF自定义LED风格数字显示控件 版权声明:本文为博主原创文章,转载请注明作者和出处 https://blog.csdn.net/ZZZWWWPPP11199988899/article/de ...

  6. WPF 自定义柱状图 BarChart

    WPF 自定义柱状图 当前的Telerik控件.DevExpress控件在图表控件方面做得不错,但是有时项目中需要特定的样式,不是只通过修改图表的模板和样式就能实现的. 或者说,通过修改当前的第三方控 ...

  7. Android实现自定义带文字和图片的Button

    Android实现自定义带文字和图片的Button 在Android开发中经常会需要用到带文字和图片的button,下面来讲解一下常用的实现办法. 一.用系统自带的Button实现 最简单的一种办法就 ...

  8. wpf 自定义圆形按钮

    wpf 自定义圆形按钮 效果图 默认样式 获取焦点样式 点击样式 下面是实现代码: 一个是自定义控件类,一个是控件类皮肤 using System; using System.Collections. ...

  9. WPF自定义窗口基类

    WPF自定义窗口基类时,窗口基类只定义.cs文件,xaml文件不定义.继承自定义窗口的类xaml文件的根节点就不再是<Window>,而是自定义窗口类名(若自定义窗口与继承者不在同一个命名 ...

随机推荐

  1. 使用coding、daocloud和docker打造markdown纯静态博客

    说起独立博客的技术演变,从数据库到纯文本放git是一大进步,从HTML到markdown又是一大进步. 解析技术有没有进步呢?既然markdown是纯文本了,再用PHP/Python/Ruby去实时解 ...

  2. 【精心挑选】15款最好的 jQuery 网格布局插件(Grid Plugins)

    如今,大多数网站设计要靠网格系统和布局,这能够提供给设计人员一个方便的途径来组织网页上的内容.网格的设计最常见于报纸和杂志的版面,由文字和图像构成的列组成. 这篇文章给大家分享精心挑选的15款最佳的 ...

  3. ProgressBar.js – 漂亮的响应式 SVG 进度条

    ProgressBar.js 是一个借助动态 SVG 路径的漂亮的,响应式的进度条效果.使用 ProgressBar.js 可以很容易地创建任意形状的进度条.这个 JavaScript 库提供线条,圆 ...

  4. 利用IIS导出,导入快速部署 web站点

    部署负载均衡站点的时候会创建多个站点拷贝.用脚本可以提高效率,并且减少错误 1 以管理员身份运行CMD 2 Cd C:\Windows\System32\inetsrv 3 导出指定的应用程序池 ap ...

  5. [SharePoint] SharePoint 错误集 2

    1 Run command “New-SPConfigurationDatabase" Feature Description: error message popup after run ...

  6. GPS定位为什么要转换处理?高德地图和百度地图坐标处理有什么不一样?

    GPS定位为什么要转换处理?高德地图和百度地图坐标处理有什么不一样? 先了解一下 高德地图 采用: GCJ-02 (不可逆) 百度百科: http://baike.baidu.com/link?url ...

  7. Android TextView走马灯效果

    布局: <TextView android:id="@+id/myTextView" android:layout_width="match_parent" ...

  8. 安卓开发之UIwebview

    web view在安卓开发中是比较常见的UI,像微信的新闻模块就采用了这个,他的作用越来越广,下面我把以前做的贴了出来,如果有更好的办法,希望大神不吝赐教哈,嘿嘿,纯代码来了: java代码 publ ...

  9. 9、数据库工程师要阅读的书籍 - IT软件人员书籍系列文章

    数据库设计是软件项目底层的工作,它关系到软件项目的基础内容设计问题.数据库工程师的工作,就是设计数据库,维护数据库,优化数据库,这个跟DBA数据库助手的工作类似.现在的数据库有好几种了,比如MS SQ ...

  10. Git从零教你入门(4):Git服务之 gogs部署安装

    Git从零入门系列4: 先看上一篇文章: http://www.51testing.com/index.php?uid-497177-action-viewspace-itemid-3706817 今 ...