WPF TabItem Заголовок Изображения - PullRequest
Новая
       12

WPF TabItem Заголовок Изображения

5 голосов
/ 14 ноября 2009

У меня есть TabControl в WPF с 3 вкладками, и у каждой вкладки есть изображение рядом с заголовком вкладки. Вот пример 

        <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, когда вкладка является выбранным. Спасибо!

1 Ответ

6 голосов
/ 14 ноября 2009

объявляет стиль для TabItem, а внутренний стиль меняет изображение в триггере.

Объявите шаблон HeaderTemplate, а затем используйте триггер следующим образом: 

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