Question

我正在制作一个简单的井字游戏，以熟悉自己的WPF，因为自从我使用这种格式以来已经过了很长时间。在内容设置为X或O之后，我一直在尝试禁用按钮，以防止人们选择相同的方块。以下是按钮的XAML代码示例：

        <Button Name="btmRight" Margin="10 10 10 10" Grid.Column="2" Grid.Row="2" FontSize="128">
            <Button.Style>
                <Style TargetType="Button">
                    <Style.Triggers>
                        <Trigger Property="IsEnabled" Value="False">
                            <Setter Property="Opacity" Value="1"/>
                            <Setter Property="Foreground" Value="Black"/>
                            <Setter Property="Background" Value="LightGray"/>
                        </Trigger>
                    </Style.Triggers>
                </Style>
            </Button.Style>
        </Button>

默认情况下启用按钮。然后我使用一些简单的C＃代码来禁用按钮，并根据转弯将内容设置为X或O.但是，尽管每个按钮都有样式触发器，但格式永远不会改变。我可能会探索的是在代码中添加一个条件，如果它们有内容则不用按钮更改任何内容，而不是在单击时禁用按钮。以下是我用于C＃的示例：

mid.Click += (sender, e) =>
        {
            mid.Content = mark;
            TurnSwap();
            mid.IsEnabled = false;
            IsComplete();
        };

＆＃34;标记＆＃34;是一个根据转弯设置的字符串。内容设置为标记值，然后在设置内容后立即旋转。然后禁用该按钮，游戏检查是否有人赢了。如果我选择手动禁用按钮，我会在条件中包围C＃代码，以检查内容是否为＆＃34;＆＃34;，默认为。我觉得这个选项有点懒，我想学习单独概念的WPF解决方案。

Answer 1

以下代码只是基于您的问题的示例。我没有实现tic-tac-toe游戏逻辑。它演示了如何实现按钮的常用样式以及常见ClickEvent的实现。您可以根据需要使用它并进行更改。

<强> XAML

<Window x:Class="WPFTest.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:WPFTest"
        mc:Ignorable="d"
        Title="TestWPF" Height="300" Width="400" 
        WindowStyle="None" WindowStartupLocation="CenterScreen">

    <Window.Resources>
        <Style x:Key="buttonStyle" TargetType="Button">

        <Setter Property="OverridesDefaultStyle" Value="True" />
        <Setter Property="Background" Value="MediumAquamarine" />
        <Setter Property="Foreground" Value="MediumBlue" />

        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="{x:Type Button}">
                    <Grid Background="{TemplateBinding Background}">
                        <ContentPresenter x:Name="MyContentPresenter" 
                                      Content="{TemplateBinding Content}"
                                      HorizontalAlignment="Center" 
                                      VerticalAlignment="Center" />
                    </Grid>
                </ControlTemplate>
            </Setter.Value>
        </Setter>

        <Style.Triggers>
            <Trigger Property="IsEnabled" Value="False">
                <Setter Property="Opacity" Value="1"/>
                <Setter Property="Foreground" Value="Black"/>
                <Setter Property="Background" Value="LightGray"/>
            </Trigger>
        </Style.Triggers>
    </Style>
    </Window.Resources>

    <Grid>
        <Grid.RowDefinitions>
            <RowDefinition Height="*"/>
            <RowDefinition Height="*"/>
            <RowDefinition Height="*"/>
        </Grid.RowDefinitions>

        <Grid.ColumnDefinitions>
            <ColumnDefinition Width="*"/>
            <ColumnDefinition Width="*"/>
            <ColumnDefinition Width="*"/>
        </Grid.ColumnDefinitions>

        <Button x:Name="btn1" Grid.Row="0" Grid.Column="0" Style="{StaticResource buttonStyle}" Click="btn_Click"/>
        <Button x:Name="btn2" Grid.Row="0" Grid.Column="1" Style="{StaticResource buttonStyle}" Click="btn_Click"/>
        <Button x:Name="btn3" Grid.Row="0" Grid.Column="2" Style="{StaticResource buttonStyle}" Click="btn_Click"/>

        <Button x:Name="btn4" Grid.Row="1" Grid.Column="0" Style="{StaticResource buttonStyle}" Click="btn_Click"/>
        <Button x:Name="btn5" Grid.Row="1" Grid.Column="1" Style="{StaticResource buttonStyle}" Click="btn_Click"/>
        <Button x:Name="btn6" Grid.Row="1" Grid.Column="2" Style="{StaticResource buttonStyle}" Click="btn_Click"/>

        <Button x:Name="btn7" Grid.Row="2" Grid.Column="0" Style="{StaticResource buttonStyle}" Click="btn_Click"/>
        <Button x:Name="btn8" Grid.Row="2" Grid.Column="1" Style="{StaticResource buttonStyle}" Click="btn_Click"/>
        <Button x:Name="btn9" Grid.Row="2" Grid.Column="2" Style="{StaticResource buttonStyle}" Click="btn_Click"/>

    </Grid>
</Window>

<强> CS

using System;
using System.Windows;
using System.Windows.Controls;

namespace WPFTest
{
    public partial class MainWindow : Window
    {
        string sign = "X";
        public MainWindow()
        {
            InitializeComponent();
        }

        private void btn_Click(object sender, RoutedEventArgs e)
        {
            try
            {
                Button currentButton = sender as Button;
                currentButton.Content = sign;
                currentButton.IsEnabled = false;

                swapSign();
            }
            catch (Exception ex)
            {
            }
        }

        private void swapSign()
        {
            if (sign == "X")
                sign = "O";
            else
                sign = "X";
        }
    }
}

<强> UPDATE-1 我改变了XAML中的风格。检查上面。这里需要注意的一点是，您必须像我设置的那样设置Background Foreground的{{1}}和Button属性。

如何更改禁用WPF按钮的按钮样式？

1 个答案: