Matthewl 发表于 2015-5-21 10:11:39

win8 app AppBar中使用ToggleButton

  在metro style apps's AppBar中使用ToggleButton
如果你玩过win 8 rc版本,那么你应该在应用商店里面看到过许多可供下载的apps.当你用手势从屏幕顶部或底部向下或向上划动的时候
许多这些应用程序你会注意到使用的是共同的appbar theme style。你可以用鼠标右键点击或win8的快捷键去触发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
  
  
页: [1]
查看完整版本: win8 app AppBar中使用ToggleButton