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

本文关键字：不成比例 拖动 控件 用户 调整 WPF | 更新日期: 2023-09-27 18:04:30

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

这是usercontrol:

<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);
    }

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

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

问题是，因为你的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>
相关文章：