`
love19820823
  • 浏览: 933721 次
文章分类
社区版块
存档分类
最新评论

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

  1. xmlns:toolkit="clr-namespace:Microsoft.Phone.Controls;assembly=Microsoft.Phone.Controls.Toolkit"
3.在demo.xaml中加入实现代码如下:
  1. <!--ContentPanel-placeadditionalcontenthere-->
  2. <StackPanelx:Name="ContentPanel"Grid.Row="1"Margin="12,0,12,0">
  3. <GridBackground="Blue">
  4. <TextBlockText="SelectacolorfromtheContextMenu"/>
  5. <ListBoxx:Name="listBox">
  6. <ListBox.ItemTemplate>
  7. <DataTemplate>
  8. <StackPanelOrientation="Horizontal">
  9. <toolkit:ContextMenuService.ContextMenu>
  10. <toolkit:ContextMenu>
  11. <toolkit:MenuItemHeader="AddColor"Click="MenuItem_Click"/>
  12. <toolkit:MenuItemHeader="RemoveColor"Click="MenuItem_Click"/>
  13. </toolkit:ContextMenu>
  14. </toolkit:ContextMenuService.ContextMenu>
  15. <ImageSource="{BindingImageUri}"Stretch="None"/>
  16. <TextBlockText="{BindingText}"/>
  17. </StackPanel>
  18. </DataTemplate>
  19. </ListBox.ItemTemplate>
  20. </ListBox>
  21. </Grid>
  22. </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

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

分享到:
评论

相关推荐

Global site tag (gtag.js) - Google Analytics