本系列Windows运维中将给大家系统的介绍一些 Windows 8.1新增控件，看完这系列文章会让你对新增的控件有更加清晰的理解和运用。

本篇为大家介绍Flyout 控件，Flyout 属于一种轻量级交互控件，可以支持信息提示或用户交互。与传统Dialog 控件不同的是Flyout 控件可通过直接点击对话框外部区域忽略。

Flyout 控件一般常与Button 结合使用，所以Button 控件默认增加了Flyout 属性，当使用Flyout 属性后，点击Button 时就会自动显示Flyout 内容，如下代码所示：

<Button Content="Delete Files">

    <Button.Flyout>

        <Flyout>

            <StackPanel>

                <TextBlock FontSize="15" Text="All the files will be deteled, Are you sure?" />

                <Button Content="Yes, delete all!"/>

            </StackPanel>

        </Flyout>

    </Button.Flyout>

</Button>

在Flyout 中仍然可以按需要添加各种控件，例如TextBlock、Button等。运行点击“Delete Files”按钮后，Flyout 内容将自动显示，如下图：

对于非Button 控件如何使用Flyout 呢，可以利用FlyoutBase.AttachedFlyout 属性为FrameworkElement 对象添加Flyout 功能，当然需要为该控件增加相应的触发事件来启动Flyout 功能。如下代码：

<TextBox Width="500" HorizontalAlignment="Left" GotFocus="TextBox_GotFocus">

    <FlyoutBase.AttachedFlyout>

        <Flyout>

            <TextBlock Text="You can input 50 words here."/>

        </Flyout>

    </FlyoutBase.AttachedFlyout>

</TextBox>

private void TextBox_GotFocus(object sender, RoutedEventArgs e)

{

    FrameworkElement element = sender as FrameworkElement;

    if (element != null)

    {

        FlyoutBase.ShowAttachedFlyout(element);

    }

}

运行效果如下图：

除此之外，也可以将Flyout 定义为StaticResource 供多种控件共享使用。

<Page.Resources>

    <Flyout x:Key="FlyoutResources">

        <StackPanel>

            <TextBlock Text="This is a Flyout."/>

        </StackPanel>

    </Flyout>

</Page.Resources>

<Grid Background="{ThemeResource ApplicationPageBackgroundThemeBrush}">

    <StackPanel Margin="50" Orientation="Horizontal" VerticalAlignment="Top">

        <Button Content="Click Button" Flyout="{StaticResource FlyoutResources}"/>

        <TextBox FlyoutBase.AttachedFlyout="{StaticResource FlyoutResources}" Margin="50,20"

                 Height="20" Width="150" HorizontalAlignment="Left" GotFocus="TextBox_GotFocus"/>

    </StackPanel>

</Grid>

希望这篇文章可以帮助到你。总之，同学们，你想要的职坐标IT频道都能找到！