ボタン付きツリービュー

Question

私は、各ノードにアイコンと説明文があるTreeViewを持っています。しかし、私はどのノードも選択できないようにしています。代わりに、各ノードがボタンとして機能するようにします。ユーザーが押すとコマンドが実行されます。ボタンやハイパーリンクのようには見えないかもしれません。

これまで私が試したことです。問題は、テキストが青色で、テキストに下線が引かれていることです。さらに、いつかノードが選択され、したがって青色になります。

<TreeView.Resources> 
    <HierarchicalDataTemplate DataType="{x:Type vm:ListGroupViewModel}" ItemsSource="{Binding Children}"> 
     <StackPanel Orientation="Horizontal"> 
      <TextBlock Text="{Binding Text}" FontWeight="Bold" ></TextBlock> 
     </StackPanel> 
    </HierarchicalDataTemplate> 

    <DataTemplate DataType="{x:Type vm:ListNodeViewModel}"> 
     <TextBlock> 
      <Hyperlink TextDecorations="{x:Null}" Command="{Binding ClickCommand, Mode=OneTime}"> 
       <StackPanel Orientation="Horizontal"> 
        <Image Margin="0,2,2,0" Source="{Binding Icon}" /> 
        <TextBlock Text="{Binding Text}" /> 
       </StackPanel> 
      </Hyperlink> 
     </TextBlock> 
    </DataTemplate> 
</TreeView.Resources> 

Answer 1

あなたは、ハイパーリンクのスタイルをオーバーライドする必要があります。

 <Style x:Key="HyperlinkStyle" TargetType="Hyperlink"> 
      <Setter Property="Foreground" 
        Value="Black"/> 
      <Setter Property="TextDecorations" 
        Value="{x:Null}"/> 
     </Style> 

     <DataTemplate DataType="{x:Type vm:ListNodeViewModel}"> 
      <TextBlock> 
       <Hyperlink Command="{Binding ClickCommand, Mode=OneTime}" 
          Style="{StaticResource HyperlinkStyle}"> 
        <StackPanel Orientation="Horizontal"> 
         <Image Margin="0,2,2,0" Source="{Binding Icon}" /> 
         <TextBlock Text="{Binding Name}" /> 
        </StackPanel> 
       </Hyperlink> 
      </TextBlock> 
     </DataTemplate> 

ツリー項目の選択を非表示にするにはツリービュー項目を強調するために使用するSystemColors.HighlightBrushKey、オーバーライドすることができます：

<SolidColorBrush x:Key="{x:Static SystemColors.HighlightBrushKey}" Color="Transparent"/> 

Answer 2

TreeViewアイテム用の階層型のDataTemplateがこのトリックを行う必要があります。あなたが試したことを教えてください。