WPF开发经验-实现一种通用阀门控件
一 引入在设计设备界面时，经常会有一种需求，展示一个阀门，阀门有通断两种状态：
https://img2023.cnblogs.com/blog/2393052/202212/2393052-20221219160750627-353308850.gif
二 CommonValveControl
考虑实现一个自定义控件，CommonValveControl。
使用自定义控件比用户控件更灵活，更具扩展性，可以使用不同的样式和模板。
CommonValveControl定义两个依赖属性，Orientation表示安装展示的方向，Status表示阀门的通断状态。
public class CommonValveControl : Control
{
static CommonValveControl()
{
DefaultStyleKeyProperty.OverrideMetadata(typeof(CommonValveControl), new FrameworkPropertyMetadata(typeof(CommonValveControl)));
}
public bool Status
{
get => (bool)GetValue(StatusProperty);
set => SetValue(StatusProperty, value);
}
public static readonly DependencyProperty StatusProperty = DependencyProperty.Register(
"Status",
typeof(bool),
typeof(CommonValveControl));
public Orientation ValveOrientation
{
get => (Orientation)GetValue(CommonValveOrientationProperty);
set => SetValue(CommonValveOrientationProperty, value);
}
public static readonly DependencyProperty CommonValveOrientationProperty = DependencyProperty.Register(
"ValveOrientation",
typeof(Orientation),
typeof(CommonValveControl));
}设计CommonValveControl的样式模板，可通过设计不同的模板，以呈现出不同的效果。
通过ValveOrientation属性触发切换阀门的竖直状态和水平状态。
三 效果演示
Xaml代码：
<Canvas>
<local:PipeControl Width="106" Height="14" Canvas.Left="26" Canvas.Top="53"/>
<local:PipeControl Width="14" Height="80" Canvas.Left="185" Canvas.Top="22" Orientation="Vertical"/>
<local:CommonValveControl x:Name="valve1" Status="False" ValveOrientation="Horizontal" Width="40" Height="40" Canvas.Left="60" Canvas.Top="41"/>
<local:CommonValveControl x:Name="valve2" Status="False" ValveOrientation="Vertical" Width="40" Height="40" Canvas.Left="172" Canvas.Top="41"/>
<Button Content="Open" Click="OpenButton_Click" Canvas.Left="272" Canvas.Top="15" Width="66" Height="35"/>
<Button Content="Close" Click="CloseButton_Click" Canvas.Left="272" Canvas.Top="71" Width="66" Height="35"/>
</Canvas> 后台代码：
public partial class MainWindow : Window
{
public MainWindow()
{
InitializeComponent();
}
private void OpenButton_Click(object sender, RoutedEventArgs e)
{
valve1.Status = true;
valve2.Status = true;
}
private void CloseButton_Click(object sender, RoutedEventArgs e)
{
valve1.Status = false;
valve2.Status = false;
}
}
<Canvas>
<local:PipeControl Width="106" Height="14" Canvas.Left="26" Canvas.Top="53"/>
<local:PipeControl Width="14" Height="80" Canvas.Left="185" Canvas.Top="22" Orientation="Vertical"/>
<local:CommonValveControl x:Name="valve1" Status="False" ValveOrientation="Horizontal" Width="40" Height="40" Canvas.Left="60" Canvas.Top="41"/>
<local:CommonValveControl x:Name="valve2" Status="False" ValveOrientation="Vertical" Width="40" Height="40" Canvas.Left="172" Canvas.Top="41"/>
<Button Content="Open" Click="OpenButton_Click" Canvas.Left="272" Canvas.Top="15" Width="66" Height="35"/>
<Button Content="Close" Click="CloseButton_Click" Canvas.Left="272" Canvas.Top="71" Width="66" Height="35"/>
</Canvas> 本文作者： 一团静火
本文链接： https://www.cnblogs.com/wwwen/p/16992344.html
关于博主： 水平有限，不足或错误之处，请批评指正。如果文章对您有帮助，可以点击文章右下角【推荐】一下。
版权声明： 本博客所有文章除特别声明外，系原创文章，均采用 BY-NC-SA 许可协议。转载请注明出处！并保留此段内容。
免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！
页:
[1]