Windows Phone 7 不温不火学习之《Control Toolkit--静态和动态的ContextMenu》-阿里云开发者社区

开发者社区> 开发与运维> 正文
登录阅读全文

Windows Phone 7 不温不火学习之《Control Toolkit--静态和动态的ContextMenu》

简介:

  跟大部分智能手机一样,Windows Phone 7 也有上下文菜单,比较典型的比较可以拿Android 的上下文菜单做比较,都是需要用户长按某一Element (Android 称为某一View)时才会弹出一个菜单项。作为一个辅助的控件,它只能辅助于某一单于控件,而不能设置为在某一布局。这点和Android  有点小差别,Android 允许上下文菜单在任何时间长按某一单元或者称为VIEW也行,因为所有的活动都是包含在这个VIEW里面。这个可能是他们之间的区别吧。

  就使用而言的话,Windows Phone 7因为有强大的封装能力把上下文也封装成控件形式,故较之Android 来得要方便一点,不过Android 是在Activity 支持的。废话不多说,Windows Phone 7使用上下文菜单,以一个TextBlock 为例,为TextBlock 设置上下文菜单代码如下:

  <toolkit:ContextMenuService.ContextMenu>
                
<toolkit:ContextMenu
                
Width="200"
                BorderBrush
="Red"
                 BorderThickness
="5">
                    
<toolkit:MenuItem Header="test1" Click="MenuItem_Click"/>
                    
<toolkit:MenuItem Header="test2" Click="MenuItem_Click"/>
                    
<toolkit:Separator/>
                    
<toolkit:MenuItem Header="test3"  Click="MenuItem_Click"/>

                
</toolkit:ContextMenu>
            
</toolkit:ContextMenuService.ContextMenu>

 

  执行效果如下:

这是一个写死的上下文菜单,遇到需要动态出现上下文菜单如何实现呢?研究上面的XAML代码知道ContextMenuService 是一个静态的类,该类负责生成上下文菜单,可以看它的CS代码:

  方法参数一:是一个元素值,代码我们当前的上下文要设置到哪个控件上

  方法二:传入一个做好的ContextMenu

根据上面的思路,在界面上再放一个TextBlock 然后设置它的上下文,代码如下:

 List<MenuItem> itemSource = new List<MenuItem>();
            
for (int i = 0; i < 5; i++)
            {

                MenuItem item 
= new MenuItem();
                item.Header 
= "动态" + i;
                item.Click 
+= new RoutedEventHandler(MenuItem_Click);
                itemSource.Add(item);
            }

            ContextMenu cm 
= new ContextMenu();
            cm.Width 
= 200;
            cm.BorderBrush 
= new SolidColorBrush(Colors.Red);
            cm.BorderThickness 
= new Thickness(5);
            cm.ItemsSource 
= itemSource;

            ContextMenuService.SetContextMenu(textBlock2, cm);

 

最后运行效果如下:

如上图,跟前面的图比较,好像少了点什么?对,少了分隔符。还有就是根据上面的代码,有人会说一定要使用List 作 为它的Item 来源吗?可不可以一个一个添加进去,答案也是可以的,根据所分析的问题,重新再添加一个TextBlock 做它的上下文菜单,代码如下:

 ContextMenu menu = new ContextMenu();
            menu.Width 
= 200;
            menu.BorderBrush 
= new SolidColorBrush(Colors.Red);
            menu.BorderThickness 
= new Thickness(5);
            
for (int i = 0; i < 5; i++)
            {
              
                MenuItem item 
= new MenuItem();
                item.Header 
= "动态带分隔线" + i;
                item.Click 
+= new RoutedEventHandler(MenuItem_Click);
                menu.Items.Add(item);
                
if (i<4)
                {
                    menu.Items.Add(
new Separator());
                }
               
            }

            ContextMenuService.SetContextMenu(textBlock3, menu);

 

上文代码运行效果如下:

 

触发事件,并通过点击更新标题,响应的代码为:

 private void MenuItem_Click(object sender, RoutedEventArgs e)
        {
            MenuItem menuItem 
= sender as MenuItem;
            
this.ApplicationTitle.Text = menuItem.Header.ToString();
        }

 

 

 

Control Toolkit 第个控件不温不火学习到此为止。

源码下载:上下文菜单







 本文转自 terry_龙 51CTO博客,原文链接:http://blog.51cto.com/terryblog/482456,如需转载请自行联系原作者



版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。

分享:
开发与运维
使用钉钉扫一扫加入圈子
+ 订阅

集结各类场景实战经验,助你开发运维畅行无忧

其他文章