win8 app AppBar中使用ToggleButton

Matthewl

　　在metro style apps's AppBar中使用ToggleButton
如果你玩过win 8 rc版本，那么你应该在应用商店里面看到过许多可供下载的apps.当你用手势从屏幕顶部或底部向下或向上划动的时候
许多这些应用程序你会注意到使用的是共同的appbar theme style。你可以用鼠标右键点击或win8的快捷键[win键+'z']去触发appbar的显示。
　　大多数应用程序使用标准的AppBar button去触发应用程序的一些行为.有时候你可能需要在apps中使用"toggle"按钮触发某些东西。
Bing Maps 就是一个例子。它的"Show Traffic"命令实际上是一个toggle命令.如果你想给你的用户一些视觉指示时候切换选择开启/关闭,这
时候可以在xaml中使用2个按钮去切换他们的显示、隐藏，但是这样做也是有点繁琐。
在vs project 模版中提供了一套appbar样式给你，作为它的核心设计.
　　

　　Picture of the AppBar in the Bing Maps application
　　
下面的一个xaml 样式代码只是稍微修改了下作为ToggleButton的样式-ToggleAppBarButtonStyle.




      
      
      
      
      
      
      
           
               
                  
                       
                           
                              
                              
                              
                              
                           
                           
                       
                       
                       
   
                       
                           
                              
                              
                                   
                                       
                                          
                                       
                                   
                              
                              
                                   
                                       
                                       
                                          
                                       
                                       
                                          
                                       
                                   
                              
                              
                                   
                                       
                                          
                                       
                                       
                                          
                                       
                                       
                                          
                                       
                                   
                              
                           
                           
                              
                                   
                                       
                                       
                                   
                              
                              
                              
                           
                           
                              
                                   
                                       
                                       
                                          
                                       
                                       
                                          
                                       
                                       
                                          
                                       
                                   
                              
                              
                              
                           
                       
                  
               
           
      
   　　
　　现在我们可以有一个简单的风格，显示切换和关闭的按钮。
　　



   
        
   
　　

　　ToggleButtonAppBarStyle in off/on state
　　
　　这种方法我们可以展示出所有的相似行为的AppBarButtonStyle，但是只适用于XAML中德ToggleButton元素。
　　还有你可以设置你想要的任何按钮的Content. 因为这个按钮的基础样式是使用Segoe UI Symbol 字体.
我们可以想要的符号来作为按钮的Content.关于如何你查找你要的符号,通过这篇文章来得到你的答案。
　　
　　来自：http://timheuer.com/blog/archive/2012/03/19/creating-a-metro-style-toggle-button-for-appbar.aspx