Rank: Advanced Member
Groups: Registered
Joined: 9/1/2015(UTC) Posts: 126  Location: Ecuador Thanks: 2 times
Was thanked: 16 time(s) in 12 post(s)
|
Hi, add a clock to the tickerHD to customize the design, but the movement of the text is reset every second or minute of the clock, it is as if it were synchronized. Please any help you can give me to fix it. I leave the code xaml Code:<UserControl x:Class="TickerHD"
xmlns:my="clr-namespace:vMixTitleLibrary;assembly=vMixTitleLibrary"
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"
mc:Ignorable="d" Width="1920" Height="1080">
<UserControl.Resources>
<my:DoubleReverseConverter x:Key="DoubleReverseConverter"></my:DoubleReverseConverter>
<Storyboard RepeatBehavior="Forever" x:Key="tickerStoryboard">
<DoubleAnimation
Storyboard.TargetName="AnimatedTicker"
Storyboard.TargetProperty="(UIElement.RenderTransform).(TranslateTransform.X)"
From="1920" To="{Binding ElementName=AnimatedTicker, Path=ActualWidth, Mode=OneWay, Converter={StaticResource DoubleReverseConverter}}"
AutoReverse="False" RepeatBehavior="Forever" Duration="0:2:40" />
</Storyboard>
</UserControl.Resources>
<Grid>
<Rectangle Height="130" HorizontalAlignment="Left" x:Name="Rectangle1" VerticalAlignment="Bottom" Width="1920" StrokeThickness="0" Tag="Static" Opacity="0.445">
<Rectangle.Fill>
<LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
<GradientStop Color="#AA000000" Offset="0" />
<GradientStop Color="Black" Offset="1" />
</LinearGradientBrush>
</Rectangle.Fill>
</Rectangle>
<Canvas VerticalAlignment="Center" Height="130" Margin="0,950,0,0">
<TextBlock Height="88" HorizontalAlignment="Left" x:Name="AnimatedTicker" VerticalAlignment="Center" Width="Auto" Foreground="White" FontSize="60" Canvas.Top="12" FontWeight="Bold" FontFamily="Century Gothic"><TextBlock.RenderTransform>
<TranslateTransform X="0" Y="0"/>
</TextBlock.RenderTransform><Run Text="Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc non hendrerit lectus. Duis bibendum posuere elit. Aenean sit amet lacus vel leo sollicitudin rhoncus. Donec magna neque, congue at sodales sit amet, venenatis quis felis. Curabitur lacinia semper justo, vitae lobortis augue placerat ac. Donec turpis nisi, hendrerit ut iaculis a, sodales varius libero. Mauris neque arcu, lacinia nec aliquam id, cursus et ante. Fusce porta convallis rhoncus. Aliquam erat volutpat. Nulla facilisi. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed a augue velit, et cursus quam. Cras massa mauris, dictum quis aliquet ut, eleifend ut risus. "/></TextBlock>
</Canvas>
<Canvas Margin="-57.718,0,0,0" Height="130" VerticalAlignment="Bottom">
<Rectangle Height="20" HorizontalAlignment="Left" x:Name="line" Stroke="Black" Width="1920" StrokeThickness="0" Tag="Static" RenderTransformOrigin="0.5,0.5" Canvas.Left="57.718" Canvas.Top="110">
<Rectangle.RenderTransform>
<TransformGroup>
<ScaleTransform/>
<SkewTransform/>
<RotateTransform/>
<TranslateTransform/>
</TransformGroup>
</Rectangle.RenderTransform>
<Rectangle.Fill>
<LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
<GradientStop Color="#FFFFBB00" Offset="0" />
<GradientStop Color="#FFAA7D00" Offset="1" />
</LinearGradientBrush>
</Rectangle.Fill>
</Rectangle>
<Rectangle Height="130" HorizontalAlignment="Left" x:Name="logo" Stroke="Black" Width="467.352" StrokeThickness="0" Tag="Static" RenderTransformOrigin="0.5,0.5">
<Rectangle.Fill>
<LinearGradientBrush EndPoint="69.9,-79" StartPoint="276.6,0" MappingMode="Absolute">
<GradientStop Color="#FFFFBB00" Offset="0"/>
<GradientStop Color="#FF4D2000" Offset="1"/>
</LinearGradientBrush>
</Rectangle.Fill>
<Rectangle.RenderTransform>
<TransformGroup>
<ScaleTransform/>
<SkewTransform AngleX="30"/>
<RotateTransform/>
<TranslateTransform/>
</TransformGroup>
</Rectangle.RenderTransform>
</Rectangle>
<my:TextBlockDesign x:Name="Time" Fill="White" FontSize="63" FontWeight="Bold" Text="{}{0:HH:mmm:ss}" Stroke="Black" StrokeThickness="1" FontFamily="Century Gothic" Highlight="False" TextAlignment="Center" RenderTransformOrigin="0.5,0.5" Height="77.243" Width="294" Canvas.Left="106.5" Canvas.Top="22.5"/>
</Canvas>
</Grid>
</UserControl>
|
