WPF自定义控件的三种方式

简介: 某些场景下,我们确实需要创建新的控件。此时,理解 WPF不同控件的创建方法就显得非常重要。 WPF 提供3个用于创建控件的方法,每个方法都提供不同的灵活度。

     WPF控件可以通过数据模型(DataTemplate)、样式(Style)、控件模板(ControlTemplate)和触发器(Trigger)等机制减少创建新控件的需要。 但是,某些场景下,我们确实需要创建新的控件。此时,理解 WPF不同控件的创建方法就显得非常重要。 WPF 提供3个用于创建控件的方法,每个方法都提供不同的灵活度,下面分别进行介绍。

1 基于UserControl 创建


    创建控件最简单一个方法就是基于UserControl 类进行继承。此时,我们可以将WPF中现有组件添加到 UserControl 画布上来,并将各组件进行命名,这样可以在后台进行组件访问和使用事件处理程序。 UserControl 可以利用丰富内容、样式和触发器的优点。 但是,继承自 UserControl的控件,将无法使用 DataTemplate 或 ControlTemplate 来自定义UI外观。

2  基于Control 创建


    基于Control类创建自定义控件的方法 ,可以使用模板定义UI外观。而且可以将后台逻辑和前端样式展现上进行分离。 另外,这种方法创建的自定义控件,还支持使用命令和绑定来完成相关动作,实现类似事件的效果。最后,控件可以重新定义ControlTemplate和DataTemplate来自定义UI外观。控件支持不同的主题。

3 基于 FrameworkElement 创建

    一般来说,基于 UserControl 或 Control 创建的自定义控件即可完成业务需求,但是,在一些特殊情况下,简单的元素组合不能满足自定义控件的UI外观要求。此时,基于FrameworkElement 创建自定义控件是一个很好的选择。

基于FrameworkElement创建控件,一方面可以通过重写的 OnRender 方法进行UI的直接绘制。 另一方面,可以通过自定义元素组合来可视化编写组件的外观。

4 依赖属性


 WPF 可以通过设置控件的属性来更改其外观和行为。其中的依赖属性可以让自定义控件执行以下操作:

  • 在样式中设置该属性。
  • 将该属性绑定到数据源。
  • 使用动态资源作为该属性的值。
  • 对该属性进行动画处理。

如果控件的属性支持以上任一功能,应将该属性实现为依赖属性。 下面给出一个微软官方文档的示例程序:

/// <summary>/// Identifies the Value dependency property./// </summary>publicstaticreadonlyDependencyPropertyValueProperty=DependencyProperty.Register(
"Value", typeof(decimal), typeof(NumericUpDown),
newFrameworkPropertyMetadata(MinValue, newPropertyChangedCallback(OnValueChanged),
newCoerceValueCallback(CoerceValue)));
/// <summary>/// Gets or sets the value assigned to the control./// </summary>publicdecimalValue{
get { return (decimal)GetValue(ValueProperty); }
set { SetValue(ValueProperty, value); }
}
privatestaticobjectCoerceValue(DependencyObjectelement, objectvalue)
{
decimalnewValue= (decimal)value;
NumericUpDowncontrol= (NumericUpDown)element;
newValue=Math.Max(MinValue, Math.Min(MaxValue, newValue));
returnnewValue;
}
privatestaticvoidOnValueChanged(DependencyObjectobj, DependencyPropertyChangedEventArgsargs)
{
NumericUpDowncontrol= (NumericUpDown)obj;         
RoutedPropertyChangedEventArgs<decimal>e=newRoutedPropertyChangedEventArgs<decimal>(
        (decimal)args.OldValue, (decimal)args.NewValue, ValueChangedEvent);
control.OnValueChanged(e);
}


此示例代码来自官网https://docs.microsoft.com/zh-cn/dotnet/desktop/wpf/controls/control-authoring-overview?view=netframeworkdesktop-4.8 ,其中定义一个名为 ValueProperty的依赖属性(DependencyProperty ),通过调用DependencyProperty.Register向属性系统注册属性名称Value,其中包含了三个核心信息:

  • 属性的名称Value
  • 属性的类型decimal
  • 拥有属性的类型NumericUpDown
  • 属性元数据信息(FrameworkPropertyMetadata)

