c# UWP 控件 Button（八）

（返回目录）

 

⚫重要属性——Flyout（浮出控件）

 

      在UWP中button新增了一个属性——Flyout，用于简化button与轻量级UI的交互。这种轻量级UI（被称为flyout控件）称作浮出控件。可以提供额外的提示信息或者要求用户进行额外的操作，而且这种控件能简单的通过单击其外部其他区域或者直接按ESC的方式取消，也可直接无视其存在，直接进行其他操作。

　　这种轻量级UI的产生源于一个关于改善用户体验的过程：在软件的开发过程中有时需要向用户提供额外的信息，比如对删除数据操作进行确认，无权限操作的警告，需要用户输入额外信息等等。以前这些需求在软件中的解决方案比较一致：WPF里的dialog，和web开发中的alert曾为常用技术，基本效果就是突然弹出一个提示框，霸占整个屏幕，来实现相应提示功能，等待用户处理完之后才能进行下一步操作。 这种方式现在被认为有些不太友好，于是在后期为了改善用户体验出现了类似于模态框之类的解决方案。

　　浮出控件是轻量级上下文弹出窗口，用于显示与用户正在执行的操作相关的 UI。 它包含放置和大小调整逻辑，可用于显示辅助控件或显示关于某个项目的更多详细信息。和对话框不同，浮出控件可通过点击或单击浮出控件之外的某处、按 Escape 键或后退按钮、调整应用窗口大小或更改设备的方向来快速取消。

例子：

<Button x:Name="DeleteButton" Content="Empty cart">
    <Button.Flyout>
        <Flyout>
            <StackPanel>
                <TextBlock >
                         输入正确吗？
                </TextBlock>
                <Button Click="Button_Click" >
                         确认
                </Button>
            </StackPanel>
        </Flyout>
    </Button.Flyout>
</Button>