时间戳

首页 > 解决方案 > 通过 Binding 在运行时更改 WPF 控件样式

wpf - 通过 Binding 在运行时更改 WPF 控件样式

问题描述

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

应用程序计算按钮的样式名称，并根据单元格的状态将按钮的 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>

标签： wpfbuttondata-binding

解决方案

使用绑定到您的或源属性的单个Stylewith ：DataTriggersDataContext

<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>

推荐阅读