实现Listbox中长按弹出ContextMenu效果

转载 2012年03月24日 20:56:40

xaml:

<Button Content="Button" Height="72" HorizontalAlignment="Left" Margin="156,114,0,0" Name="button1" VerticalAlignment="Top" Width="160" >
                <toolkit:ContextMenuService.ContextMenu>
                    <toolkit:ContextMenu Height="300"
                                         HorizontalAlignment="Left"
                                         Margin="0,0,0,0" 
                                         Name="contextMenu1"
                                         VerticalAlignment="Top"
                                         Width="100" 
                                         Background="Red">
                        <toolkit:MenuItem Header="你好" Click="MenuItem_Click">                            
                        </toolkit:MenuItem>
                        <toolkit:Separator></toolkit:Separator>
                        <toolkit:MenuItem>
                            <toolkit:MenuItem.Header>
                                <StackPanel Orientation="Horizontal">
                                    <Image  Source="/ApplicationIcon.png" ></Image>
                                    <TextBlock Text="好好学习"></TextBlock>
                                    
                                </StackPanel>
                                
                            </toolkit:MenuItem.Header>
                        </toolkit:MenuItem>
                    </toolkit:ContextMenu>
                </toolkit:ContextMenuService.ContextMenu>                
            </Button>

上面红色部门必须加的,contextMenu不能放到容器中用,要和其他控件绑定同时使用,你长按button就会弹出一个菜单,你试下上面代码就知道了



在WP7中,为了达到长按弹出选项菜单效果,可以采用ContextMenu实现。

#前提条件

带有ContextMenu的toolkit,可以通过访问http://silverlight.codeplex.com/releases/view/71550获取最新的toolkit以及相应的源码及XAP。

如果需要检查,可访问$:\Program Files\Reference Assemblies\Microsoft\Framework\Silverlight\v4.0\Profile (其中$为SDK安装盘符)。对于WP7.0,访问WindowsPhone目录;对于WP7.1,访问WindowsPhone71目录。

#实现过程

至此,准备工作已经就绪,可以开始实现效果了。

1.在工程references中引入Microsoft.Phone.Controls.Toolkit。

2.在需要实现的页面(例如,demo.xaml)文件中加入toolkit声明如下:

[csharp] view plaincopy
  1. xmlns:toolkit="clr-namespace:Microsoft.Phone.Controls;assembly=Microsoft.Phone.Controls.Toolkit"   
3.在demo.xaml中加入实现代码如下:
[csharp] view plaincopy
  1. <!--ContentPanel - place additional content here-->  
  2.         
  3. <StackPanel x:Name="ContentPanel" Grid.Row="1" Margin="12,0,12,0" >  
  4.           <Grid Background="Blue">  
  5.               <TextBlock Text="Select a color from the Context Menu"/>  
  6.     <ListBox x:Name="listBox">  
  7.         <ListBox.ItemTemplate>  
  8.             <DataTemplate>  
  9.                 <StackPanel Orientation="Horizontal">  
  10.                     <toolkit:ContextMenuService.ContextMenu>  
  11.                         <toolkit:ContextMenu>  
  12.                             <toolkit:MenuItem Header="Add Color" Click="MenuItem_Click"/>  
  13.                             <toolkit:MenuItem Header="Remove Color" Click="MenuItem_Click"/>  
  14.                         </toolkit:ContextMenu>  
  15.                     </toolkit:ContextMenuService.ContextMenu>  
  16.                     <Image Source="{Binding ImageUri}" Stretch="None" />  
  17.                     <TextBlock Text="{Binding Text}" />  
  18.                 </StackPanel>  
  19.             </DataTemplate>  
  20.         </ListBox.ItemTemplate>  
  21.     </ListBox>  
  22.           </Grid>  
  23.   
  24.       </StackPanel>  
如此即可完成长按弹出菜单效果。

#效果演示

#问题

1.在WP7.0上则存在被缩放的部分有显示问题,当背景颜色对比大时更加明显。

2.在mango(WP7.1+)上效果非常好,与系统现象一致。看来微软已经FIX此问题。

#参考链接

1.http://silverlight.codeplex.com/releases/view/71550,以获取最新的toolkit和source code。

2.http://www.windowsphonegeek.com/tips/wp7-contextmenu-answers-to-popular-questions

DataGrid中ContextMenu的绑定

在WPF中使用DataGrid,有时会用到
  • porenasckx
  • porenasckx
  • 2014年10月30日 15:50
  • 2226

ListView:长按弹出上下文菜单(ContextMenu)

有两种方法实现长按弹出上下文菜单: 方法一: 1)注册上下文菜单 /** * 上下文菜单演示Demo * * @author CodingMyWorld 2011-8-27 下午03...
  • wulianghuan
  • wulianghuan
  • 2013年11月04日 14:45
  • 12768

Android 长按弹出菜单选项:ContextMenu(长按弹出标记消息、消息置顶、删除消息)

package com.example.contextmenu; import android.app.Activity; import android.os.Bundle; import andr...
  • Ke1vin
  • Ke1vin
  • 2015年12月09日 16:19
  • 699

WPF中ListBox的创建和多种绑定用法

本篇博文为翻译(http://www.c-sharpcorner.com/uploadfile/mahesh/listbox-in-wpf/),本篇博文主要介绍ListBox控件的创建和用法。 先从...
  • lanshengsheng2012
  • lanshengsheng2012
  • 2013年08月28日 16:51
  • 15426

淘宝列表长按效果实现

项目中需要做一个如下和淘宝相同的长按的交互:首先分析要点: 运用在TableView或者CollectionView上的cell上 在列表进行滑动是会隐藏效果 长按下一个会自动隐藏掉...
  • u012478608
  • u012478608
  • 2017年05月08日 23:44
  • 184

手机长按弹出删除的功能,已实现

您确认要删除吗?                                                                                      ...
  • u012767607
  • u012767607
  • 2016年09月22日 13:30
  • 2017

WPF中关于ListBox绑定数据的问题

在定义ListBox的ItemSource绑定时,出现了初次绑定有数据,但是数据变化时视图没有更新的情况。...
  • loveyou388i
  • loveyou388i
  • 2017年05月03日 09:19
  • 658

RecyclerView点击事件与长按事件,并添加点击效果

在网上找了一下实现方法,有的说在adapter里添加回调接口来实现点击事件与长按事件。  不过经过测试,有时候会产生这样的现象:点击item跳转到下一个页面,再返回回来时,  item的点击事件会失效...
  • gaobaoshen1
  • gaobaoshen1
  • 2016年06月14日 16:00
  • 2465

WPF学习笔记——ListBox用ItemsSource绑定数据源

protected class UserItem { public UserItem(int Id, string Name, bool IsActived) ...
  • leftfist
  • leftfist
  • 2014年05月10日 13:37
  • 27708

Android长按事件及上下文菜单

1、View.OnLongClickListener和View.OnCreateContextMenuListener均由长按视图触发。如果要长按直接触发一个事件用前者;若长按触发多个可供选择的事件,...
  • u011196335
  • u011196335
  • 2015年05月23日 18:35
  • 1247
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:实现Listbox中长按弹出ContextMenu效果
举报原因:
原因补充:

(最多只允许输入30个字)