c# - 通过拇指调整用户控件的 wpf 大小与拖动不成比例

Question

我正在尝试通过位于用户控件本身内部的拇指来调整自定义用户控件的大小。

这是用户控件:

<UserControl x:Class="ER.Entity"
         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:ER"
         mc:Ignorable="d"
         Name="entityRoot">
<Grid Name="entityGrid">
    <Thumb x:Name="resizeThumb" Height="10" Width="10" Margin="200,90,-15,-10" DragDelta="Resize" />
    <Border  Opacity="100" BorderThickness="5" BorderBrush="Black">
        <TextBlock x:Name="textBox1" TextWrapping="Wrap" Text="{Binding ElementName=entityRoot, Path=EntityName}" VerticalAlignment="Top" PreviewMouseDown="EntityPreviewMouseDownHandler" PreviewMouseMove="EntityPreviewMouseMoveHandler" PreviewMouseUp="EntityPreviewMouseUpHandler" />
    </Border>
</Grid>

这是由 DragDelta 事件触发的方法:

private void Resize(object sender, System.Windows.Controls.Primitives.DragDeltaEventArgs e)
    {
        entityGrid.SetValue(WidthProperty, entityGrid.ActualWidth + e.HorizontalChange);
        entityGrid.SetValue(HeightProperty, entityGrid.ActualHeight + e.VerticalChange);
    }

问题是，当我拖动拇指时，用户控件的大小调整比鼠标移动大得多。

Answer 1

问题是因为你的Thumb对象被引用到 Grid 的左侧和顶部，当您更改 Grid 的大小时这反过来又导致Thumb的有效相对运动。除了鼠标引起的移动之外。

更改 Thumb对齐为Right和Bottom ，并移动Thumb定位来自Thumb.Margin到Grid的Width和Height属性允许 Thumb调整 Grid 的大小按预期:

<Grid Name="entityGrid" Width="200" Height="90">
  <Thumb x:Name="resizeThumb" Height="10" Width="10"
         HorizontalAlignment="Right" VerticalAlignment="Bottom"
         Margin="0,0,-15,-10" DragDelta="Resize" />
  <Border  Opacity="100" BorderThickness="2" BorderBrush="Black">
    <TextBlock x:Name="textBox1" TextWrapping="Wrap"
               Text="{Binding ElementName=entityRoot, Path=EntityName}"
               VerticalAlignment="Top"
               PreviewMouseDown="EntityPreviewMouseDownHandler"
               PreviewMouseMove="EntityPreviewMouseMoveHandler" 
               PreviewMouseUp="EntityPreviewMouseUpHandler" />
  </Border>
</Grid>