Reply to thread

Message

<blockquote data-quote="morpheus_xx" data-source="post: 1143577" data-attributes="member: 48495">Update to animation question: I found an issue with &quot;Screen.Hide&quot; triggers, they were not fully executed, because it's duration was not calculated. This happened only for dialogs and superlayers, not normal screen changes.Please give it a try: check out the dev branch, open Default skin:<ol>
<li data-xf-list-type="ol">Set longer time: Consts.xaml, &lt;ResourceWrapper x:Key=&quot;ScreenTransitionEndTime&quot; Resource=&quot;00:00:01.00&quot;/&gt;</li>
<li data-xf-list-type="ol">Extend animation: OtherControls.xaml</li>
</ol>It adds a translation, screen will be slid out to right side, then next one will slid back into screen[CODE=XML]&nbsp; &lt;Storyboard x:Key=&quot;ShowScreenStoryboard&quot; FillBehavior=&quot;Stop&quot;&gt;&nbsp; &nbsp; &lt;DoubleAnimationUsingKeyFrames BeginTime=&quot;00:00:00&quot; FillBehavior=&quot;HoldEnd&quot; Storyboard.TargetName=&quot;ScreenAnimationElement&quot; Storyboard.TargetProperty=&quot;Opacity&quot;&gt;&nbsp; &nbsp; &nbsp; &lt;SplineDoubleKeyFrame KeyTime=&quot;00:00:00&quot; Value=&quot;0&quot;/&gt;&nbsp; &nbsp; &nbsp; &lt;SplineDoubleKeyFrame KeyTime=&quot;{ThemeResource ScreenTransitionEndTime}&quot; Value=&quot;1&quot;/&gt;&nbsp; &nbsp; &lt;/DoubleAnimationUsingKeyFrames&gt;&nbsp; &nbsp; &lt;DoubleAnimationUsingKeyFrames BeginTime=&quot;00:00:00&quot; FillBehavior=&quot;HoldEnd&quot; Storyboard.TargetName=&quot;ScreenAnimationElement&quot; Storyboard.TargetProperty=&quot;RenderTransform.Children[3].X&quot;&gt;&nbsp; &nbsp; &nbsp; &lt;SplineDoubleKeyFrame KeyTime=&quot;00:00:00&quot; Value=&quot;1280&quot;/&gt;&nbsp; &nbsp; &nbsp; &lt;SplineDoubleKeyFrame KeyTime=&quot;{ThemeResource ScreenTransitionEndTime}&quot; Value=&quot;0&quot;/&gt;&nbsp; &nbsp; &lt;/DoubleAnimationUsingKeyFrames&gt;&nbsp; &lt;/Storyboard&gt;&nbsp; &lt;Storyboard x:Key=&quot;HideScreenStoryboard&quot; FillBehavior=&quot;HoldEnd&quot;&gt;&nbsp; &nbsp; &lt;DoubleAnimationUsingKeyFrames BeginTime=&quot;00:00:00&quot; FillBehavior=&quot;HoldEnd&quot; Storyboard.TargetName=&quot;ScreenAnimationElement&quot; Storyboard.TargetProperty=&quot;Opacity&quot;&gt;&nbsp; &nbsp; &nbsp; &lt;SplineDoubleKeyFrame KeyTime=&quot;00:00:00&quot; Value=&quot;1&quot;/&gt;&nbsp; &nbsp; &nbsp; &lt;SplineDoubleKeyFrame KeyTime=&quot;{ThemeResource ScreenTransitionEndTime}&quot; Value=&quot;0&quot;/&gt;&nbsp; &nbsp; &lt;/DoubleAnimationUsingKeyFrames&gt;&nbsp; &nbsp; &lt;DoubleAnimationUsingKeyFrames BeginTime=&quot;00:00:00&quot; FillBehavior=&quot;HoldEnd&quot; Storyboard.TargetName=&quot;ScreenAnimationElement&quot; Storyboard.TargetProperty=&quot;RenderTransform.Children[3].X&quot;&gt;&nbsp; &nbsp; &nbsp; &lt;SplineDoubleKeyFrame KeyTime=&quot;00:00:00&quot; Value=&quot;0&quot;/&gt;&nbsp; &nbsp; &nbsp; &lt;SplineDoubleKeyFrame KeyTime=&quot;{ThemeResource ScreenTransitionEndTime}&quot; Value=&quot;1280&quot;/&gt;&nbsp; &nbsp; &lt;/DoubleAnimationUsingKeyFrames&gt;&nbsp; &lt;/Storyboard&gt;[/CODE]Things to note:<ul>
<li data-xf-list-type="ul">the duration of animation has big impact on feeling if GUI is &quot;fast&quot; or not.</li>
<li data-xf-list-type="ul">Storyboard.TargetProperty=&quot;RenderTransform.Children[3].X&quot; means the TranslateTransform, defined at 4th transform in group. You can address any other of them&nbsp; (Scale, Skew, Rotate, Translate)</li>
</ul>So you have many possibilities how to modify the screen during transitions <img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" class="smilie smilie--sprite smilie--sprite1" alt=":)" title="Smile&nbsp; &nbsp; :)" loading="lazy" data-shortname=":)" /></blockquote>

