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

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

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

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

     privateRect GetPoint(TextBox box)

        {        

      Rect temp = box.GetRectFromCharacterIndex(box.SelectionStart, false);

         GeneralTransform transform = box.TransformToVisual(null);

         Point point = transform.TransformPoint(new Point());

                point.X = point.X + temp.X;

                point.Y = point.Y + temp.Y;

       return new Rect(point, new Size(temp.Width, temp.Height));

        }

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

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

    protected override void OnNavigatedTo(NavigationEventArgs e)

        {

            InputBox.ContextMenuOpening += InputBox_ContextMenuOpening;    //InputBox是UI层的TextBox控件

        }    

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

   protected override void OnNavigatedFrom(NavigationEventArgs e)

        {

            InputBox.ContextMenuOpening -= InputBox_ContextMenuOpening;

        }

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

   async void InputBox_ContextMenuOpening(object sender, ContextMenuEventArgs e)

        {

            e.Handled =true;           //来取消原来的调用,然后创建自己的上下文菜单,并在适当的地方调用剪贴板(clipboard)

     TextBox box = sender as TextBox;

       PopupMenu menu = new PopupMenu();    //创建PopupMenu菜单

            menu.Commands.Add(new UICommand("复制", null, 0));

            menu.Commands.Add(new UICommand("剪切", null, 1));

            menu.Commands.Add(new UICommand("粘贴", null, 2));

            menu.Commands.Add(new UICommand("全选", null, 3));

            menu.Commands.Add(new UICommand("删除", null, 4));

            var cmd = await menu.ShowForSelectionAsync(GetPoint(box)); //这里的菜单位置也可以使用 new Rect(e.CursorLeft,e.CursorTop,0,0);   

        if (cmd != null)

            {   

      string text;

           DataPackage package;

       int index=(int)cmd.Id;

      switch (index)

                {

          case 0:

                          text = box.SelectedText;

                          package =new DataPackage();

                          package.SetText(text);

             Clipboard.SetContent(package);

           break;

         case 1:

                          text = box.SelectedText;

                          box.SelectedText ="";

                          package =new DataPackage();

                          package.SetText(text);                   

           Clipboard.SetContent(package);

            break;

        case 2:

                         text =awaitClipboard.GetContent().GetTextAsync();

                         box.SelectedText = text;                       

            break;

        case 3:

                          box.SelectAll();

               break;

       case 4:

                         box.SelectedText ="";

            break;

                }

            }

        }

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

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

    public MainPage()

        {

      this.InitializeComponent();

                ContentText.AddHandler(RightTappedEvent, new RightTappedEventHandler(ContentText_RightTapped),true);

        }

  2).ContentText_RightTapped方法

       private async void ContentText_RightTapped(object sender, RightTappedRoutedEventArgs e)

  {

    //和 InputBox_ContextMenuOpening方法一样

  }

  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.zip下载

原文地址:https://www.cnblogs.com/akwwl/p/2846138.html