2009-11-14 4 views
5

저는 3 개의 탭이있는 WPF에서 TabControl을 얻었으며 각 탭에는 탭 제목 옆에 이미지가 있습니다. 여기에 블랙 탭이 텍스트를 선택하는 예WPF TabItem Header Images

 <TabItem> 
      <TabItem.Header> 
       <StackPanel Orientation="Horizontal"> 
        <Image Name="img" Height="auto" Width="auto" Source="images/1.png" /> 
        <TextBlock Text="Login" Margin="2,0,0,0" VerticalAlignment="Center" /> 
       </StackPanel> 
      </TabItem.Header> 
     </TabItem> 

이다 그건 그되지는 밝은 회색 색상과 약간 어두운 텍스트 때 배경은 흰색입니다. 이것은 잘 작동하지만 내가 알 수없는 것은 선택되지 않은 탭에서 이미지를 변경하는 방법입니다. 지금은 이미지가 모두 내부에 숫자가있는 녹색 원으로 표시되지만 탭을 선택하지 않으면 탭이 다른 이미지 (예 : images/1_notselected.png 및 images/2_notselected.png)로 변경됩니다. 선택된 것입니다. 감사!

답변

6

은 TabItem의 스타일을 선언하고 내부 스타일은 이미지를 트리거로 변경합니다.

는 HeaderTemplate를 선언하고 다음과 같이 트리거를 사용

<Trigger Property="IsSelected" Value="True"> 
     <Setter Property="Source" TargetName="img" Value="images/customimage.png"/> 
    </Trigger>