Silverlight版C1OutlookBar初体验

ComponentOne 2011 v3版本中新增了Silverlight版本和WPF版本的c1OutlookBar控件。它对应的是WinForms版本的C1NavBar。因为“OutlookBar”更贴切也更准确，所以我们在XAML平台下使用了这个名字。有Outlook2007和2010样式。

创新互联建站基于成都重庆香港及美国等地区分布式IDC机房数据中心构建的电信大带宽，联通大带宽，移动大带宽，多线BGP大带宽租用,是为众多客户提供专业成都服务器托管报价，主机托管价格性价比高，为金融证券行业服务器托管，ai人工智能服务器托管提供bgp线路100M独享，G口带宽及机柜租用的专业成都idc公司。

OutlookBar类似一个TabControl，用户可以选择Content panel中的任何一个Item。你可以按照优先级为它们建立分类。OutlookBar可以通过拖拽操作，自由的收起或者展开各个项目。这样用户就可以方便的定制那些项目显示出来，哪些最小化到底部的菜单里。如图所示：

整个控件可以最小化到最左边或者最右边。当你不需要导航栏的时候，可以轻松的隐藏它，而将有限的屏幕空间用于显示其他UI。

C1OutlookBar支持14种不同的外观样式。其实基本上所有的ComponentOne Studio的控件都可以通过设置几个Brush属性来适应各种样式风格。这都要感谢ClearStyle技术。

控件结构

以一个最基本的例子来说，我们可以通过几行简单的XAML代码创建一个C1OutlookBar。每一个Item包含4个主要属性：Header，Content，LargeIcon以及SmallIcon。如下图所示：

此外，还需要指定哪些内容在控件收起的时候可以显示，这可以通过定义icon templates实现。下面的XAML代码是上图C1OutlookBar的全部代码：

 
 
 
 

  
  
  
  
   
  
  
  
  
       
  
  
  
  
       
  
  
  
  
           
  
  
  
  
               
  
  
  
  
                   
  
  
  
  
               
  
  
  
  
            
  
  
  
  
                        Text="Navigation Pane" />   
  
  
  
  
           
  
  
  
  
       
  
  
  
  
       
  
  
  
  
       
  
  
  
  
           
  
  
  
  
               
  
  
  
  
           
  
  
  
  
       
  
  
  
  
       
  
  
  
  
           
  
  
  
  
               
  
  
  
  
                   
  
  
  
  
               
  
  
  
  
           
  
  
  
  
       
  
  
  
  
       
  
  
  
  
       
  
  
  
  
           
  
  
  
  
       
  
  
  
  
       
  
  
  
  
           
  
  
  
  
       
  
  
  
  
       
  
  
  
  
           
  
  
  
  
       
  
  
  
  
       
  
  
  
  
           
  
  
  
  
       
  
  
  
  
       
  
  
  
  
           
  
  
  
  
       
  
  
  
  
 
 
 
 
 

页面排布

当C1OutlookBar收起的时候，中间的content区域会自动展开，充满空余的界面。尤其是当把C1OutlookBar放在Grid中时，ColumnDefinition的宽度设置为Auto时，该功能支持的很好。同时初始化ExpandedWidth也很重要，当然了，这个属性可以在runtime修改。代码如下：

工作在MVVM模式下

C1OutlookBar是一个ItemsControl。我们可以将ItemsSource设置给一个由ViewModel定义的列表。这种用例下，我们还可以设置ItemTemplate，ContentTemplate。LargeIconTemplate以及SmallIconTemplate

原文：http://www.cnblogs.com/powertoolsteam/archive/2011/12/22/2297841.html

【编辑推荐】

1. Silverlight***动态和未来前景
2. 微软正式发布Silverlight 5
3. 微软能否撑起Silverlight的明天?
4. 基于Silverlight的网络操作系统SilveOS
5. Silverlight企业应用开发实践之AgileEAS.NET

文章标题：Silverlight版C1OutlookBar初体验
网站链接：http://www.hantingmc.com/qtweb/news21/106071.html

网站建设、网络推广公司-创新互联，是专注品牌与效果的网站制作，网络营销seo公司；服务项目有等

广告

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源： 创新互联