形状类型绑定

Question

我已将Layer的ObservableCollection绑定到WPF中的TreeView。

层的定义是：

public class Layer 
{ 
    public Guid Id { get; set; } 
    public string Name { get; set; } 
    public string Color { get; set; } 
    public GeoType Type { get; set; } 
} 

public enum GeoType { Area, Line, Point } 

这是TreeView XAML：

<TreeView Grid.Column="0" 
      ItemsSource="{Binding Layers}"> 
    <TreeView.ItemTemplate> 
     <HierarchicalDataTemplate ItemsSource="{Binding SubLayers}"> 
      <StackPanel Orientation="Horizontal"> 

       <Canvas Background="LightGray"> 
        <Ellipse Fill="{Binding Color}" 
          Height="15" 
          Width="15" 
          StrokeThickness="5" 
          Stroke="{Binding Color}"/> 
       </Canvas> 

       <TextBlock Margin="20,0,0,0" Text="{Binding Path=Name}"/> 
      </StackPanel> 
     </HierarchicalDataTemplate> 
    </TreeView.ItemTemplate> 
</TreeView> 

我想根据GeoType属性来指定形状类型。我的意思是如果GeoType是Line而不是在上面的XAML画布，它应该是Line。 我怎样才能使用绑定？我应该创建转换器吗？

Answer 1

你可以用纯XAML来做到这一点。

... 
<Window.Resources> 
    <DataTemplate x:Key="LineTemplate"> 
     <Line /> 
    </DataTemplate> 
    <DataTemplate x:Key="EllipseTemplate"> 
     <Ellipse /> 
    </DataTemplate> 
    ... etc 
</Window.Resources> 
... 

<TreeView Grid.Column="0" 
      ItemsSource="{Binding Layers}"> 
    <TreeView.ItemTemplate> 
     <HierarchicalDataTemplate ItemsSource="{Binding SubLayers}"> 
      <StackPanel Orientation="Horizontal"> 
       <Canvas Background="LightGray"> 
        <ContentControl Content="{Binding}"> 
         <ContentControl.Style> 
          <Style TargetType="ContentControl"> 
           <Style.Triggers> 
            <DataTrigger Binding="{Binding Path=Type}" Value="{StaticResource local:GeoType.Line}"> 
             <Setter Property="ContentTemplate" Value="{StaticResource LineTemplate}" /> 
            </DataTrigger> 
            <DataTrigger Binding="{Binding Path=Type}" Value="{StaticResource local:GeoType.Ellipse}"> 
             <Setter Property="ContentTemplate" Value="{StaticResource EllipseTemplate}" /> 
            </DataTrigger> 
           </Style.Triggers> 
          </Style> 
         </ContentControl.Style> 
        </ContentControl> 
       </Canvas> 

       <TextBlock Margin="20,0,0,0" Text="{Binding Path=Name}"/> 
      </StackPanel> 
     </HierarchicalDataTemplate> 
    </TreeView.ItemTemplate> 
</TreeView> 

它只是许多可能solutuion之一。 本地是您的GeoType所在的命名空间。您应该在资源内部修饰模板以使用数据绑定。