WPF开发经验-实现一种机械泵控件

长夜独行

一 引入

考虑实现一种机械泵控件。
机械泵是工业中通常用来制造真空的一类设备，我们在绘制界面UI时希望可以生动形象地来表述一个机械泵，下面讲述了一种简单的实现。

二 MechanicalPumpControl

声明一个MechanicalPumpControl的自定义控件，它继承自Control类。
对于一个MechanicalPump来说，它具有状态，这里定义一个State依赖属性来简单描述泵的状态，State等于0表示泵停止状态，State等于1表示泵运行状态。
State可以绑定到实际的泵状态数据源，当泵状态数据变化时，MechanicalPumpControl需要相应动态显示泵状态动画。
定义StartAnimation和StopAnimation两个依赖属性，来启动和停止泵状态动画。
关于控件的状态切换也可以考虑用VisualStateManager来实现，可以更方便地管理控件的状态以及用于状态过渡的逻辑，推荐用这种方式。

1. public class MechanicalPumpControl : Control
2. {
5.   
7. static MechanicalPumpControl()
10.   
12. {
15.   
17.   
19.   
21. DefaultStyleKeyProperty.OverrideMetadata(typeof(MechanicalPumpControl), new FrameworkPropertyMetadata(typeof(MechanicalPumpControl)));
24.   
26. }
30.   
33.   
35. public static readonly DependencyProperty StateProperty = DependencyProperty.Register(
38.   
40. "State",
43.   
45. typeof(int),
48.   
50. typeof(MechanicalPumpControl), new PropertyMetadata(PropertyChangedCallback));
54.   
56. public int State
59.   
61. {
64.   
66.   
68.   
70. get => (int)GetValue(StateProperty);
73.   
75.   
77.   
79. set => SetValue(StateProperty, value);
82.   
84. }
88.   
90. private static void PropertyChangedCallback(DependencyObject d, DependencyPropertyChangedEventArgs e)
93.   
95. {
98.   
100.   
102.   
104. var pumpControl = d as MechanicalPumpControl;
108.   
110.   
112.   
114. if ((int)e.OldValue == 0 && (int)e.NewValue == 1)
117.   
119.   
121.   
123. {
126.   
128.   
130.   
132.   
134.   
136. pumpControl.StopAnimation = false;
139.   
141.   
143.   
145.   
147.   
149. pumpControl.StartAnimation = true;
152.   
154.   
156.   
158. }
161.   
163.   
165.   
167. else if ((int)e.OldValue == 1 && (int)e.NewValue == 0)
170.   
172.   
174.   
176. {
179.   
181.   
183.   
185.   
187.   
189. pumpControl.StopAnimation = true;
192.   
194.   
196.   
198.   
200.   
202. pumpControl.StartAnimation = false;
205.   
207.   
209.   
211. }
214.   
216. }
220.   
222. public static readonly DependencyProperty StartAnimationProperty = DependencyProperty.Register(
225.   
227.   
229.   
231. "StartAnimation",
234.   
236.   
238.   
240. typeof(bool),
243.   
245.   
247.   
249. typeof(MechanicalPumpControl));
253.   
255. public bool StartAnimation
258.   
260. {
263.   
265.   
267.   
269. get => (bool)GetValue(StartAnimationProperty);
272.   
274.   
276.   
278. set => SetValue(StartAnimationProperty, value);
281.   
283. }
287.   
289. public static readonly DependencyProperty StopAnimationProperty = DependencyProperty.Register(
292.   
294.   
296.   
298. "StopAnimation",
301.   
303.   
305.   
307. typeof(bool),
310.   
312.   
314.   
316. typeof(MechanicalPumpControl));
320.   
322. public bool StopAnimation
325.   
327. {
330.   
332.   
334.   
336. get => (bool)GetValue(StopAnimationProperty);
339.   
341.   
343.   
345. set => SetValue(StopAnimationProperty, value);
348.   
350. }
351. }

复制代码

 
三 Style

接下来编写MechanicalPumpControl的样式。
考虑绘制出不动的泵体部分，和动作的扇叶部分。当泵停止状态时，扇叶静止，当泵运转状态时，扇叶转动。
样式代码如下：

复制代码

 
四 效果演示

Xaml代码如下：

3.   
5.   
7.   
9.   
11.   
13.   
15.   
17.   
19.   
21.   
23.   
25.   
27.   
29.   
31.   

复制代码

后台代码如下：

1. public partial class MainWindow : Window{
3.   
5. public MainWindow()
7.   
9. {
11.   
13.   
15.   
17. InitializeComponent();
19.   
21. }
23.   
25. private void STARTButton_Click(object sender, RoutedEventArgs e)
27.   
29. {
31.   
33.   
35.   
37. pump.State = 1;
39.   
41. }
43.   
45. private void STOPButton_Click(object sender, RoutedEventArgs e)
47.   
49. {
51.   
53.   
55.   
57. pump.State = 0;
59.   
61. }}

复制代码

 


  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  本文作者： 一团静火


  

  

  

  

  

  

  

  本文链接： https://www.cnblogs.com/wwwen/p/17070859.html


  

  

  

  

  

  

  

  关于博主： 水平有限，不足或错误之处，请批评指正。如果文章对您有帮助，可以点击文章右下角【推荐】一下。


  

  

  

  

  

  

  

  版权声明： 本博客所有文章除特别声明外，系原创文章，均采用 BY-NC-SA 许可协议。转载请注明出处！并保留此段内容。


  

  

  

  

  


来源:https://www.cnblogs.com/wwwen/archive/2023/01/28/17070859.html
免责声明：由于采集信息均来自互联网，如果侵犯了您的权益，请联系我们【E-Mail:cb@itdo.tech】 我们会及时删除侵权内容，谢谢合作！