使用绑定到控件的键覆盖控件样式

时间:2012-09-22 17:45:42

标签: wpf styles wpf-controls

所以在我的主应用程序ResourceDictionary中,我有一个以

开头的样式
 <Style TargetType="{x:Type TabItem}" x:Key="{x:Type TabItem}">

现在我正在做的是重写TabControl以进行自定义控件(没有任何xaml)。此问题是此时它不继承自定义TabControl模板。

所以我想知道的是,我怎么能以编程方式绑定到模板的'x:Key',考虑到绑定到特定控件而不让我的控件有一个xaml文件。

网上有些地方说这样做

this.Style = (Style)FindResource("TabItem");

但它似乎在我的情况下不起作用。 'style'位于一个单独的文件中,并导入到我的App.Xaml资源字典中...所以它会正确覆盖所有TabItems,但不会覆盖我覆盖的那个。

这是我的App.xaml

<Application x:Class="Octgn.OctgnApp" xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml">

  <Application.Resources>
    <ResourceDictionary>
      <ResourceDictionary.MergedDictionaries>

        <ResourceDictionary Source="/Resources/Themes/Full/ExpressionDark.xaml"/>
       </ResourceDictionary.MergedDictionaries>
    </ResourceDictionary>
  </Application.Resources>
</Application>

来自ExpressionDark.xaml

的项目(稍微截断导致它很大)
<Style d:IsControlPart="True" TargetType="{x:Type TabItem}" x:Key="{x:Type TabItem}">
    <Setter Property="Foreground" Value="{DynamicResource TextBrush}" />
    <Setter Property="Template">
        <Setter.Value>
            <ControlTemplate TargetType="{x:Type TabItem}">
                <Grid x:Name="grid" Margin="2,1,2,3">
                    <Grid.LayoutTransform>
                        <TransformGroup>
                            <ScaleTransform ScaleX="1" ScaleY="1"/>
                            <SkewTransform AngleX="0" AngleY="0"/>
                            <RotateTransform Angle="0"/>
                            <TranslateTransform X="0" Y="0"/>
                        </TransformGroup>
                    </Grid.LayoutTransform>
                    <Border x:Name="border" BorderBrush="{x:Null}" CornerRadius="2,2,2,2" Opacity="0.5">
                        <Border.Background>
                            <LinearGradientBrush EndPoint="0.5,0.976" StartPoint="0.5,0.039">
                                <GradientStop Color="#7F595959" Offset="0" />
                                <GradientStop Color="#19FFFFFF" Offset="1" />
                            </LinearGradientBrush>
                        </Border.Background>
                    </Border>
                    <Border x:Name="SelectedBorder" BorderBrush="{x:Null}" CornerRadius="2,2,2,2" Opacity="0" Background="{DynamicResource SelectedBackgroundBrush}"/>
                    <Border x:Name="HoverBorder" BorderBrush="{x:Null}" CornerRadius="2,2,2,2" Opacity="0">
                        <Border.Background>
                            <LinearGradientBrush EndPoint="0.5,0.976" StartPoint="0.5,0.039">
                                <GradientStop Color="#7F595959" Offset="0" />
                                <GradientStop Color="#19FFFFFF" Offset="1" />
                            </LinearGradientBrush>
                        </Border.Background>
                    </Border>
                    <Grid>
                        <ContentPresenter x:Name="ContentSite" RecognizesAccessKey="True" ContentSource="Header" d:LayoutOverrides="Width, Height" HorizontalAlignment="Center" Margin="6,1,6,1" VerticalAlignment="Center" />
                    </Grid>
                </Grid>
            </ControlTemplate>
        </Setter.Value>
    </Setter>
</Style>

此样式自动应用于TabItem,但我正在尝试将其应用于我的TabItem覆盖。

这是

的代码
/// <summary>
/// The chat bar item.
/// </summary>
public class ChatBarItem : TabItem
{
    /// <summary>
    /// Sets the Chat Room
    /// </summary>
    private readonly NewChatRoom room;

    /// <summary>
    /// Initializes static members of the <see cref="ChatBarItem"/> class.
    /// </summary>
    static ChatBarItem()
    {
        DefaultStyleKeyProperty.OverrideMetadata(
            typeof(ChatBarItem), new FrameworkPropertyMetadata(typeof(TabItem)));
    }   

