2018正版葡京赌侠诗The FlyoutCONTROL

http://blogs.msdn.com/b/eternalcoding/archive/2012/07/03/tips-and-tricks-for-c-metro-developers-the-flyout-control.aspx

This article starts a new series about small (but I hope useful) tips
that can help you during your development phase.

Today I will talk about how you can create a flyout control.

A flyout control is a popup control you can make appear when you click
on a button.

 

I used this control for WorldMonger (a game I currently working on):

2018正版葡京赌侠诗 1

2018正版葡京赌侠诗,The code to create this control is as follows:

 //主就算调节弹出的岗位

//UserControl  是popup 里面包车型客车资控件 ,

//FrameworkElement  是popup 的地方

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);//获得source 相对 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;
}

This helper method just takes a source FrameworkElement (to detect
where the flyout must pop up) and a UserControlcontrol to display.

Please note the usage of the PopupThemeTransition to obtain and fluid
and cool animation 2018正版葡京赌侠诗 2

在Silverlight的Layout中,控件往往是相对放置,例如Grid/Border/ListBox等,这一年即使要获得子控件的断然地方(location)如何是好?使用景况大多,例如,我们点击贰个按键,动画展开2个弹出窗口,关闭那么些窗口,能够动画缩短到按键的岗位

如此这般大家将在赚取开关的相对地方。可以用GeneralTransform.Transform方法来得到,当然首先要用UIElement.TransformToVisual来获取相对于祖宗的职位。代码如下:

   1: GeneralTransform gt = yourUIElment/*控件*/.TransformToVisual(Application.Current.RootVisual as UIElement);

   2: Point offset = gt.Transform(new Point(0, 0));

   3: double controlTop = offset.Y;

   4: double controlLeft = offset.X;

注:假如把地点的Application.Current.RootVisual换到任何因素就可以赢得成分相对于别的因素的对峙地点(Location)。

相关文章