站长资源操作系统
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下载