모양 유형은

Question

나는 WPF에서 TreeView에 레이어의 ObservableCollection을 결합했습니다 바인딩.

계층의 정의는 다음과 같습니다

<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 속성을 기준으로 모양의 유형을 지정하려면 :

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입니다. 내 말은 GeoType이 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> 

많은 가능한 solutions의 단지 하나이다. 지역은 GEOTYPE 인 네임 스페이스입니다. 데이터 바인딩을 사용하려면 리소스 내에 템플릿을 꾸며야합니다.