[QUOTE="morpheus_xx, post: 1143577, member: 48495"] Update to animation question: I found an issue with "Screen.Hide" triggers, they were not fully executed, because it's duration was not calculated. This happened only for dialogs and superlayers, not normal screen changes. Please give it a try:[B] check out the dev branch[/B], open Default skin: [LIST=1] [*]Set longer time: Consts.xaml, <ResourceWrapper x:Key="ScreenTransitionEndTime" Resource="00:00:01.00"/> [*]Extend animation: OtherControls.xaml [/LIST] It adds a translation, screen will be slid out to right side, then next one will slid back into screen [CODE=XML] <Storyboard x:Key="ShowScreenStoryboard" FillBehavior="Stop"> <DoubleAnimationUsingKeyFrames BeginTime="00:00:00" FillBehavior="HoldEnd" Storyboard.TargetName="ScreenAnimationElement" Storyboard.TargetProperty="Opacity"> <SplineDoubleKeyFrame KeyTime="00:00:00" Value="0"/> <SplineDoubleKeyFrame KeyTime="{ThemeResource ScreenTransitionEndTime}" Value="1"/> </DoubleAnimationUsingKeyFrames> <DoubleAnimationUsingKeyFrames BeginTime="00:00:00" FillBehavior="HoldEnd" Storyboard.TargetName="ScreenAnimationElement" Storyboard.TargetProperty="RenderTransform.Children[3].X"> <SplineDoubleKeyFrame KeyTime="00:00:00" Value="1280"/> <SplineDoubleKeyFrame KeyTime="{ThemeResource ScreenTransitionEndTime}" Value="0"/> </DoubleAnimationUsingKeyFrames> </Storyboard> <Storyboard x:Key="HideScreenStoryboard" FillBehavior="HoldEnd"> <DoubleAnimationUsingKeyFrames BeginTime="00:00:00" FillBehavior="HoldEnd" Storyboard.TargetName="ScreenAnimationElement" Storyboard.TargetProperty="Opacity"> <SplineDoubleKeyFrame KeyTime="00:00:00" Value="1"/> <SplineDoubleKeyFrame KeyTime="{ThemeResource ScreenTransitionEndTime}" Value="0"/> </DoubleAnimationUsingKeyFrames> <DoubleAnimationUsingKeyFrames BeginTime="00:00:00" FillBehavior="HoldEnd" Storyboard.TargetName="ScreenAnimationElement" Storyboard.TargetProperty="RenderTransform.Children[3].X"> <SplineDoubleKeyFrame KeyTime="00:00:00" Value="0"/> <SplineDoubleKeyFrame KeyTime="{ThemeResource ScreenTransitionEndTime}" Value="1280"/> </DoubleAnimationUsingKeyFrames> </Storyboard> [/CODE] Things to note: [LIST] [*]the duration of animation has big impact on feeling if GUI is "fast" or not. [*]Storyboard.TargetProperty="RenderTransform.Children[3].X" means the TranslateTransform, defined at 4th transform in group. You can address any other of them (Scale, Skew, Rotate, Translate) [/LIST] So you have many possibilities how to modify the screen during transitions :) [/QUOTE]

Verification