public static void FadeOut(UIElement element) { var fadeOutStoryboard = new Storyboard(); var fadeOutAnimation = new FadeOutThemeAnimation(); Storyboard.SetTarget(fadeOutAnimation, element); fadeOutStoryboard.Children.Add(fadeOutAnimation); fadeOutStoryboard.Completed += (sender, o) => element.Visibility = Visibility.Collapsed; fadeOutStoryboard.Begin(); }
public Scenario3() { this.InitializeComponent(); ViewChooser.ItemsSource = ((App)App.Current).SecondaryViews; var fadeOut = new FadeOutThemeAnimation(); fadeOutStoryboard.Children.Add(fadeOut); // Normally you can point directly to an object named in your XAML. Since // the sample hosts multiple pages, it's convenient for this scenario to // get the root element Storyboard.SetTarget(fadeOut, (DependencyObject) ((FrameworkElement)rootPage.Content).FindName("Splitter")); }
/// <summary> /// Fades the element out using the FadeOutThemeAnimation. /// </summary> /// <remarks> /// Opacity property of the element is not affected.<br/> /// The duration of the visible animation itself is not affected by the duration parameter. It merely indicates how long the Storyboard will run.<br/> /// If FadeOutThemeAnimation was already run before and FadeInThemeAnimation was not run after that - nothing will happen.<br/> /// </remarks> /// <param name="dob"></param> /// <param name="duration"></param> /// <returns></returns> public static async Task FadeOut(this DependencyObject dob, TimeSpan? duration = null) { var fadeOutStoryboard = new Storyboard(); var fadeOutAnimation = new FadeOutThemeAnimation(); if (duration != null) { fadeOutAnimation.Duration = duration.Value; } Storyboard.SetTarget(fadeOutAnimation, dob); fadeOutStoryboard.Children.Add(fadeOutAnimation); await fadeOutStoryboard.BeginAsync(); }
public TapGrid() { // Hide the control. this.Opacity = 0; // Down animation storyboard. var downAnim = new FadeInThemeAnimation { SpeedRatio = 5 }; Storyboard.SetTarget(downAnim, this); downStory = new Storyboard(); downStory.Children.Add(downAnim); // Up animation storyboard. var upAnim = new FadeOutThemeAnimation { SpeedRatio = 0.5 }; Storyboard.SetTarget(upAnim, this); upStory = new Storyboard(); upStory.Children.Add(upAnim); // Set event handlers. this.PointerPressed += (sender, e) => { this.Opacity = 1; this.CapturePointer(e.Pointer); downStory.Begin(); if (this.Command.CanExecute(null)) { this.Command.Execute(null); } }; this.PointerReleased += (sender, e) => { upStory.Begin(); this.ReleasePointerCapture(e.Pointer); }; }
private void HideGoTopTopButton() { if (!isHidden) { isHidden = true; var storyboard = new Storyboard(); var animation = new FadeOutThemeAnimation(); animation.SetValue(Storyboard.TargetNameProperty, "ScrollToTopButton"); Storyboard.SetTarget(animation, ScrollToTopButton); storyboard.Children.Add(animation); storyboard.Completed += (e,a) => { container.Visibility = Visibility.Collapsed; }; storyboard.Begin(); } }
/// <summary> /// Fades the element out using the FadeOutThemeAnimation. /// </summary> /// <remarks> /// Opacity property of the element is not affected.<br/> /// The duration of the visible animation itself is not affected by the duration parameter. It merely indicates how long the Storyboard will run.<br/> /// If FadeOutThemeAnimation was already run before and FadeInThemeAnimation was not run after that - nothing will happen.<br/> /// </remarks> /// <param name="element"></param> /// <param name="duration"></param> /// <returns></returns> public static async Task FadeOut(this UIElement element, TimeSpan? duration = null) { // CleanUpPreviousFadeStoryboard(element); var fadeOutStoryboard = new Storyboard(); var fadeOutAnimation = new FadeOutThemeAnimation(); if (duration != null) { fadeOutAnimation.Duration = duration.Value; } Storyboard.SetTarget(fadeOutAnimation, element); fadeOutStoryboard.Children.Add(fadeOutAnimation); await fadeOutStoryboard.BeginAsync(); // fadeOutStoryboard.Stop(); }
private void SearchingFadeOut(bool pivotFadeIn) { Storyboard sb = new Storyboard() { Duration = new Duration(TimeSpan.FromSeconds(0.5)) }; FadeOutThemeAnimation fadeAnim = new FadeOutThemeAnimation() { Duration = new Duration(TimeSpan.FromSeconds(0.5)) }; Storyboard.SetTarget(fadeAnim, SearchingPanel); sb.Children.Add(fadeAnim); sb.Completed += delegate { SearchingPanel.Visibility = Visibility.Collapsed; sb.Stop(); if (pivotFadeIn) PivotFadeIn(); }; sb.Begin(); }
private void TypeToSearchFadeOut() { Storyboard sb = new Storyboard() { Duration = new Duration(TimeSpan.FromSeconds(0.5)) }; FadeOutThemeAnimation fadeAnim = new FadeOutThemeAnimation() { Duration = new Duration(TimeSpan.FromSeconds(0.5)) }; Storyboard.SetTarget(fadeAnim, TypeToSearchPanel); sb.Children.Add(fadeAnim); DoubleAnimation doubleAnim = new DoubleAnimation() { To = 20, From = 0, Duration = new Duration(TimeSpan.FromSeconds(0.5)) }; TranslateTransform translate = new TranslateTransform(); doubleAnim.EnableDependentAnimation = true; TypeToSearchPanel.RenderTransform = translate; Storyboard.SetTarget(doubleAnim, translate); Storyboard.SetTargetProperty(doubleAnim, "Y"); sb.Children.Add(doubleAnim); sb.Completed += delegate { TypeToSearchPanel.Visibility = Visibility.Collapsed; sb.Stop(); }; sb.Begin(); }
private void RemoveDice(DiceViewModel oldDiceViewModel) { Dispatcher.RunAsync(CoreDispatcherPriority.Normal, () => { // Find the visual Dice to remove. var dice = MainCanvas.Children .Where(u => ((FrameworkElement)u).DataContext == oldDiceViewModel) .FirstOrDefault() as Dice; if (dice == null) { return; } // Remove the associated rect from the collection. diceRects.Remove(oldDiceViewModel); // Build the animation to remove the visual Dice. var storyFadeOldDice = new Storyboard(); var fadeOutAnim = new FadeOutThemeAnimation { SpeedRatio = 0.5 }; Storyboard.SetTarget(fadeOutAnim, dice); storyFadeOldDice.Children.Add(fadeOutAnim); // Event to remove the old dice after animation. storyFadeOldDice.Completed += (sender2, e2) => { MainCanvas.Children.Remove(dice); }; // Run the animation. storyFadeOldDice.Begin(); }); }
private void LessBtn_Click(object sender, RoutedEventArgs e) { Storyboard sb = new Storyboard(); FadeOutThemeAnimation fadeOutTimeline = new FadeOutThemeAnimation(); FadeOutThemeAnimation fadeOutClipData = new FadeOutThemeAnimation(); FadeOutThemeAnimation fadeOutVideoControls = new FadeOutThemeAnimation(); Storyboard.SetTarget(fadeOutTimeline, timelineContainer as DependencyObject); Storyboard.SetTarget(fadeOutClipData, ClipDataGrid as DependencyObject); Storyboard.SetTarget(fadeOutVideoControls, VideoControls as DependencyObject); sb.Children.Add(fadeOutTimeline); sb.Children.Add(fadeOutClipData); sb.Children.Add(fadeOutVideoControls); sb.Begin(); LessBtn.Visibility = Visibility.Collapsed; MoreBtn.Visibility = Visibility.Visible; controlsFaded = true; }
private void AppBarOpened(object sender, object e) { ApplicationViewState currentViewState = ApplicationView.Value; if (currentViewState != ApplicationViewState.Snapped) { if (timelineContainer == null) { try { timelineContainer = (Grid)videoMediaElement.ControlPanel.GetDescendantsOfType<Grid>().ElementAt(2); } catch { } } try { ClipDataGrid.Visibility = Windows.UI.Xaml.Visibility.Collapsed; Storyboard sb = new Storyboard(); RepositionThemeAnimation repositionTimelineAnimation = new RepositionThemeAnimation(); RepositionThemeAnimation repositionBtnAnimation = new RepositionThemeAnimation(); FadeOutThemeAnimation fadeOutAnimation = new FadeOutThemeAnimation(); FadeOutThemeAnimation fadeOutBtn = new FadeOutThemeAnimation(); Storyboard.SetTarget(fadeOutAnimation, ClipDataGrid as DependencyObject); Storyboard.SetTarget(fadeOutBtn, LessBtn as DependencyObject); Storyboard.SetTarget(repositionTimelineAnimation, timelineContainer as DependencyObject); repositionTimelineAnimation.FromVerticalOffset = 204; Storyboard.SetTarget(repositionBtnAnimation, LessBtn as DependencyObject); repositionBtnAnimation.FromVerticalOffset = 204; sb.Children.Add(repositionTimelineAnimation); sb.Children.Add(repositionBtnAnimation); sb.Children.Add(fadeOutAnimation); sb.Children.Add(fadeOutBtn); timelineContainer.Margin = new Thickness(0, 0, 0, 204); sb.Begin(); } catch { } } }
/// <summary> /// Fades the element out using the FadeOutThemeAnimation. /// </summary> /// <remarks> /// Opacity property of the element is not affected.<br/> /// The duration of the visible animation itself is not affected by the duration parameter. It merely indicates how long the Storyboard will run.<br/> /// If FadeOutThemeAnimation was already run before and FadeInThemeAnimation was not run after that - nothing will happen.<br/> /// </remarks> /// <param name="element"></param> /// <param name="duration"></param> /// <returns></returns> public static void FadeOut(this UIElement element, TimeSpan? duration = null) { var fadeOutStoryboard = new Storyboard(); var fadeOutAnimation = new FadeOutThemeAnimation(); if (duration != null) { fadeOutAnimation.Duration = duration.Value; } Storyboard.SetTarget(fadeOutAnimation, element); fadeOutStoryboard.Children.Add(fadeOutAnimation); fadeOutStoryboard.Begin(); }