WPF TreeViewItem Font 스타일 변경 방법

WPF 에서 TreeViewItem 글꼴 을 굵게 표시 하려면 XAML 에서 Style를 사용할 수 있습니다 . 방법은 다음과 같습니다 .​

굵은 글꼴 스타일 적용​

TreeViewItem Style를 정의하고 Setter 를 사용 하여 FontWeight 속성에 Bold를 설정할 수 있습니다 .

 

<Window.Resources>
    <Style TargetType="TreeViewItem" x:Key="BoldTreeViewItemStyle">
        <Setter Property="FontWeight" Value="Bold"/>
    </Style>
</Window.Resources>

<Grid>
    <TreeView ItemContainerStyle="{StaticResource BoldTreeViewItemStyle}">
        <TreeViewItem Header="Item 1">
            <TreeViewItem Header="SubItem 1.1"/>
            <TreeViewItem Header="SubItem 1.2"/>
        </TreeViewItem>
        <TreeViewItem Header="Item 2"/>
    </TreeView>
</Grid>

 

글꼴을 동적으로 굵게 만들기

특정 조건 ( 예 : TreeViewItem이 선택된 경우 )에서만 글꼴을 굵게 표시 하려면 Trigger를 사용할 수 있습니다 .

트리거를 사용한 예 :

<Window.Resources>
    <Style TargetType="TreeViewItem" x:Key="DynamicBoldTreeViewItemStyle">
        <Setter Property="FontWeight" Value="Normal"/>
        <Style.Triggers>
            <Trigger Property="IsSelected" Value="True">
                <Setter Property="FontWeight" Value="Bold"/>
            </Trigger>
        </Style.Triggers>
    </Style>
</Window.Resources>

<Grid>
    <TreeView ItemContainerStyle="{StaticResource DynamicBoldTreeViewItemStyle}">
        <TreeViewItem Header="Item 1">
            <TreeViewItem Header="SubItem 1.1"/>
            <TreeViewItem Header="SubItem 1.2"/>
        </TreeViewItem>
        <TreeViewItem Header="Item 2"/>
    </TreeView>
</Grid>

 

설명:

• 정적 스타일 : 첫 번째 예에서 모든 TreeViewItem 는 굵은 글씨로 표시 됩니다 .
• 동적 스타일 : 두 번째 예에서는 Trigger 속성 IsSelected를 사용하여 선택된 경우 TreeViewItem 에만 글꼴이 굵어 집니다 

이러한 접근 방식을 사용하면 TreeViewItem에 굵은 글꼴 스타일을 적용할 수 있습니다 .