Windows 8 开发之上下文菜单(右键属性)的应用

  在程序中,当右键单击某个对象时,会有小小的弹出菜单命令。如果你使用过Windows 8,你可能已经遇见到过上下文菜单了。经常在一些不可以选择的对象上右键单击,或者在text文本上进行操作时,会出现上下文菜单。什么时候使用上下文菜单,微软提供了非常详细的指导,下面将介绍如何实现上下文菜单。

1.确定要显示上下文菜单的位置

  当我们创建弹出菜单时,首先需要确定出被点击element所在的位置,然后将位置传递给弹出菜单控件。下面的方法是确定element的位置:

复制代码
代码如下:

privateRect GetPoint(TextBox box)</p><p> { </p><p>      Rect temp = box.GetRectFromCharacterIndex(box.SelectionStart, false);</p><p>      GeneralTransform transform = box.TransformToVisual(null);</p><p>      Point point = transform.TransformPoint(new Point());</p><p> point.X = point.X + temp.X;</p><p> point.Y = point.Y + temp.Y;</p><p>       return new Rect(point, new Size(temp.Width, temp.Height));</p><p> }

2.创建上下文菜单的选项

  1)为TextBox添加上下文菜单事件

复制代码
代码如下:

   protected override void OnNavigatedTo(NavigationEventArgs e)</p><p> {</p><p> InputBox.ContextMenuOpening += InputBox_ContextMenuOpening;    //InputBox是UI层的TextBox控件</p><p> }

  2)当离开这个页面时移除上下文菜单事件 

复制代码
代码如下:

  protected override void OnNavigatedFrom(NavigationEventArgs e)</p><p> {</p><p> InputBox.ContextMenuOpening -= InputBox_ContextMenuOpening;</p><p> }

  3)创建了一个PopupMenu菜单,并添加了一个command,然后调用ShowForSelectionAsync()方法将其显示出来。

复制代码
代码如下:

   async void InputBox_ContextMenuOpening(object sender, ContextMenuEventArgs e)</p><p> {</p><p> e.Handled =true; //来取消原来的调用,然后创建自己的上下文菜单,并在适当的地方调用剪贴板(clipboard)</p><p>     TextBox box = sender as TextBox;</p><p>     PopupMenu menu = new PopupMenu();    //创建PopupMenu菜单</p><p> menu.Commands.Add(new UICommand("复制", null, 0));</p><p> menu.Commands.Add(new UICommand("剪切", null, 1));</p><p> menu.Commands.Add(new UICommand("粘贴", null, 2));</p><p> menu.Commands.Add(new UICommand("全选", null, 3));</p><p> menu.Commands.Add(new UICommand("删除", null, 4));</p><p> var cmd = await menu.ShowForSelectionAsync(GetPoint(box)); //这里的菜单位置也可以使用 new Rect(e.CursorLeft,e.CursorTop,0,0);   </p><p>    if (cmd != null)</p><p> { </p><p>      string text;</p><p>     DataPackage package;</p><p>       int index=(int)cmd.Id;</p><p>      switch (index)</p><p> {</p><p>        case 0:</p><p>   text = box.SelectedText;</p><p>    package =new DataPackage();</p><p>   package.SetText(text);</p><p>          Clipboard.SetContent(package);</p><p>           break;</p><p>        case 1:</p><p>   text = box.SelectedText;</p><p>   box.SelectedText ="";</p><p>    package =new DataPackage();</p><p>    package.SetText(text); </p><p>           Clipboard.SetContent(package);</p><p>          break;</p><p>       case 2:</p><p>    text =awaitClipboard.GetContent().GetTextAsync();</p><p>    box.SelectedText = text; </p><p>           break;</p><p>       case 3:</p><p>   box.SelectAll();</p><p>         break;</p><p>       case 4:</p><p>   box.SelectedText ="";</p><p>          break;</p><p> }</p><p> }</p><p> }

3.使用另一种方法,实现上下文菜单    

  1)先为TextBox注册右键事件,右键事件必须使用下面的方法注册,在页面上写RightTapped事件,是不起作用的。

复制代码
代码如下:

   public MainPage()</p><p> {</p><p>      this.InitializeComponent();</p><p> ContentText.AddHandler(RightTappedEvent, new RightTappedEventHandler(ContentText_RightTapped),true);</p><p> }

  2).ContentText_RightTapped方法

复制代码
代码如下:

private async void ContentText_RightTapped(object sender, RightTappedRoutedEventArgs e)</p><p>  {</p><p>    //和 InputBox_ContextMenuOpening方法一样</p><p>  }

  UI层代码:  

  <Grid Background="{StaticResource ApplicationPageBackgroundThemeBrush}">     

     <TextBox x:Name="InputBox" Margin="100,50,50,660" />

        <TextBox x:Name="ContentText" Margin="100,150,50,50"/>

     </Grid>

  注意:在上下文菜单中,最多可以添加6个command,当添加多余6个command时,会出现错误。

  上下文菜单是非常好的方法:特别是为不可选的element提供交互,或者与邻近的element进行交互。
 

  如需源代码,点击ContextMenu_jb51net.zip下载


IT时代网(关注微信公众号ITtime2000,定时推送,互动有福利惊喜)所有原创文章版权所有,未经授权,转载必究。
创客100创投基金成立于2015年,直通硅谷,专注于TMT领域早期项目投资。LP均来自政府、互联网IT、传媒知名企业和个人。创客100创投基金对IT、通信、互联网、IP等有着自己独特眼光和丰富的资源。决策快、投资快是创客100基金最显著的特点。

相关文章
中芯国际联手国家队斥500亿投建12吋晶圆制造 什么信号?
中芯国际等被美列黑名单 外交部:坚决反对美方无端打压中国企业
中芯国际遭“断粮”背后:芯片产业链加速国产化
被美国列入“黑名单”?中芯国际:未收到此类官方消息

精彩评论