Скалетронсформа преобразует нелинейно
-
24-10-2019 - |
Вопрос
Я использую преобразование шкалы, чтобы позволить пользователю изменять размер управления. Однако, когда вы начинаете перемещать мышь, управление прыгает до нового размера, а затем странно масштабируется. Чем дальше вы перемещаете свою мышь из начального местоположения, тем больше становится увеличение размера.
Я ожидаю, что это то, как я рассчитываю масштаб, который будет применен. Вот код:
private void ResizeGrip_MouseDown(object sender, MouseButtonEventArgs e)
{
ResizeHandle.CaptureMouse();
//Get the initial coordinate cursor location on the window
initBtmX = e.GetPosition(this).X;
bottomResize = true;
}
private void ResizeGrip_MouseUp(object sender, MouseButtonEventArgs e)
{
bottomResize = false;
ResizeHandle.ReleaseMouseCapture();
}
private void ResizeGrip_MouseMove(object sender, MouseEventArgs e)
{
if( bottomResize == true)
{
//Get the new Y coordinate cursor location
double newBtmX = e.GetPosition(this).X;
//Get the smallest change between the initial and new cursor location
double diffX = initBtmX - newBtmX;
// Let our rectangle capture the mouse
ResizeHandle.CaptureMouse();
double newWidth = e.GetPosition(this).X - diffX;
double scaler = newWidth / ResizeContainer.ActualWidth;
Console.WriteLine("newWidth: {0}, scalar: {1}", newWidth, scaler);
if (scaler < 0.75 || scaler > 3)
return;
ScaleTransform scale = new ScaleTransform(scaler, scaler);
ResizeContainer.LayoutTransform = scale;
}
}
Обновление: теперь с XAML
<wtk:IToolDialog x:Name="VideoPlayer" ParentControl="{Binding ElementName=Stage}" DialogTitle="Video Player" Margin="90,5,0,0">
<Grid>
<Grid x:Name="ResizeContainer" ClipToBounds="True" Width="320" Height="240" HorizontalAlignment="Center" VerticalAlignment="Bottom" Margin="0,0,0,1">
<!-- The video frame -->
<Image Stretch="Fill" Source="{Binding CurrentFrameImage}" x:Name="VideoImage" />
<Grid>
<pplcontrols:VideoGroundPlane Foreground="Black" GridSize="20" GroundPlane="{Binding GroundPlane}">
</pplcontrols:VideoGroundPlane>
</Grid>
<Grid x:Name="HitMask" IsHitTestVisible="False"/>
</Grid>
<ResizeGrip Cursor="SizeNWSE" x:Name="ResizeHandle" VerticalAlignment="Bottom" HorizontalAlignment="Right" Mouse.MouseDown="ResizeGrip_MouseDown" Mouse.MouseUp="ResizeGrip_MouseUp" Mouse.MouseMove="ResizeGrip_MouseMove"></ResizeGrip>
</Grid>
</wtk:IToolDialog>
Решение
Любая причина, по которой вы не используете relesizecontainer.rendertransfrom вместо resizecontainer.layouttransform? Т.е. использование
ResizeContainer.LayoutTransform = scale;
Если вы хотите, чтобы шкала была линейной, я думаю, вы должны использовать
double scaler = 1 - diff / ResizeContainer.ActualWidth;
РЕДАКТИРОВАТЬ:
В коде есть ошибка, которая заставляет масштабированное управление «прыгать» по размеру, если вы попытаетесь изменить размер более одного раза. Я предлагаю вам сделать следующее:
Добавьте RenderTransform в свою сетку ResizeContainer:
<Grid.RenderTransform>
<ScaleTransform x:Name="transform" ScaleX="1" ScaleY="1" />
</Grid.RenderTransform>
Измените код в вашем обработчике событий MouseMove на следующее:
if (bottomResize)
{
double newBtmX = e.GetPosition(this).X;
double scaler = -(initBtmX - newBtmX) / grid1.ActualWidth;
initBtmX = newBtmX;
transform.ScaleX += scaler;
transform.ScaleY += scaler;
}
Таким образом, вы меняете масштаб на любую небольшую сумму, которую мышь двигалась во время перетаскивания. Все управления ребенком в сетке также должны масштабироваться.