Question

对于我正在开发的游戏，代码需要（在运行时）更改按钮的样式。基本上，按钮代表（棋类）游戏中的一个单元，而该单元的属性（背景，前景或图像）则代表该单元的状态（被捕获，损坏，敌人等）。

应用程序将计算按钮的样式名称，然后根据单元格的状态将按钮的DataContext设置为“ StateA”，“ StateB”，“ StateC”或“ StateD”。

我尝试了几种替代方法来定义bt按钮样式。没有任何效果（请参见下文）。

定义绑定的正确方法是什么？该绑定将在运行时从控件的多个预定义样式中选择一个样式？

        <Button Content="Button"  Style="{Binding}" HorizontalAlignment="Center" VerticalAlignment="Center" Width="75" Click="Button_Click" />

        <Button Content="Button" Style="{DynamicResource {Binding}}" HorizontalAlignment="Center" VerticalAlignment="Center" Width="75" Click="Button_Click" />

样式部分：

<Window x:Class="WpfApp2.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
        xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
        xmlns:local="clr-namespace:WpfApp2"
        mc:Ignorable="d"
        Title="MainWindow" Height="450" Width="800">

    <Window.Resources>
        <Style x:Key="StateA"  >
            <Setter Property="TextBlock.Background" Value="blue" />
        </Style>
        <Style x:Key="StateB" >
            <Setter Property="TextBlock.Background" Value="yellow" />
        </Style>
        <Style x:Key="StateC"  >
            <Setter Property="TextBlock.Background" Value="green" />
        </Style>
    </Window.Resources>

    <Grid>
        <Button Name="foo" Content="{Binding}" HorizontalAlignment="Center" VerticalAlignment="Center" Width="75" Click="Button_Click" Style="{DynamicResource {Binding}}" />

    </Grid>
</Window>

Answer 1

将单个Style与DataTriggers绑定到您的DataContext或源属性：

<Window.Resources>
    <Style x:Key="ButtonStyle" TargetType="Button">
        <Style.Triggers>
            <DataTrigger Binding="{Binding}" Value="StateA">
                <Setter Property="TextBlock.Foreground" Value="Blue" />
            </DataTrigger>
            <DataTrigger Binding="{Binding}" Value="StateB">
                <Setter Property="TextBlock.Foreground" Value="Red" />
            </DataTrigger>
            <DataTrigger Binding="{Binding}" Value="StateC">
                <Setter Property="TextBlock.Foreground" Value="Green" />
            </DataTrigger>
        </Style.Triggers>
    </Style>
</Window.Resources>

<Grid>
    <Button Name="foo" Content="{Binding}" HorizontalAlignment="Center" 
            VerticalAlignment="Center" Width="75" 
            Click="Button_Click" Style="{StaticResource ButtonStyle}" />
</Grid>

通过绑定在运行时更改WPF控件样式

1 个答案: