WPF TabControl Templates + ItemContainerStyle - PullRequest
Новая
       23

WPF TabControl Templates + ItemContainerStyle

2 голосов
/ 13 августа 2010

Я пытаюсь создать стиль элемента управления вкладкой, который в основном выглядит как кнопки вверху по центру, а панель содержимого - внизу, где отображается содержимое таблицы.

Я немного новичок в шаблонах, но то, что у меня есть, работает очень хорошо, за исключением одной вещи. Я хочу иметь возможность установить цвет по умолчанию для текстовых элементов. Обычно я выполняю это, используя ContentPresenter с элементами зависимости. Так что-то вроде этого. 

<ContentPresenter TextElement.Foreground="White"/>

Это в основном делает любой элемент управления TextElement, написанный этим докладчиком, для наследования этого свойства.

Сейчас я пытаюсь сделать то же самое, но это не работает! Я верю, что это как-то связано с тем, что мой стиль неправильный.

Style: 

<Style x:Key="MainMenuTab" TargetType="{x:Type TabControl}">



        <Setter Property="Template">
            <Setter.Value>

                <ControlTemplate TargetType="{x:Type TabControl}">

                    <Grid KeyboardNavigation.TabNavigation="Local" Width="{TemplateBinding Width}">
                        <Grid.RowDefinitions>
                            <RowDefinition Height="Auto"/>
                            <RowDefinition Height="*"/>
                        </Grid.RowDefinitions>

                        <!-- Tab Headers Panel -->
                        <Grid Grid.Row="0" Background="{StaticResource Brush_ApplicationTabBackground}">

                            <TabPanel 
                                Name="HeaderPanel"
                                Grid.Row="0"
                                Panel.ZIndex="1" 
                                HorizontalAlignment="Center"
                                VerticalAlignment="Center"
                                IsItemsHost="True"
                                KeyboardNavigation.TabIndex="1"
                                Background="{StaticResource Brush_ApplicationTabBackground}"
                                >


                            </TabPanel>


                        </Grid>



                        <!-- Tab Body  -->
                        <Border 
                            Name="Border" 
                            Grid.Row="1" 
                            Background="{StaticResource Brush_ApplicationBackground}"
                            BorderBrush="Transparent"
                            BorderThickness="1" 
                            CornerRadius="2" 
                            KeyboardNavigation.TabNavigation="Local"
                            KeyboardNavigation.DirectionalNavigation="Contained"
                            KeyboardNavigation.TabIndex="2" >

                            <ContentPresenter 
                                Name="PART_SelectedContentHost"
                                Margin="4"
                                ContentSource="SelectedContent" />
                        </Border>
                    </Grid>
                </ControlTemplate>
            </Setter.Value>
        </Setter>




        <!-- Each Tab should look like this -->
        <Setter Property="ItemContainerStyle">
            <Setter.Value>
                <Style>

                    <Setter Property="Control.Template">
                        <Setter.Value>

                            <ControlTemplate TargetType="{x:Type TabItem}">

                                <Grid Background="{StaticResource Brush_ApplicationTabBackground}">
                                    <Border Width="50" x:Name="BorderTab" Height="50" Margin="5" BorderThickness="1" ClipToBounds="True" BorderBrush="Transparent" Background="Transparent" CornerRadius="5">
                                        <Rectangle x:Name="BackgroundRec" Fill="Transparent" Stroke="Transparent" Width="50" Height="50" HorizontalAlignment="Center" VerticalAlignment="Center"/>
                                    </Border>
                                    <ContentPresenter Name="TheHeaderContentPresenter" Width="50" Height="50" Margin="5" ContentSource="Header" HorizontalAlignment="Center" VerticalAlignment="Center" TextElement.Foreground="White"/>
                                </Grid>

                                <ControlTemplate.Triggers>
                                    <Trigger Property="IsSelected" Value="True">
                                        <Trigger.Setters>
                                            <Setter TargetName="BorderTab" Property="BorderBrush" Value="{StaticResource Brush_ApplicationTabHighlight}"/>
                                            <Setter TargetName="BorderTab" Property="BorderThickness" Value="3"/>
                                            <Setter TargetName="BackgroundRec" Property="Fill" Value="{StaticResource Brush_ApplicationTabHighlight}"/>
                                            <Setter Property="Panel.ZIndex" Value="1"/>
                                        </Trigger.Setters>
                                    </Trigger>

                                    <Trigger Property="IsSelected" Value="False">
                                        <Trigger.Setters>
                                            <Setter TargetName="BorderTab" Property="BorderBrush" Value="{StaticResource Brush_ApplicationTabBackground}"/>
                                            <Setter TargetName="BorderTab" Property="BorderThickness" Value="0"/>
                                            <Setter TargetName="BackgroundRec" Property="Fill" Value="{StaticResource Brush_ApplicationTabBackground}"/>
                                        </Trigger.Setters>
                                    </Trigger>
                                </ControlTemplate.Triggers>

                            </ControlTemplate>

                        </Setter.Value>
                    </Setter>

                </Style>
            </Setter.Value>
        </Setter>

В моем ContentPresenter под ItemContainerStyle есть свойство TextElement.Foreground = "White", но он не будет печатать белый текст!

Мой tabcontrol, использующий этот стиль, выглядит следующим образом: 

<TabControl Grid.Row="2" Style="{StaticResource MainMenuTab}">


            <TabItem>
                <TabItem.Header>
                    <TextBlock VerticalAlignment="Bottom" HorizontalAlignment="Center" Margin="0,0,0,5" Text="{x:Static  UIStrings:ClientStrings.MainWindow_TabHeader_SingleWaveLength}"></TextBlock>
                </TabItem.Header>
                <TextBlock>TEST PANEL</TextBlock>


       </TabItem>
</TabControl>

Я знаю, что это сложно, но мне бы очень хотелось, чтобы это сработало.

Ответы [ 2 ]

3 голосов
/ 13 августа 2010

Решение найдено.

На основании сообщения HCL я нашел решение.Я испытываю ту же самую проблему, я пытаюсь, чтобы предъявитель контента установил унаследованное свойство зависимости.вместо этого я просто говорю шаблону применить свойство зависимости, чтобы каждый табит был стилизован, чтобы иметь это свойство и, следовательно, установить его для всех своих детей.: 

<Setter Property="TextElement.Foreground" Value="White"/>

Перед контрольным шаблоном!Также я вынул белый текст из предъявителя контента, потому что он бесполезен.

2 голосов
/ 13 августа 2010

Проверьте этот пост, мне кажется, что это тот же эффект:

ContentPresenter в ControlTemplate не может изменить свойство присоединенной зависимости

...