WPF开发经验-实现一种机械泵控件
一 引入考虑实现一种机械泵控件。
机械泵是工业中通常用来制造真空的一类设备，我们在绘制界面UI时希望可以生动形象地来表述一个机械泵，下面讲述了一种简单的实现。
https://img2023.cnblogs.com/blog/2393052/202301/2393052-20230128171814804-702437609.gif
二 MechanicalPumpControl
声明一个MechanicalPumpControl的自定义控件，它继承自Control类。
对于一个MechanicalPump来说，它具有状态，这里定义一个State依赖属性来简单描述泵的状态，State等于0表示泵停止状态，State等于1表示泵运行状态。
State可以绑定到实际的泵状态数据源，当泵状态数据变化时，MechanicalPumpControl需要相应动态显示泵状态动画。
定义StartAnimation和StopAnimation两个依赖属性，来启动和停止泵状态动画。
关于控件的状态切换也可以考虑用VisualStateManager来实现，可以更方便地管理控件的状态以及用于状态过渡的逻辑，推荐用这种方式。
public class MechanicalPumpControl : Control
{
static MechanicalPumpControl()
{
DefaultStyleKeyProperty.OverrideMetadata(typeof(MechanicalPumpControl), new FrameworkPropertyMetadata(typeof(MechanicalPumpControl)));
}
public static readonly DependencyProperty StateProperty = DependencyProperty.Register(
"State",
typeof(int),
typeof(MechanicalPumpControl), new PropertyMetadata(PropertyChangedCallback));
public int State
{
get => (int)GetValue(StateProperty);
set => SetValue(StateProperty, value);
}
private static void PropertyChangedCallback(DependencyObject d, DependencyPropertyChangedEventArgs e)
{
var pumpControl = d as MechanicalPumpControl;
if ((int)e.OldValue == 0 && (int)e.NewValue == 1)
{
pumpControl.StopAnimation = false;
pumpControl.StartAnimation = true;
}
else if ((int)e.OldValue == 1 && (int)e.NewValue == 0)
{
pumpControl.StopAnimation = true;
pumpControl.StartAnimation = false;
}
}
public static readonly DependencyProperty StartAnimationProperty = DependencyProperty.Register(
"StartAnimation",
typeof(bool),
typeof(MechanicalPumpControl));
public bool StartAnimation
{
get => (bool)GetValue(StartAnimationProperty);
set => SetValue(StartAnimationProperty, value);
}
public static readonly DependencyProperty StopAnimationProperty = DependencyProperty.Register(
"StopAnimation",
typeof(bool),
typeof(MechanicalPumpControl));
public bool StopAnimation
{
get => (bool)GetValue(StopAnimationProperty);
set => SetValue(StopAnimationProperty, value);
}
}
三 Style
接下来编写MechanicalPumpControl的样式。
考虑绘制出不动的泵体部分，和动作的扇叶部分。当泵停止状态时，扇叶静止，当泵运转状态时，扇叶转动。
样式代码如下：
四 效果演示
Xaml代码如下：
后台代码如下：
public partial class MainWindow : Window{
public MainWindow()
{
InitializeComponent();
}
private void STARTButton_Click(object sender, RoutedEventArgs e)
{
pump.State = 1;
}
private void STOPButton_Click(object sender, RoutedEventArgs e)
{
pump.State = 0;
}}
本文作者： 一团静火
本文链接： https://www.cnblogs.com/wwwen/p/17070859.html
关于博主： 水平有限，不足或错误之处，请批评指正。如果文章对您有帮助，可以点击文章右下角【推荐】一下。
版权声明： 本博客所有文章除特别声明外，系原创文章，均采用 BY-NC-SA 许可协议。转载请注明出处！并保留此段内容。
免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！
页:
[1]