Winform开发中另一种样式的OutLookBar工具条

很早的时候，曾经写了一篇随笔《WinForm界面开发之“OutLookBar”工具条》介绍了OutLookBar样式的工具条，得到很多同行的热烈反馈，我个人也比较喜欢这样的工具条布局，因此我很多共享软件中，都经常看到这种OutLookBar的工具条，这种工具条提供了一种较好的界面布局，方便对工具的分类和排列。如我的多篇随笔《从开发的软件《备件仓库管理系统》总结的一些经验》、《WinForm界面开发之酒店管理系统--开篇》、《Winform开发框架之终极应用》等文章都有介绍，大致的效果如下所示。

 

本文介绍另外一种效果较好的OutLookBar工具条的实现，其思路来源于www.codeproject.com上的一篇介绍OutLook样式的导航条的文章《A Serious Outlook Style Navigation Pane Control》， 该篇文章给出了一个较好的OutLook样式的导航容器，但没提供完整的类似导航条的实现。从该篇文章启发，我结合了TreeView控件的效果，处理得到下面这种界面效果，和之前的OutLookBar样式有较为相似的地方，但体验效果会好一些，也提供更多的工具条控制和样式。

 

 

 这些界面效果较原来的有一定的提供，而且可以根据需要调整OutLook导航条里面展示的内容，如TreeView、ListBox、Button等均可以放到里面空白区域中，提供较好的控制，下面介绍一下上面的效果代码实现，供大家参考。

1、首先先在一个空白的窗体中防止一个OutLook样式的导航控件，如下所示

 

2、实现代码如下所示 

         #region  NavigationBar代码实现

         private   void  InitNaviBar()
        {
            TreeView treeview1  =   new  TreeView();
            treeview1.ShowLines  =   false ;
            treeview1.ImageList  =   this .imageList;

             if  (Portal.gc.HasFunction( " Purchase " ))
            {
                treeview1.Nodes.Add( new  TreeNode( " 备件入库 " ,  0 ,  0 ));
            }
             if  (Portal.gc.HasFunction( " TakeOut " ))
            {
                treeview1.Nodes.Add( new  TreeNode( " 备件出库 " ,  1 ,  1 ));
            }
             if  (Portal.gc.HasFunction( " StockSearch " ))
            {
                treeview1.Nodes.Add( new  TreeNode( " 库存查询 " ,  2 ,  2 ));
            }
             if  (Portal.gc.HasFunction( " ItemDetail " ))
            {
                treeview1.Nodes.Add( new  TreeNode( " 备件信息 " ,  3 ,  3 ));
            }
             if  (Portal.gc.HasFunction( " Report " ))
            {
                treeview1.Nodes.Add( new  TreeNode( " 业务报表 " ,  5 ,  5 ));
            }

            TreeView treeview2  =   new  TreeView();
            treeview2.ShowLines  =   false ;
            treeview2.ImageList  =   this .imageList;
             if  (Portal.gc.HasFunction( " Dictionary " ))
            {
                treeview2.Nodes.Add( new  TreeNode( " 数据字典 " ,  4 ,  4 ));
            }  
             if  (Portal.gc.HasFunction( " WareHouse " ))
            {
                treeview2.Nodes.Add( new  TreeNode( " 库房管理 " ,  6 ,  6 ));
            }

            treeview1.Dock  =  DockStyle.Fill;
             this .naviBand1.ClientArea.Controls.AddRange( new  Control[] { treeview1 });

            treeview2.Dock  =  DockStyle.Fill;
             this .naviBand2.ClientArea.Controls.AddRange( new  Control[] { treeview2 });

         }