ScaleTransform преобразовывает нелинейно - PullRequest
Новая
       21

ScaleTransform преобразовывает нелинейно

0 голосов
/ 08 июня 2010

Я использую масштабное преобразование, чтобы позволить пользователю изменить размер элемента управления. Однако происходит то, что когда вы начинаете двигать мышь, элемент управления переходит на новый размер, а затем странным образом масштабируется. Чем дальше вы перемещаете мышь из исходного положения, тем больше увеличивается размер.

Я рассчитываю на то, как рассчитать применяемую шкалу. Вот код: 

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>

1 Ответ

0 голосов
/ 08 июня 2010

По какой причине вы не используете ResizeContainer.RenderTransfrom вместо ResizeContainer.LayoutTransform? То есть используйте 

ResizeContainer.LayoutTransform = scale;

Если вы хотите, чтобы шкала была линейной, я думаю, вы должны использовать 

double scaler = 1 - diff / ResizeContainer.ActualWidth;

EDIT:

В коде есть ошибка, из-за которой масштабированный элемент управления «скачет» в размере, если вы попытаетесь изменить его размер более одного раза. Я предлагаю вам сделать следующее:

Добавьте 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;
}

Таким образом, вы изменяете масштаб на любую небольшую величину, которую перемещала мышь при перетаскивании. Все дочерние элементы управления в сетке также должны масштабироваться.

...