其中,属性的元数据包含属性的默认值, CoerceValueCallback 和 PropertyChangedCallback 。 CoerceValue 确保 Value 大于或等于 MinValue 且小于或等于 MaxValue。另外,PropertyChangedCallback 回调方法为 OnValueChanged ,来处理属性值变化的相关逻辑,后面通过RoutedPropertyChangedEventArgs创建了一个路由事件,并通过control.OnValueChanged(e)来进行触发。


相关文章
WPF自定义控件05:ToggleButton
本文重点介绍WPF中如何实现自定义ToggleButton控件,它是一个开关控件,通过单击来进行状态的快速切换。
5057 0
WPF自定义控件05:ToggleButton
|
人工智能 C#
WPF自定义控件库之Window窗口
本文以自定义窗口为例,简述WPF开发中如何通过自定义控件来扩展功能和样式,仅供学习分享使用,如有不足之处,还请指正。
242 5
|
XML C# 数据格式
WPF中用户控件和自定义控件
无论是在WPF中还是WinForm中,都有用户控件(UserControl)和自定义控件(CustomControl),这两种控件都是对已有控件的封装,实现功能重用。但是两者还是有一些区别,本文对这两种控件进行讲解。
|
C# 容器
WPF自定义控件10:FlatListView
在不少的应用程序中,有时候需要使用ListView控件来显示一组集合数据,这样可以从一组数据中进行选择,让数据更加的规范,便于统计和分析。本文将介绍一下自定义的列表控件FlatListView,它与FlatCheckBox实现过程非常类似,它是继承自ListView,但使用自定义的UI样式来美化界面。
577 0
WPF自定义控件10:FlatListView
WPF自定义控件09:FlatWaveButton
按钮在很多应用程序中都是必不可少的控件,如果给按钮控件添加一些动画效果,比如单击它后会显示一个水波纹扩散的动画效果,那么感觉上更加的高级。本文将介绍一下自定义水波纹按钮控件FlatWaveButton,它是一个UserControl(FlatButton)控件,自身携带UI样式和后台逻辑。
649 0
WPF自定义控件09:FlatWaveButton
|
Web App开发 C#
WPF自定义控件08:FlatRoundImage
在不少的应用程序中,用户中心的个人页面经常需要显示头像,这个当前主流的做法就是用户上传一个图片,系统进行截取并显示为一个圆形的轮廓,即圆形的照片。本文将介绍一下自定义的图片控件FlatRoundImage,它是一个UserControl控件,自身携带UI样式和后台逻辑。
653 0
WPF自定义控件08:FlatRoundImage
WPF自定义控件07:FlatTextBox
本文将介绍一下自定义的文本框控件FlatTextBox,它与FlatCheckBox实现过程非常类似,它是继承自TextBox,但使用自定义的UI样式来美化界面,并添加了特有的一些依赖属性。
537 0
WPF自定义控件07:FlatTextBox
WPF自定义控件06:FlatComboBox
在不少的应用程序中,经常需要使用下拉框(ComboBox)控件来从类别字段中选择,这样可以限定值的范围,让数据更加的规范,便于统计和分析。本文将介绍一下自定义的下拉框控件FlatComboBox,它与FlatCheckBox实现过程非常类似,它是继承自ComboBox,但使用自定义的UI样式来美化界面。下面将详细介绍具体的实现细节。
833 0
WPF自定义控件06:FlatComboBox
WPF自定义控件04:FlatRadioButton
本文通过在WPF中引入Font Awesome图标字体来实现自定义FlatRadioButton控件的UI绘图。用户只需要在窗体上引入自定义的FlatRadioButton控件即可使用具有Flat UI效果的控件,非常方便。
610 0
WPF自定义控件04:FlatRadioButton
WPF自定义控件03:FlatCheckBox
本文通过在WPF中引入Font Awesome图标字体来实现自定义FlatCheckBox控件的UI绘图。用户只需要在窗体上引入自定义的FlatCheckBox控件即可使用具有Flat UI效果的控件,非常方便。
727 0
WPF自定义控件03:FlatCheckBox