1

我为我的英语语法弱点道歉。我尝试在 WPF 网格中绘制一个矩形。我画了它，但在网格的右侧和底部看不到这个矩形。我应该怎么办？这是我的 XAML 和代码。

< 窗口 x:Class="DrawCircle.MainWindow"

    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"

    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"

    Title="MainWindow" Height="350" Width="525"
    MouseLeftButtonUp="window_MousLefteUp" MouseRightButtonUp="window_MouseRightButtonUp"
    MouseMove="Grid_MouseMove"
    MouseDown="Grid_MouseDown" >

<Grid x:Name="window"  Margin="0,0,0,0" Background="PaleGreen"  VerticalAlignment="Stretch" HorizontalAlignment="Stretch" ClipToBounds="False">

    <Grid.RenderTransform>
        <TransformGroup>

            <ScaleTransform x:Name="scaleTransform1" ScaleX="0.5" ScaleY="0.5" />
            <TranslateTransform x:Name="translateTransform1" X="0" Y="0" />

        </TransformGroup>
    </Grid.RenderTransform>

</Grid>

它的背后代码是：

public partial class MainWindow : Window
{

    bool cornerPointed = false;
    Point corner1;
    Rectangle myRectangle;        

    public MainWindow()
    {
        InitializeComponent();
        myRectangle = new Rectangle();
        myRectangle.HorizontalAlignment = HorizontalAlignment.Left;
        myRectangle.VerticalAlignment = VerticalAlignment.Top;
        myRectangle.Stroke = Brushes.Red;
        window.Children.Add(myRectangle);
    }
    private void Grid_MouseDown(object sender, MouseButtonEventArgs e)
    {

        cornerPointed = true;
        corner1 = new Point(e.GetPosition(this.window).X, e.GetPosition(this.window).Y);
        myRectangle.Margin = new Thickness(corner1.X, corner1.Y, 0, 0);
    }

    private void Grid_MouseMove(object sender, MouseEventArgs e)
    {
        if (cornerPointed == true)
        {
            Point corner2 = e.GetPosition(this.window);
            myRectangle.Margin = new Thickness(System.Math.Min(corner1.X, corner2.X),
                                               System.Math.Min(corner1.Y, corner2.Y),
                                               0, 0);
            myRectangle.Width = Math.Abs(e.GetPosition(this.window).X - corner1.X);
            myRectangle.Height = Math.Abs(e.GetPosition(this.window).Y - corner1.Y);
        }
    }

    private void window_MousLefteUp(object sender, MouseButtonEventArgs e)
    {

        cornerPointed = false;
        myRectangle = new Rectangle();
        myRectangle.HorizontalAlignment = HorizontalAlignment.Left;
        myRectangle.VerticalAlignment = VerticalAlignment.Top;
        myRectangle.Stroke = Brushes.Red;
        window.Children.Add(myRectangle);

    }
}
4

2 回答 2

0

scaletransform 正在缩小你的绿色网格。由于您直接在绿色网格上绘制红色矩形，因此红色矩形不能超出绿色。

如果你想让绿色变得那么小，但到处都有红色，那么你可以使用另一个像这样的网格：

  <Grid x:Name="window">
    <Grid Background="PaleGreen">
      <Grid.RenderTransform>
        <TransformGroup>
          <ScaleTransform x:Name="scaleTransform1" ScaleX="0.5" ScaleY="0.5" />
          <TranslateTransform x:Name="translateTransform1" X="0" Y="0" />
        </TransformGroup>
      </Grid.RenderTransform>
    </Grid>
  </Grid>

编辑：这是一个使用滑块来演示“缩放”效果的附加示例。当您移动滑块时，红色矩形也会被缩放。 

  <DockPanel LastChildFill="True">
    <Slider x:Name="sldZoom" DockPanel.Dock="Top" Orientation="Horizontal" Minimum="0" Maximum="1" Value="1"/>
    <Grid Background="PaleGreen" x:Name="window">
      <Grid.RenderTransform>
        <TransformGroup>
          <ScaleTransform x:Name="scaleTransform1"
                          ScaleX="{Binding ElementName=sldZoom, Path=Value, Mode=OneWay}"
                          ScaleY="{Binding ElementName=sldZoom, Path=Value, Mode=OneWay}" />
        </TransformGroup>
      </Grid.RenderTransform>
    </Grid>
  </DockPanel>

EDIT2：如果您愿意，您还可以更改滑块的比例（或您使用的任何绑定属性）。例如.. 而不是使用 0-1 比例，您可以使用 0-10 比例。这意味着，当您将其设置为 10 时，您将获得 10 倍缩放效果。

如果您想禁用缩小到无法写入的空白点，则将基本比例设置为 1。这是一个滑块，您可以放入我上面的示例中，它将为您提供 1-10 倍的比例。这将禁止用户缩小到无法写入的区域。（您可以使用数字来获得您喜欢的任何设置）。

<Slider x:Name="sldZoom" DockPanel.Dock="Top" Orientation="Horizontal" Minimum="1" Maximum="10" Value="2"/>
于 2012-11-13T14:20:05.783 回答
0

你是在问为什么绿色网格没有填满整个窗口？如果是这样，那是因为这条线将网格的宽度和高度缩小了 50%：

<ScaleTransform x:Name="scaleTransform1" ScaleX="0.5" ScaleY="0.5" />

如果这不是问题，请澄清问题是什么。

于 2012-11-13T14:13:49.460 回答