github下载地址:https://github.com/lishuangquan1987/MyControls
最近在研究怎么制作自己的控件,制作好了之后给别人用,别人只需要修改控件的相关属性就可以适应他的需求,而无需去修改控件的模板。先上图再解释。
以下是我自己制作的控件截图:
温度计:
模拟微信文章后面的摆球:
由于是摆动的,截图看效果不明显,下载源码看
以下是我借鉴别人的加以改进的控件
进度条:
win8转圈等待控件:
以下是纯别人写的
油表:
转圈等待:(这个控件是Winform的,也可以用到WPF)
最后再晒一张将控件用在项目中的图片的效果:
本文所有控件打包下载地址
自定义控件的过程:
1.新建一个WPF custom control library:
2.新建成功后,会自动生成一个类(.cs)文件和一个资源字典(Generic.xaml)文件,其中Generic.xaml在项目的Themes文件夹下:
接着就在类中定义我们的属性、依赖属性以及方法、依赖属性变化的回调方法。
经验总结:
1.注册属性和普通属性的区别?什么时候定义普通属性,什么时候定义注册属性并与依赖属性关联?
普通属性:
private int successRate = 100;
public int SuccessRate
{
get
{
return successRate;
}
set
{
if (value != successRate)
{
successRate = value;
OnPropertyChanged("SuccessRate");
}
}
}
注册属性:(与依赖属性关联)
public static readonly DependencyProperty MeterHeightProperty =
DependencyProperty.Register("MeterHeight", typeof(double), typeof(TemperatureGuageControl),new PropertyMetadata((double)100, new PropertyChangedCallback(TemperatureGuageControl.OnAllChanged)));
[Description("设置进度条的高度"), Category(TemperatureGuageControl.meterInfo)]
public double MeterHeight
{
get { return (double)GetValue(MeterHeightProperty); }
set { SetValue(MeterHeightProperty, value); }
}
当这两种类型的属性与空间模板的元素属性绑定时:
普通属性绑定方法:(与MVVM模式一样)
1.在构造函数中:this.DataContext=this
2.绑定时:(在Generic.xaml中)
<ProgressBar Minimum="0" Maximum="100" Value="{Binding SuccessRate, Mode=OneWay}">
注册属性绑定方法:(在Generic.xaml中)
<Canvas x:Name="rootCanvas" Background="Gray" Height="{Binding MeterHeight, RelativeSource={RelativeSource TemplatedParent}}" Width="{Binding MeterWidth, RelativeSource={RelativeSource TemplatedParent}}" Margin="{Binding MeterMargin,RelativeSource={RelativeSource TemplatedParent}}">
而当注册属性值发生变化通知的方法可在注册时的回调方法中处理。
使用场景:
当属性变化要执行一段动画或者要动态加载、生成或布局模板中的子控件时,使用注册属性,其他情况,可以使用普通属性,也可以使用注册属性,一般使用普通属性,这样简便一些。
例如温度计的主刻度个数属性,当主刻度个数变化时,要重新计算并动态生成其他刻度,此时必须使用注册属性。
2.使用注册属性时,默认值第一次加载控件没有应用上,在类中重写OnApplyTemplate方法,使用GetTemplateChild获得的控件为空的解决方法:
出现的原因为控件第一次还没有完全把子控件加载完就调用了OnApplyTemplate方法,所以要在控件加载完之后再调用OnApplyTemplate方法:
static TemperatureGuageControl()
{
DefaultStyleKeyProperty.OverrideMetadata(typeof(TemperatureGuageControl), new FrameworkPropertyMetadata(typeof(TemperatureGuageControl)));
}
public TemperatureGuageControl()
{
this.Loaded += TemperatureGuageControl_Loaded;
}
void TemperatureGuageControl_Loaded(object sender, RoutedEventArgs e)
{
this.OnApplyTemplate();
CurrentValueChanged(new DependencyPropertyChangedEventArgs(TemperatureGuageControl.CurrentValueProperty, 0, 0));
}
以上两点是个人经验,如果有错误之处,请指正。
github下载地址:https://github.com/lishuangquan1987/MyControls