logo

Live Production Software Forums

www.vmix.com

Welcome Guest! To enable all features please Login or Register.

Notification

Icon
Error
Animation Lag when importing XAML from Blend
Options
Go to last post Go to first unread
Previous Topic Next Topic
davidcallahan  
#1 Posted : Tuesday, February 4, 2020 9:52:34 PM(UTC)
davidcallahan

Rank: Advanced Member

Groups: Registered
Joined: 1/22/2020(UTC)
Posts: 47
France
Location: Montpellier

Thanks: 14 times
Was thanked: 2 time(s) in 2 post(s)
Hi,

I'm currently trying to do some animations on Blend for VS 2017, and it works fine on Blend (On which I'm on NET 3.5) but once in VMIX it's like there a drop frame.
I'm trying to ease out the animation to have something smooth.

Here are some tests for you to see :

https://www.youtube.com/watch?v=...mWQ&feature=youtu.be

Here is the code :

Code:
<UserControl
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:my="clr-namespace:vMixTitleLibrary;assembly=MTA" xmlns:ec="http://schemas.microsoft.com/expression/2010/controls" x:Class="UserControl2"
mc:Ignorable="d"
d:DesignHeight="1080" d:DesignWidth="1920" Width="1920" Height="1080">
    <UserControl.Resources>
        <Storyboard x:Key="AnimSynthés" >
            <DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.RenderTransform).(TransformGroup.Children)[3].(TranslateTransform.X)" Storyboard.TargetName="TextBottom">
                <SplineDoubleKeyFrame KeyTime="0" Value="1844"/>
                <SplineDoubleKeyFrame KeyTime="0:0:0.72" Value="0" KeySpline="0,0,0.12,1"/>
            </DoubleAnimationUsingKeyFrames>
        </Storyboard>
    </UserControl.Resources>
    <UserControl.Triggers>
        <EventTrigger RoutedEvent="FrameworkElement.Loaded">
            <BeginStoryboard Storyboard="{StaticResource AnimSynthés}"/>
        </EventTrigger>
    </UserControl.Triggers>
    <Grid Margin="0,0,-8,0">

        <Rectangle x:Name="rectangle" Fill="White" HorizontalAlignment="Left" Height="114.12" Margin="95.98,756.005,0,0" VerticalAlignment="Top" Width="{Binding Width, ElementName=TextBottom}" RenderTransformOrigin="0.5,0.5">
            <Rectangle.RenderTransform>
                <TransformGroup>
                    <ScaleTransform/>
                    <SkewTransform/>
                    <RotateTransform/>
                    <TranslateTransform/>
                </TransformGroup>
            </Rectangle.RenderTransform>
        </Rectangle>
        <TextBlock Name="TextTop" HorizontalAlignment="Left" Height="111.048" Margin="95.98,756.005,0,0" TextWrapping="Wrap" Text="Text on Top"   VerticalAlignment="Top" FontFamily="Ubuntu Medium" TextAlignment="Left" Foreground="#FF5B83A2" FontSize="57" Padding="0" RenderTransformOrigin="0.5,0.5">
            <TextBlock.RenderTransform>
                <TransformGroup>
                    <ScaleTransform/>
                    <SkewTransform/>
                    <RotateTransform/>
                    <TranslateTransform/>
                </TransformGroup>
            </TextBlock.RenderTransform>
        </TextBlock>
        <TextBlock Name="TextBottom" HorizontalAlignment="Left" Margin="100.98,820.952,0,0" TextWrapping="Wrap"   VerticalAlignment="Top" FontFamily="Ubuntu Normal" TextAlignment="Left" Foreground="#FF5B83A2" FontSize="40" Padding="0" Text="Text on Bottom" RenderTransformOrigin="0.5,0.5" Opacity="1">
            <TextBlock.RenderTransform>
                <TransformGroup>
                    <ScaleTransform/>
                    <SkewTransform/>
                    <RotateTransform/>
                    <TranslateTransform/>
                </TransformGroup>
            </TextBlock.RenderTransform>
        </TextBlock>
        <TextBlock Name="RectSize" HorizontalAlignment="Left" Height="108.995" Margin="132.897,909.155,0,0" TextWrapping="Wrap" Opacity="0"  VerticalAlignment="Top" Width="1728.145" FontFamily="Ubuntu Normal" TextAlignment="Left" Foreground="#FF5B83A2" FontSize="40" Padding="0" Text="500"/>


    </Grid>
</UserControl>


I might be missing something here ?
Thanks !
Back to top

Wanna join the discussion?! Login to your vMix Forums forum account, or Register a new forum account.
Back to top  
doggy  
#2 Posted : Wednesday, February 5, 2020 3:53:00 AM(UTC)
doggy

Rank: Advanced Member

Groups: Registered
Joined: 12/27/2012(UTC)
Posts: 5,243
Belgium
Location: Belgium

Thanks: 294 times
Was thanked: 960 time(s) in 794 post(s)
First : your video is set to private

second: what are you trying to achieve here ? Width="{Binding Width, ElementName=TextBottom}"
Back to top
davidcallahan  
#3 Posted : Wednesday, February 5, 2020 8:37:33 PM(UTC)
davidcallahan

Rank: Advanced Member

Groups: Registered
Joined: 1/22/2020(UTC)
Posts: 47
France
Location: Montpellier

Thanks: 14 times
Was thanked: 2 time(s) in 2 post(s)
Originally Posted by: doggy Go to Quoted Post
First : your video is set to private

That should be ok !

Originally Posted by: doggy Go to Quoted Post

second: what are you trying to achieve here ? Width="{Binding Width, ElementName=TextBottom}"


My text's width is set to Auto, so it increase/decrease depending on the Text. Then the width of the rectangle gets the Text's width.
It's actually doing what we can do from the Bounding option of last version of the GT designer.
Back to top
Users browsing this topic
Guest (2)
Forum Jump  
You cannot post new topics in this forum.
You cannot reply to topics in this forum.
You cannot delete your posts in this forum.
You cannot edit your posts in this forum.
You cannot create polls in this forum.
You cannot vote in polls in this forum.

Privacy Policy | Powered by YAF.NET | YAF.NET © 2003-2024, Yet Another Forum.NET
This page was generated in 0.138 seconds.