[WP7]实现Listbox中长按弹出ContextMenu效果

 

#目标

在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声明如下:

view plain
  1. xmlns:toolkit="clr-namespace:Microsoft.Phone.Controls;assembly=Microsoft.Phone.Controls.Toolkit"   
3.在demo.xaml中加入实现代码如下:
view plain
  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>  
如此即可完成长按弹出菜单效果。

#效果演示

[WP7]实现Listbox中长按弹出ContextMenu效果_第1张图片

#问题

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

 

转自http://blog.csdn.net/kokoar/article/details/6717768

你可能感兴趣的:(工作,Microsoft,silverlight,微软,reference,WindowsPhone)