0

我正在使用以下 WPF

<Button Style="{DynamicResource NoChromeButton}" x:Name="cmdImage" Grid.Row="1" Margin="10" MouseDoubleClick="cmdImage_MouseDoubleClick" MouseDown="imgMain_MouseDown_1" MouseMove="imgMain_MouseMove_1" MouseUp="imgMain_MouseUp_1">
    <Grid x:Name="ImageGrid">
        <Image x:Name="imgMain" Panel.ZIndex="0" />
        <Button x:Name="rectBounds" Template="{StaticResource DesignerItemTemplate}" Visibility="Hidden" IsVisibleChanged="Button_IsVisibleChanged" Panel.ZIndex="1" />
    </Grid>
</Button>

奇怪的是,最外层按钮的MouseUpMouseDownMouseMove事件甚至不会触发ImageSource,如果Image不是null(加载了图像)。

我尝试将它们移至Image控件。它们确实触发了,但行为出乎意料。

private void imgMain_MouseDown_1(object sender, MouseButtonEventArgs e)
{
    startPoint = e.GetPosition(ImageGrid);
    rect = new Rectangle
                {
                    Margin =
                        new Thickness(e.GetPosition(ImageGrid).X, e.GetPosition(ImageGrid).Y,
                                        ImageGrid.ActualWidth - e.GetPosition(ImageGrid).X,
                                        ImageGrid.ActualHeight - e.GetPosition(ImageGrid).Y),
                    Stroke = Brushes.Black,
                    StrokeThickness = 1.0
                };
    ImageGrid.Children.Add(rect);
    Panel.SetZIndex(rect, 2);
}

private void imgMain_MouseMove_1(object sender, MouseEventArgs e)
{
    if (e.LeftButton == MouseButtonState.Released || rect == null)
        return;

    Point pos = e.GetPosition(ImageGrid);

    double x = Math.Min(pos.X, startPoint.X);
    double y = Math.Min(pos.Y, startPoint.Y);

    double w = Math.Max(pos.X, startPoint.X) - x;
    double h = Math.Max(pos.Y, startPoint.Y) - y;

    rect.Margin = new Thickness(x, y, ImageGrid.ActualWidth - x - w, ImageGrid.ActualHeight - y - h);
}

private void imgMain_MouseUp_1(object sender, MouseButtonEventArgs e)
{
    rect = null;
}

按照所有明显的规则,应该会出现一个可拖动的矩形,一旦松开鼠标按钮就会消失。它没有。有趣的是,当我更改 的可见性时rectBounds,会出现一个矩形。

4

1 回答 1

0

这里有几件事要解决。

首先,您的 XAML。另一个按钮内的按钮?我无法想象那应该是什么感觉。然后ZIndex. 这是多余的,因为 Image 和 Button 在同一个 Grid 单元格中,并且 Image 在 Button 之前声明。而且也没有必要设置新创建Rectangle的 in imgMain_MouseDown_1

奇怪的是,如果 Image 的 ImageSource 不为空,最外层按钮的 MouseUp、MouseDown 和 MouseMove 事件甚至都不会触发。

这正是您所期望的,因为鼠标事件仅在实际绘制的控件区域(即命中测试成功的区域)上生成。当没有实际内容(您的示例中没有图像)时,命中测试会失败。您可以简单地为 Grid 分配一个透明背景,以确保命中测试始终成功:

<Grid x:Name="ImageGrid" Background="Transparent">
    <Image x:Name="imgMain" />
    <Button x:Name="rectBounds" Template="{StaticResource DesignerItemTemplate}" Visibility="Hidden" IsVisibleChanged="Button_IsVisibleChanged" />
</Grid>

按照所有明显的规则,应该会出现一个可拖动的矩形,一旦松开鼠标按钮就会消失。

不,不应该,除非您实际上从网格中删除了该矩形。设置rect = null不会那样做。

private void imgMain_MouseUp_1(object sender, MouseButtonEventArgs e)
{
    ImageGrid.Children.Remove(rect);
    rect = null;
}
于 2013-01-13T09:42:18.527 回答