    /// <summary>
    /// Initializes a new instance of the <see cref="ChatBarItem"/> class.
    /// </summary>
    /// <param name="chatRoom">
    /// The chat Room.
    /// </param>
    public ChatBarItem(NewChatRoom chatRoom)
    {
        this.room = chatRoom;
        this.ConstructControl();
    }

    /// <summary>
    /// Initializes a new instance of the <see cref="ChatBarItem"/> class.
    /// </summary>
    public ChatBarItem()
    {
        this.room = null;
        this.ConstructControl();
    }

    /// <summary>
    /// Constructs this control
    /// </summary>
    private void ConstructControl()
    {
        //this.Background = Brushes.Transparent;
        //this.BorderThickness = new Thickness(0);
        //this.Style = (Style)FindResource("TabItem");
        // this is where I want to set the style of this control

        // Main content object
        var mainBorder = new Border { Margin = new Thickness(5) };

        // Main content grid
        var g = new Grid();
        g.ColumnDefinitions.Add(new ColumnDefinition());
        g.ColumnDefinitions.Add(new ColumnDefinition { Width = new GridLength(16) });

        // Create item label
        var label = new TextBlock() { VerticalAlignment = VerticalAlignment.Center };
        if (this.IsInDesignMode() || this.room == null)
        {
            label.Inlines.Add(new Run("test"));
        }
        else
        {
            label.Inlines.Add(new Run(this.room.GroupUser.User.User));
        }

        // Create close button
        var borderClose = new Border { Width = 16, Height = 16 };
        var imageClose = new Image()
            {
                Source = new BitmapImage(new Uri("pack://application:,,,/Octgn;component/Resources/close.png")), 
                Stretch = Stretch.Uniform
            };

        // --Add items to items

        // Add close image to closeBorder
        borderClose.Child = imageClose;

        // Add Close 'button' to grid
        g.Children.Add(borderClose);
        Grid.SetColumn(borderClose, 1);

        // Add label to main grid
        g.Children.Add(label);

        // Add main grid to main border
        mainBorder.Child = g;

        // Add main grid to this
        this.Header = mainBorder;
    }
}

如果我有一个用于TabItem的xaml,我可以很容易地去Style =“{DynamicResource {x:Type TabItem}}”(或类似的东西),但我是以编程方式完成的。

3 个答案:

答案 0 :(得分:1)

您已经尝试过:

<Style TargetType="{x:Type TabControl}" BasedOn="{StaticResource {x:Type TabControl}}">

</Style>

顺便说一下,如果您希望将样式应用于所有TabControl,并且您希望它适用于整个应用程序,则无需定义x:Key,请在App.xaml中设置样式


编辑:我仍然不明白你想做什么。 (如果可以,请再次编辑您的问题。)

但您可以尝试通过以下方式手动设置样式:

Style customStyle = (Style)Application.Current.FindResource("StyleKey");

如上所述,

static MyCustomTabControl()
{
     DefaultStyleKeyProperty.OverrideMetadata(typeof(MyCustomTabControl), new FrameworkPropertyMetadata(typeof(TabControl)));
} 

但这只适用于:

1)您的控件在文件中的样式:Themes \ Generic.xaml

2)文件“Generic.xaml”具有属性“BuildAction”,其值为Page。

3)AssemblyInfo.cs包含:

[assembly: ThemeInfo (
     ResourceDictionaryLocation.None,
     ResourceDictionaryLocation.SourceAssembly
)]

答案 1 :(得分:1)

在你的衍生选项卡Control

的静态构造函数中如何做到这一点
static MyCustomTabControl()
{
     DefaultStyleKeyProperty.OverrideMetadata(typeof(MyCustomTabControl), new FrameworkPropertyMetadata(typeof(TabControl)));

}    

答案 2 :(得分:0)

好的,经过一些挖掘,以及其他两个答案的帮助,我能够弄清楚这一点。而不是为FindResource做一个字符串,似乎资源字典实际上是一个带有对象键的diciontary。所以......

this.Style = (Style)Application.Current.FindResource(typeof(TabItem));

这就是为我做的。

再次感谢其他两个答案。