在 ButtonBase 派生模板中使用 Button 控件

Question

我们的应用程序中的按钮具有特定的外观和感觉，这些按钮在 ButtonBase 的命名样式中定义，这也恰好是 Button、ToggleButton 和 RepeatButton 的默认样式。

我们还有 ToolbarButtons 派生自 ButtonBase 并包含额外的属性，例如 Text 和 Icon。这些用于在ToolbarButton 上放置特定文本和图标。

ToolbarButtons的主题在Themes/generic.xaml中定义如下：

<Style TargetType="{x:Type c:ToolbarButton}">
    <Setter Property="Template">
        <Setter.Value>
            <ControlTemplate TargetType="{x:Type c:ToolbarButton}">
                <Button Command="{TemplateBinding Property=Command}">
                     .. controls to place text and icon etc ..
                </Button>
            </ControlTemplate>
        </Setter.Value>
    </Setter>
</Style>

如您所见，我在基于ButtonBase 的控件中使用Button 控件，并将Command 绑定到包含的Command 上的Button。这个 hack 确保我可以通过定义 Button 默认样式来覆盖 Toolbar 中使用的“按钮”样式。

这一切似乎都很好，但是在Button 中使用Button 感觉不对。我仍然想知道我是否在做正确的事情。有什么想法吗？

Answer 1

您的方法很好，但您不必在模板中使用第二个按钮，而是使用ContentPresenter。每次重新定义ContentControl（例如按钮）的模板时都使用它。 BasedOn 属性对于覆盖特定的按钮样式很有用。

看起来像这样：

<Style TargetType="{x:Type c:ToolbarButton}" BasedOn="{StaticResource {x:Type ButtonBase}}">
    <Setter Property="Template">
        <Setter.Value>
            <ControlTemplate TargetType="{x:Type local:ToolbarButton}">

                <StackPanel>

                    <!-- Image -->
                    <Image Source="{TemplateBinding Image}"/>

                    <!-- Content -->
                    <ContentPresenter Content="{TemplateBinding Content}"/>
                </StackPanel>

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

您会发现ItemsControl（ListBox、ListView 等）的模板与ItemsPresenter 的机制相同。

更新：

要考虑您的评论，也许您应该覆盖 ContentControl 以将您的特定 chrome 应用到它：

公共类 ButtonContentControl : ContentControl { }

<Style TargetType="{x:Type local:ButtonContentControl}">
    <Setter Property="Template">
        <Setter.Value>
            <ControlTemplate TargetType="{x:Type local:ButtonContentControl}">

                <!-- Specific chrome -->

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

然后您可以在 ButtonBase 和 ToolbarButton 的模板中使用它：

Style TargetType="{x:Type ButtonBase}">
    <Setter Property="Template">
        <Setter.Value>
            <ControlTemplate TargetType="{x:Type c:ToolbarButton}">
                <ButtonContentControl>
                     <!-- ContentPresenter or something else -->
                </ButtonContentControl>
            </ControlTemplate>
        </Setter.Value>
    </Setter>
</Style>

<Style TargetType="{x:Type c:ToolbarButton}">
    <Setter Property="Template">
        <Setter.Value>
            <ControlTemplate TargetType="{x:Type c:ToolbarButton}">
                <ButtonContentControl>
                     .. controls to place text and icon etc ..
                </ButtonContentControl>
            </ControlTemplate>
        </Setter.Value>
    </Setter>
</Style>