Reply to thread

Message

<blockquote data-quote="Baboonanza" data-source="post: 688883" data-attributes="member: 101901">Hello!Out of curiosity, how are you positioning the control off the screen?My method would be to apply a RenderTransform to the control to 'push' it off-screen, then apply a storyboard to this to make it slide on. Here is Home.xml modified so that the Date/Time labels slide on:[CODE]&lt;?xml version=&quot;1.0&quot; encoding=&quot;utf-8&quot;?&gt;&lt;Include&nbsp; &nbsp; xmlns=&quot;www.team-mediaportal.com/2008/mpf/directx&quot;&nbsp; &nbsp; xmlns:x=&quot;http://schemas.microsoft.com/winfx/2006/xaml&quot;&nbsp; &nbsp; Source=&quot;screens\master_menu.xaml&quot;&nbsp; &nbsp; &gt;&nbsp; &lt;Include.Resources&gt;&nbsp; &nbsp; &lt;!-- Header --&gt;&nbsp; &nbsp; &lt;ResourceWrapper x:Key=&quot;Header_Text&quot; Resource=&quot;[Home.Title]&quot;/&gt;&nbsp; &nbsp; &lt;Storyboard x:Key=&quot;SlidingTextStoryBoard&quot; FillBehavior=&quot;HoldEnd&quot;&gt;&nbsp; &nbsp; &nbsp; &lt;DoubleAnimationUsingKeyFrames BeginTime=&quot;00:00:00&quot; FillBehavior=&quot;HoldEnd&quot; Storyboard.TargetName=&quot;SlideControl&quot; Storyboard.TargetProperty=&quot;RenderTransform.Children[0].Y&quot;&gt;&nbsp; &nbsp; &nbsp; &nbsp; &lt;SplineDoubleKeyFrame KeyTime=&quot;00:00:01&quot; Value=&quot;0&quot;/&gt;&nbsp; &nbsp; &nbsp; &lt;/DoubleAnimationUsingKeyFrames&gt;&nbsp; &nbsp; &lt;/Storyboard&gt;&nbsp; &nbsp; &lt;!-- Contents --&gt;&nbsp; &nbsp; &lt;ResourceWrapper x:Key=&quot;Contents_Element&quot;&gt;&nbsp; &nbsp; &nbsp; &lt;DockPanel LastChildFill=&quot;False&quot;&gt;&nbsp; &nbsp; &nbsp; &nbsp; &lt;DockPanel.Resources&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;Model x:Key=&quot;TimeModel&quot; Id=&quot;E821B1C8-0666-4339-8027-AA45A4F6F107&quot;/&gt;&nbsp; &nbsp; &nbsp; &nbsp; &lt;/DockPanel.Resources&gt;&nbsp; &nbsp; &nbsp; &nbsp; &lt;StackPanel x:Name=&quot;SlideControl&quot; Orientation=&quot;Vertical&quot; DockPanel.Dock=&quot;Bottom&quot;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; HorizontalAlignment=&quot;Center&quot; VerticalAlignment=&quot;Center&quot;&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;StackPanel.RenderTransform&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;TransformGroup&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;TranslateTransform Y=&quot;150&quot;/&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;/TransformGroup&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;/StackPanel.RenderTransform&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;Label x:Name=&quot;Date&quot; FontSize=&quot;{ThemeResource DateTimeFontSize}&quot;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; HorizontalAlignment=&quot;Center&quot;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; Content=&quot;{Binding Source={StaticResource TimeModel}, Path=CurrentDate}&quot; /&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;Label x:Name=&quot;Time&quot; FontSize=&quot;{ThemeResource DateTimeFontSize}&quot;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; HorizontalAlignment=&quot;Center&quot;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; Content=&quot;{Binding Source={StaticResource TimeModel}, Path=CurrentTime}&quot; /&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;StackPanel.Triggers&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;Trigger Property=&quot;IsVisible&quot; Value=&quot;True&quot;&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;Trigger.EnterActions&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;BeginStoryboard x:Name=&quot;Visible_BeginStoryboard&quot; Storyboard=&quot;{ThemeResource SlidingTextStoryBoard}&quot;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; HandoffBehavior=&quot;TemporaryReplace&quot;/&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;/Trigger.EnterActions&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;/Trigger&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;/StackPanel.Triggers&gt;&nbsp; &nbsp; &nbsp; &nbsp; &lt;/StackPanel&gt;&nbsp; &nbsp; &nbsp; &lt;/DockPanel&gt;&nbsp; &nbsp; &lt;/ResourceWrapper&gt;&nbsp; &lt;/Include.Resources&gt;&lt;/Include&gt;[/CODE]</blockquote>

[QUOTE="Baboonanza, post: 688883, member: 101901"] Hello! Out of curiosity, how are you positioning the control off the screen? My method would be to apply a RenderTransform to the control to 'push' it off-screen, then apply a storyboard to this to make it slide on. Here is Home.xml modified so that the Date/Time labels slide on: [CODE]<?xml version="1.0" encoding="utf-8"?> <Include xmlns="www.team-mediaportal.com/2008/mpf/directx" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" Source="screens\master_menu.xaml" > <Include.Resources>  <ResourceWrapper x:Key="Header_Text" Resource="[Home.Title]"/> <Storyboard x:Key="SlidingTextStoryBoard" FillBehavior="HoldEnd"> <DoubleAnimationUsingKeyFrames BeginTime="00:00:00" FillBehavior="HoldEnd" Storyboard.TargetName="SlideControl" Storyboard.TargetProperty="RenderTransform.Children[0].Y"> <SplineDoubleKeyFrame KeyTime="00:00:01" Value="0"/> </DoubleAnimationUsingKeyFrames> </Storyboard>  <ResourceWrapper x:Key="Contents_Element"> <DockPanel LastChildFill="False"> <DockPanel.Resources> <Model x:Key="TimeModel" Id="E821B1C8-0666-4339-8027-AA45A4F6F107"/> </DockPanel.Resources> <StackPanel x:Name="SlideControl" Orientation="Vertical" DockPanel.Dock="Bottom" HorizontalAlignment="Center" VerticalAlignment="Center"> <StackPanel.RenderTransform> <TransformGroup> <TranslateTransform Y="150"/> </TransformGroup> </StackPanel.RenderTransform> <Label x:Name="Date" FontSize="{ThemeResource DateTimeFontSize}" HorizontalAlignment="Center" Content="{Binding Source={StaticResource TimeModel}, Path=CurrentDate}" /> <Label x:Name="Time" FontSize="{ThemeResource DateTimeFontSize}" HorizontalAlignment="Center" Content="{Binding Source={StaticResource TimeModel}, Path=CurrentTime}" /> <StackPanel.Triggers> <Trigger Property="IsVisible" Value="True"> <Trigger.EnterActions> <BeginStoryboard x:Name="Visible_BeginStoryboard" Storyboard="{ThemeResource SlidingTextStoryBoard}" HandoffBehavior="TemporaryReplace"/> </Trigger.EnterActions> </Trigger> </StackPanel.Triggers> </StackPanel> </DockPanel> </ResourceWrapper> </Include.Resources> </Include>[/CODE] [/QUOTE]

Verification