如何扩展WPF路径控件

Question

在我的Windows窗体应用程序中托管一个WPF复合控件作为空调系统的内部显示。在该图中，每个气体管道和流体管道由路径控制表示。我们希望这些Path对象的颜色（使用Path.Fill）表示压力警报状态，例如低警报，中警报或高警报。代码

部分，我们已经被列为：

<local:UC_Line_1 Margin="27.728,16.486,39.219,36.308" DataContext="{Binding Pipe1Alert}"/> 
<local:UC_Line_2 Margin="21.172,15.322,33.218,6.876" DataContext="{Binding Pipe2Alert}"/> 
<local:UC_Line_3 Margin="46.907,0,31.36,26.178" DataContext="{Binding Pipe3Alert}"/> 
<local:UC_Line_4 Margin="0,11.939,20.842,13.835" DataContext="{Binding Pipe4Alert}"/> 

每个UC_Line_x控制有类似这样的代码：

<UserControl 
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" 
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" 
xmlns:d="http://schemas.microsoft.com/expression/blend/2008" 
xmlns:enum="clr-namespace:KPRC.App.AC.Enums" 
x:Class="KPRC.App.AC.UC_Line_2" 
x:Name="Line_2"> 
<UserControl.Resources> 
    <!-- Colors --> 
    <!--Red Fill Color--> 
    <SolidColorBrush x:Key="RedFill" Color="Red"/> 
    <!--Yellow Fill Color--> 
    <SolidColorBrush x:Key="YellowFill" Color="Yellow"/> 
    <!--Orange Fill Color--> 
    <SolidColorBrush x:Key="OrangeFill" Color="Orange"/> 
</UserControl.Resources> 

<Grid x:Name="UC_Line_2_LayoutRoot"> 
    <Path x:Name="FL_2" Stretch="Fill" Data="M20.167,0 L24.167,0 24.167,28.924 44,28.924 44,32.924 24.167,32.924 20.167,32.924 0,32.924 0,28.924 20.167,28.924 z"> 
     <Path.Style> 
      <Style> 
       <Style.Triggers> 
        <!-- High Alert --> 
        <DataTrigger Binding="{Binding AlertState}"> 
         <DataTrigger.Value> 
          <enum:AlertState>High</enum:AlertState> 
         </DataTrigger.Value> 
         <Setter Property="Path.Fill" Value="{StaticResource RedFill}"/> 
        </DataTrigger> 
        <!-- Medium Alert --> 
        <DataTrigger Binding="{Binding AlertState}"> 
         <DataTrigger.Value> 
          <enum:AlertState>Medium</enum:AlertState> 
         </DataTrigger.Value> 
         <Setter Property="Path.Fill" Value="{StaticResource OrangeFill}"/> 
        </DataTrigger> 
        <!-- Low Alert --> 
        <DataTrigger Binding="{Binding AlertState}"> 
         <DataTrigger.Value> 
          <enum:AlertState>Low</enum:AlertState> 
         </DataTrigger.Value> 
         <Setter Property="Path.Fill" Value="{StaticResource YellowFill}"/> 
        </DataTrigger> 
       </Style.Triggers> 
      </Style> 
     </Path.Style> 
    </Path> 
</Grid> 

每个UC_Line_x控制具有除了几乎完全一样的代码路径几何上的差异。 我明白这是一个巨大的代码重复。

我正在考虑替代方法来支持相同的结果。由于每个管道仅在路径几何中有所不同，是否有可能在基于System.Windows.Form.Path的控制下具有额外的“AlertState”属性，以在合成UI中具有以下代码：

<local:UC_Line_Path AlertState="{Binding Pipe1Alert.AlertState}" Data="M20.167,0 L24.167,0 24.167,28.924 44,28.924 44,32.924 24.167,32.924 20.167z"/> 
<local:UC_Line_Path AlertState="{Binding Pipe2Alert.AlertState}" Data="M20.167,0 L24.167,0 24.167,28.924 44,28.924 44,32.924 28.924 z"/> 
<local:UC_Line_Path AlertState="{Binding Pipe3Alert.AlertState}" Data="M20.167,0 L24.167,0 24.167,28.924 44,28.924 44,32.924 24.167,32.924 20.167,32.924 0,32.924 0,28.924 z"/> 
<local:UC_Line_Path AlertState="{Binding Pipe4Alert.AlertState}" Data="M20.167,0 L24.167,0 24.167,28.924 20.167,32.924 0,32.924 0,28.924 20.167,28.924 z"/> 

这种方法的问题是 1.路径是一个密封的类。 WPF不允许我将其扩展。 2.即使假设我可以从Path控件扩展，如何添加一个新的属性“AlertState”以与原始UC_Line_1代码中显示的数据触发器一起使用？

感谢和问候。

Answer 1

有一个简单的解决方案。使用单个控件UC_Line，并为其添加属性PathData。然后你可以从控制范围内绑定到该属性：

<Path x:Name="FL_2" Stretch="Fill" 
    Data="{Binding RelativeSource={RelativeSource AncestorType=UserControl},Path=PathData}"> 

然后用实例提供PathData：

<local:UC_Line Margin="27.728,16.486,39.219,36.308" 
       DataContext="{Binding Pipe1Alert}" 
       PathData="M20.167,0 L24.167,0 24.167,28.924 44,28.924 44,32.924 24.167,32.924 20.167,32.924 0,32.924 0,28.924 20.167,28.924 z" 
/> 

注意，酒店应Geometry型dependency property：

public class UC_Line : UserControl 
{ 
    public static readonly DependencyProperty PathDataProperty = 
     DependencyProperty.Register("PathData", typeof(Geometry), typeof(UC_Line), null); 
    public Geometry PathData 
    { 
     get { return (Geometry)GetValue(PathDataProperty); } 
     set { SetValue(PathDataProperty, value); } 
    } 

    // ... etc 
}