WPF画布元素对Y的含义都有不同的认识

如何解决WPF画布元素对Y的含义都有不同的认识

我在ItemsControl + datatemplate的WPF画布上放置了一堆元素。它们都有X和Y坐标。他们也四处走动。我遍历元素，然后从其X和/或Y坐标中添加或减去一定量。

听起来很容易拉。有点用。问题在于，每个元素似乎对Y的含义都有不同的认识。

如果元素接触画布的侧面，则它们应弹回。它适用于除底面以外的所有面。我在Y 400处定义了底部，因此他们永远都不能超过此值。他们似乎对Y 400的含义有不同的看法。

这意味着它们都在与底部不同的时刻反弹。

 <Canvas x:Name="Canvas" Background="LightGray" Grid.Row="0" Grid.Column="0" Width="800" Height="600">
            <ItemsControl x:Name="SpaceObjectsIC"
                          ItemsSource="{Binding SpaceObjects,Mode=OneWay,UpdateSourceTrigger=PropertyChanged}">
                <ItemsControl.ItemTemplate>
                    <DataTemplate>
                        <Ellipse Fill="{Binding Color,Converter={StaticResource ColorConverter}}"
                                 Height="{Binding Radius}" Width="{Binding Radius}" Tag="{Binding Name}"
                                 ClipToBounds="True">
                            <Ellipse.RenderTransform>
                                <TranslateTransform X="{Binding X}" Y="{Binding Y}" />
                            </Ellipse.RenderTransform>
                        </Ellipse>
                    </DataTemplate>
                </ItemsControl.ItemTemplate>
            </ItemsControl>
        </Canvas>

这是spaceobject类的一部分的move方法。画布上的每个元素都使用此方法移动+检查它们是否碰到了画布的侧面。对于某些元素，我定义为画布底部的400起作用了。对于大多数而言，不是。

X和Y是元素的十进制坐标。 _vx和_vy是它们在X或Y方向上移动的量。两者均为小数。过去是浮动的，我也尝试过加倍，但是没有一个改变结果。

public void Move()
        {
            X += _vx;
            Y += _vy;

            int newRad = (int) Radius;

            // leftside canvas
            if (X < -10 + newRad)
            {
                _vx = Math.Abs(_vx);
                Color = Color.Brown;
            }

            // rightside canvas
            if (X > 770 - newRad)
            {
                _vx = -Vx;
                Color = Color.Blue;
            }

            // topside canvas
            if (Y < 0 + newRad)
            {
                _vy = Math.Abs(_vy);
                Color = Color.Pink;
            }

            // bottomside canvas
           if (Y > 400 - newRad)
            {
                _vy = -_vy;
                Color = Color.Orange;
            }
        }

如果需要更多代码，请告诉我，但是没有比这更多的代码了。在此之前，我唯一要做的就是创建元素。只需设置一堆小数。

在此图片中，您看到树点。左边的是as8，右边的是as20和as21。在屏幕的右侧，您可以看到这些元素的X和Y（顶部x，下方Y）。

您可以看到as8恰好在as20和as21之间，因此它的Y坐标应该在300和312之间。但是，它的位置要高得多！

完整xaml

<Page x:Class="Flat_space.View.Pages.Space.Space"
      xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
      xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
      xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
      xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
      xmlns:local="clr-namespace:Flat_space.View.Pages.Space"
      xmlns:i="http://schemas.microsoft.com/expression/2010/interactivity"
      xmlns:converters="clr-namespace:Flat_space.Converters"
      mc:Ignorable="d"
      Title="Space"
      DataContext="{Binding Space,Source={StaticResource Locator}}">

    <i:Interaction.Triggers>
        <i:EventTrigger EventName="Loaded">
            <i:InvokeCommandAction Command="{Binding LoadSpaceCommand}" />
        </i:EventTrigger>
    </i:Interaction.Triggers>

    <Page.Resources>
        <converters:ColorConverter x:Key="ColorConverter" />
        <converters:BoolToEnabledConverter x:Key="BoolToEnabledConverter" />
    </Page.Resources>

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

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

        <Canvas x:Name="Canvas" Background="LightGray" Grid.Row="0" Grid.Column="0" Width="800" Height="600">
            <ItemsControl x:Name="SpaceObjectsIC"
                          ItemsSource="{Binding SpaceObjects,Converter={StaticResource ColorConverter}}"
                                 Height="{Binding Radius}" Width="{Binding Radius}" Tag="{Binding Name}"
                                 ClipToBounds="True">
                            <Ellipse.RenderTransform>
                                <TranslateTransform X="{Binding X}" Y="{Binding Y}" />
                            </Ellipse.RenderTransform>
                        </Ellipse>
                    </DataTemplate>
                </ItemsControl.ItemTemplate>
            </ItemsControl>
        </Canvas>

        <StackPanel HorizontalAlignment="Center" VerticalAlignment="Center" Grid.Row="1" Grid.ColumnSpan="3"
                    Grid.Column="0"
                    Orientation="Vertical">
            <TextBlock Foreground="Green" Text="{Binding SimulationState,NotifyOnSourceUpdated=True}" />
            <StackPanel HorizontalAlignment="Center" VerticalAlignment="Center" Grid.Row="1" Grid.ColumnSpan="3"
                        Orientation="Horizontal">
                <Button Command="{Binding BackToMainMenuCommand}" Margin="0,5,0">Back To Main Menu</Button>
                <Button>Back 5 Seconds</Button>
                <Button x:Name="StartButton" Command="{Binding StartCommand}" Margin="5,0">Start</Button>
                <Button x:Name="StopButton" Command="{Binding StopCommand}" Margin="5,0">Stop</Button>
                <Button>Forward 5 Seconds</Button>
                <Button Command="{Binding SpaceDetailsCommand}">Data details</Button>
            </StackPanel>
        </StackPanel>
    </Grid>
</Page>

WPF画布元素对Y的含义都有不同的认识

如何解决WPF画布元素对Y的含义都有不同的认识

相关推荐