首页 > Windows开发 > 详细

Windows 8.1 新增控件之 MenuFlyout

时间:2014-03-08 17:31:06      阅读:509      评论:0      收藏:0      [点我收藏+]
原文:Windows 8.1 新增控件之 MenuFlyout

开始这篇讲解前,我们先来温习一下Flyout 的内容,当触发应用中某个Button 时会有Flyout 出现提示用户该操作接下来将会发生什么。Flyout 简单来说就是一个轻量级信息提示需要用户确认或忽略。再回来看MenuFlyout 呢,你肯定发现就是多了一个“Menu”,没错MenuFlyout 就是为开发者增加了一个菜单控制功能。

MenuFlyout 也同样是一个轻量级控件,可以在Flyout 中添加一些简单的控制和设置功能。其中包含:MenuFlyoutItem、ToggleMenuFlyoutItem、MenuFlyoutSeparator 三种对象。官方解释如下:

· MenuFlyoutItem — Performing an immediate action.

· ToggleMenuFlyoutItem — Switching an option on or off.

· MenuFlyoutSeparator — Visually separating menu items.

以音乐播放器为例简单解释,MenuFlyoutItem 是用来进行一些即时控制操作,例如:停止、重置。ToggleMenuFlyoutItem 可进行选择性控制,例如:随机、重复。MenuFlyoutSeparator 当然是对象之间的分隔线。如下代码示例:

XAML代码:

<TextBlock x:Name="txtBlockCtl" FontSize="20" Foreground="Red"/>
<Button Content="Music Options" Margin="0,10">
    <Button.Flyout>
        <MenuFlyout>
            <MenuFlyoutItem Text="Reset" Click="Reset_Click"/>
            <MenuFlyoutSeparator/>
            <ToggleMenuFlyoutItem Text="Shuffle" IsChecked="{Binding IsShuffleEnabled, Mode=TwoWay}"/>
            <ToggleMenuFlyoutItem Text="Repeat" IsChecked="{Binding IsRepeatEnabled, Mode=TwoWay}"/>
        </MenuFlyout>
    </Button.Flyout>
</Button>

C#代码:

private void Reset_Click(object sender, RoutedEventArgs e)
{
    txtBlockCtl.Text = "You have clicked the Reset Button.";
}

bubuko.com,布布扣

点击Reset:

bubuko.com,布布扣

与Flyout 控件相同,也可以通过FlyoutBase.AttachedFlyout 属性将MenuFlyout 挂到任何FrameworkElement,具体方法可参考Flyout 篇

Windows 8.1 新增控件之 MenuFlyout,布布扣,bubuko.com

Windows 8.1 新增控件之 MenuFlyout

原文:http://www.cnblogs.com/lonelyxmas/p/3587930.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!