以样式更改按钮的内容？

Question

我正在尝试做类似的事情：

<Window x:Class="WpfApplication1.Window1"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml">

    <Grid>
        <Button>
            <Button.Style>
                <Style TargetType="{x:Type Button}">
                    <Setter Property="Content"
                            Value="No mouse over" />
                    <Style.Triggers>
                        <Trigger Property="IsMouseOver"
                                 Value="True">
                            <Setter Property="Content">
                                <Setter.Value>
                                    <CheckBox Content="Mouse is over" />
                                </Setter.Value>
                            </Setter>
                        </Trigger>
                    </Style.Triggers>
                </Style>
            </Button.Style>
        </Button>
    </Grid>
</Window>

但是，我收到运行时 XamlParseException 消息：

无法添加类型的内容 'System.Windows.Controls.CheckBox' 到 “System.Object”类型的对象。 对象错误 'System.Windows.Controls.CheckBox

我实际上是在尝试根据外部条件为按钮的内容绘制不同的图标。所以我实际上是在尝试使用 DataTrigger，但上面的示例简化了问题。有什么想法吗？

Answer 1

发生实际错误是因为无法将 Visuals 直接设置为 Setter 值。 不过，您可以通过使用 DataTemplate 设置 ContentTemplate 或通过将内容创建为资源（特定于按钮或位于其他位置）来获得您正在寻找的行为。

<Button>
    <Button.Resources>
        <CheckBox x:Key="Local_MouseOverContent" Content="Mouse is over" />
    </Button.Resources>
    <Button.Style>
        <Style TargetType="{x:Type Button}">
            <Setter Property="Content" Value="No mouse over" />
            <Style.Triggers>
                <Trigger Property="IsMouseOver" Value="True">
                    <Setter Property="Content"
                            Value="{StaticResource Local_MouseOverContent}" />
                </Trigger>
            </Style.Triggers>
        </Style>
    </Button.Style>
</Button>

<Button>
    <Button.Style>
        <Style TargetType="{x:Type Button}">
            <Setter Property="Content" Value="No mouse over" />
            <Style.Triggers>
                <Trigger Property="IsMouseOver" Value="True">
                    <Setter Property="ContentTemplate">
                        <Setter.Value>
                            <DataTemplate DataType="Button">
                                <CheckBox Content="Mouse is over" />
                            </DataTemplate>
                        </Setter.Value>
                    </Setter>
                </Trigger>
            </Style.Triggers>
        </Style>
    </Button.Style>
</Button>

Answer 2

请注意！正是您的示例在 .NET Framework 4 中工作，没有任何更改！！！！

  <Button>
        <Button.Style>
            <Style TargetType="{x:Type Button}">
                <Setter Property="Content"
                        Value="No mouse over" />
                <Style.Triggers>
                    <Trigger Property="IsMouseOver"
                             Value="True">
                        <Setter Property="Content">
                            <Setter.Value>
                                <CheckBox Content="Mouse is over" />
                            </Setter.Value>
                        </Setter>
                    </Trigger>
                </Style.Triggers>
            </Style>
        </Button.Style>
    </Button>

Answer 3

如果您正在为应用程序周围的按钮创建通用样式，则使用图像作为资源的方法会出现视觉树冲突。因此，在这种情况下，模板是您唯一的选择。

Answer 4

警告：这可能不是最好或正确的方法。确保您也阅读了此页面上的其他答案。

很确定您想在这种情况下使用控制模板。比如：

<style> <Setter Property="Content"> <Setter.Value> <ControlTemplate> <Image Img="something.jpg" /> </ControlTemplate> </Setter.Value> </Setter> </style>

并在悬停的触发器中添加一个控制模板。

这是一个很好的link