单击更改ObservableCollection后未触发事件

本文关键字:事件 ObservableCollection 单击 | 更新日期: 2023-09-27 18:00:59

我对WPF没有经验,所以请原谅我的理解不足。

编辑:我正在开发一个简单的国际象棋GUI,棋子移动得很好,直到有人试图移动已经移动的棋子。如果我们试图将工件移动到先前占用的广场,则单击事件根本不会启动。如果我们试图将其移动到以前未被触及的正方形,事件将触发,但UI不会更新。

这是棋盘的XAML(从这里借用:构建国际象棋应用程序所需的WPF控件(:

<Window x:Class="Client.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:Client"
        xmlns:defaults="clr-namespace:butnotquite.Defaults;assembly=butnotquite"
        mc:Ignorable="d" 
        Title="butnotquite Chess" Height="600" Width="600">
    <Window.Resources>
        <DrawingBrush x:Key="Checkerboard" Stretch="None" TileMode="Tile" Viewport="0,0,2,2" ViewportUnits="Absolute">
            <DrawingBrush.Drawing>
                <DrawingGroup>
                    <GeometryDrawing Brush="Tan">
                        <GeometryDrawing.Geometry>
                            <RectangleGeometry Rect="0,0,2,2" />
                        </GeometryDrawing.Geometry>
                    </GeometryDrawing>
                    <GeometryDrawing Brush="Brown">
                        <GeometryDrawing.Geometry>
                            <GeometryGroup>
                                <RectangleGeometry Rect="0,0,1,1" />
                                <RectangleGeometry Rect="1,1,1,1" />
                            </GeometryGroup>
                        </GeometryDrawing.Geometry>
                    </GeometryDrawing>
                </DrawingGroup>
            </DrawingBrush.Drawing>
        </DrawingBrush>
        <Style x:Key="PieceStyle" TargetType="{x:Type Image}">
            <Style.Triggers>
                <MultiDataTrigger>
                <MultiDataTrigger.Conditions>
                    <Condition Binding="{Binding PieceType}" Value="{x:Static defaults:PieceType.None}"/>
                    <Condition Binding="{Binding Color}" Value="{x:Static defaults:Color.None}"/>
                </MultiDataTrigger.Conditions>
                <MultiDataTrigger.Setters>
                    <Setter Property="Image.Source" Value="/Images/empty_square.png" />
                </MultiDataTrigger.Setters>
            </MultiDataTrigger>
            <MultiDataTrigger>
                <MultiDataTrigger.Conditions>
                    <Condition Binding="{Binding PieceType}" Value="{x:Static defaults:PieceType.Pawn}"/>
                    <Condition Binding="{Binding Color}" Value="{x:Static defaults:Color.White}"/>
                </MultiDataTrigger.Conditions>
                <MultiDataTrigger.Setters>
                    <Setter Property="Image.Source" Value="/Images/white_pawn.png" />
                </MultiDataTrigger.Setters>
            </MultiDataTrigger>             
            </Style.Triggers>
        </Style>
    </Window.Resources>
    <Viewbox>
        <ItemsControl Name="ChessboardUI">
            <ItemsControl.ItemsPanel>
                <ItemsPanelTemplate>
                    <Canvas Width="8" Height="8" Background="{StaticResource Checkerboard}"/>
                </ItemsPanelTemplate>
            </ItemsControl.ItemsPanel>
            <ItemsControl.ItemTemplate>
                <DataTemplate>
                    <Border Name="square"  PreviewMouseDown="square_MouseLeftButtonDown" Width="1" Height="1" >
                        <Image Width="0.8" Height="0.8" Style="{StaticResource PieceStyle}"/>
                    </Border>
                </DataTemplate>
            </ItemsControl.ItemTemplate>
            <ItemsControl.ItemContainerStyle>
                <Style>
                    <Setter Property="Canvas.Left" Value="{Binding Position.X}" />
                    <Setter Property="Canvas.Top" Value="{Binding Position.Y}" />
                </Style>
            </ItemsControl.ItemContainerStyle>
        </ItemsControl>
    </Viewbox>
</Window>

我已经为所有部分提交了多数据触发器,因为它们都是相似的。

这是视图模型。我正在使用MVVMLight库:

public class PieceViewModel : ViewModelBase
{
    private PieceType pieceType;
    private Color color;
    private Point position;
    public PieceType PieceType
    {
        get
        {
            return this.pieceType;
        }
        set
        {
            this.pieceType = value;
            base.RaisePropertyChanged(() => this.PieceType);
        }
    }
    public Color Color
    {
        get
        {
            return this.color;
        }
        set
        {
            this.color = value;
            base.RaisePropertyChanged(() => this.Color);
        }
    }
    public Point Position
    {
        get
        {
            return this.position;
        }
        set
        {
            this.position = value;
            base.RaisePropertyChanged(() => this.Position);
        }
    }
}

以下是我如何填写ObservableCollection:

private void BindPieces()
    {
        this.chessboard = new Chessboard(false);
        this.pieces = new ObservableCollection<PieceViewModel>();
        for (int square = 0; square < this.chessboard.Board.Length; square++)
        {
            int x = square % 8;
            int y = square / 8;
            Point position = new Point(x, y);
            PieceViewModel pieceModel = new PieceViewModel()
            {
                PieceType = this.chessboard.Board[square].OccupiedBy.Type,
                Color = this.chessboard.Board[square].OccupiedBy.Color,
                Position = position
            };
            this.pieces.Add(pieceModel);
        }
        this.ChessboardUI.ItemsSource = this.pieces;
    }

更多代码可在此处找到:https://github.com/YouJinTou/butnotquite/tree/master/Client

谢谢你的帮助。

单击更改ObservableCollection后未触发事件

正如lokusking所评论的,集合只需要实例化一次,这里就是这样;然而,我未能清除它,并在每次点击后重新绑定它。这似乎是一个棘手的解决方案,但它确实有效。