Trips & tricks–Flyout control
Dziś zaprezentuję jak stworzyć flyout control. Flyout control jest niczym innym jak popup colntrol, który możemy wywołać po kliknięciu np. na przycisk. Przykład takigo flyout to przycisk “Opinia” w SkyDrive.
Akurat to okno jest mocno rozbudowane jednak flyout nie musi nieć aż tylko opcji.
A więc jak można stworzyć taką funkcjonalność a wystarczy użyć poniższej metody.
public static Popup ShowPopup(FrameworkElement source, UserControl control) { Popup flyout = new Popup(); var windowBounds = Window.Current.Bounds; var rootVisual = Window.Current.Content; GeneralTransform gt = source.TransformToVisual(rootVisual); var absolutePosition = gt.TransformPoint(new Point(0, 0)); control.Measure(new Size(Double.PositiveInfinity, double.PositiveInfinity)); flyout.VerticalOffset = absolutePosition.Y - control.Height - 10; flyout.HorizontalOffset = (absolutePosition.X + source.ActualWidth / 2) - control.Width / 2; flyout.IsLightDismissEnabled = true; flyout.Child = control; var transitions = new TransitionCollection(); transitions.Add(new PopupThemeTransition() { FromHorizontalOffset = 0, FromVerticalOffset = 100 }); flyout.ChildTransitions = transitions; flyout.IsOpen = true; return flyout; }
Przyjmuje ona dwa parametry pierwszym jest źródło, do którego będzie dodawać popup. Natomiast drugi parametr to UserControl. Tak, więc naszą funkcjonalność, którą chcemy pokazać nad przyciskiem tworzymy w formie kontrolki i dodajemy na popup.