WinForm界面开发之“OutLookBar”工具条

在很多软件界面中，一个好的界面、方便的导航除了为软件增色不少外，也提高了用户体验，促进软件的良性发展，因为我们的软件一般需要有菜单、工具条、状态条等这些基本的东西，但是工具条本身应该是一些常用的快捷键，内容不能放置太多，否则会容易给客户凌乱的感觉。菜单条则可以分类，但是好像每次去点击，一步步深入，则显得比较麻烦。本篇我介绍一下一个很好的导航条OutlookBar控件。

在我的2个版本的送水软件中，都用到了OutLookBar的工具条，使用的界面效果如下所示。

                  

左边的工具条它们都是同一个控件来的，控件提供了一种类似Outlook方式的工具条，用来切换各种业务窗口，用上这个控件，肯定为您的程序增色不少。这个控件结合上面介绍的布局控件"WeifenLuo.WinFormsUI.Docking"（具体见文章WinForm界面开发之布局控件"WeifenLuo.WinFormsUI.Docking"的使用），那么效果会更好。下面介绍下如何在代码中使用这个Outlookbar工具控件。

1、首先创建一个窗体，用来放置该控件，由于该控件不是一个可视化的控件，因此需要做一些特别的处理，如添加一个ImageList控件，并把OutlookBar控件中用到的图标加载进来，记得选择一些好看的图片哦。

2、在MainToolWindow窗体的构造函数或者Load事件中添加OutlookBar的初始化代码和设置代码，如下所示。

       private OutlookBar outlookBar1 = null ;

        public MainToolWindow()
        {
            InitializeComponent();

            InitializeOutlookbar();           
        }

        private void InitializeOutlookbar()
        {
            outlookBar1 = new OutlookBar();

            #region 销售管理
              OutlookBarBand outlookShortcutsBand = new OutlookBarBand( " 销售管理 " );
            outlookShortcutsBand.SmallImageList = this .imageList;
            outlookShortcutsBand.LargeImageList = this .imageList;
            outlookShortcutsBand.Items.Add( new OutlookBarItem( " 订单管理 " , 0 ));
            outlookShortcutsBand.Items.Add( new OutlookBarItem( " 客户管理 " , 1 ));
            outlookShortcutsBand.Items.Add( new OutlookBarItem( " 水票管理 " , 2 ));
            outlookShortcutsBand.Items.Add( new OutlookBarItem( " 套餐管理 " , 3 ));
            outlookShortcutsBand.Items.Add( new OutlookBarItem( " 今日盘点 " , 5 ));
            outlookShortcutsBand.Items.Add( new OutlookBarItem( " 来电记录 " , 6 ));
            outlookShortcutsBand.Items.Add( new OutlookBarItem( " 送货记录 " , 7 ));
            outlookShortcutsBand.Background = SystemColors.AppWorkspace;
            outlookShortcutsBand.TextColor = Color.White;
            outlookBar1.Bands.Add(outlookShortcutsBand);
           
            #endregion

            #region 产品库存管理
              OutlookBarBand mystorageBand = new OutlookBarBand( " 产品库存管理 " );
            mystorageBand.SmallImageList = this .imageList;
            mystorageBand.LargeImageList = this .imageList;
            mystorageBand.Items.Add( new OutlookBarItem( " 产品管理 " , 2 ));
            mystorageBand.Items.Add( new OutlookBarItem( " 库存管理 " , 3 ));
            mystorageBand.Background = SystemColors.AppWorkspace;
            mystorageBand.TextColor = Color.White;
            outlookBar1.Bands.Add(mystorageBand);
            #endregion

            .
           
            outlookBar1.Dock = DockStyle.Fill;
            outlookBar1.SetCurrentBand( 0 );
            outlookBar1.ItemClicked += new OutlookBarItemClickedHandler(OnOutlookBarItemClicked);
            outlookBar1.ItemDropped += new OutlookBarItemDroppedHandler(OnOutlookBarItemDropped);

            // outlookBar1.FlatArrowButtons = true;
            this .panel1.Controls.AddRange( new Control[] { outlookBar1 });
        }

        private void OnOutlookBarItemClicked(OutlookBarBand band, OutlookBarItem item)
        {
            switch (item.Text)
            {
                #region 销售管理

                  case " 订单管理 " :
                    Portal.gc.MainDialog.ShowContent( " 订单管理 " , typeof (FrmOrder));
                    break ;
                case " 客户管理 " :
                    Portal.gc.MainDialog.ShowContent( " 客户管理 " , typeof (FrmCustomer));
                    break ;
                case " 水票管理 " :
                    Portal.gc.MainDialog.ShowContent( " 水票管理 " , typeof (FrmTicketHistory));
                    break ;
                case " 套餐管理 " :
                    FrmYouhui dlg = new FrmYouhui();
                    dlg.ShowDialog();
                    break ;
                case " 来电记录 " :
                    Portal.gc.MainDialog.ShowContent( " 来电记录 " , typeof (FrmComingCall));
                    break ;
                case " 送货记录 " :
                    Portal.gc.MainDialog.ShowContent( " 送货记录 " , typeof (FrmDeliving));
                    break ;

                #endregion

                #region 产品库存管理
                  case " 产品管理 " :
                    Portal.gc.MainDialog.ShowContent( " 产品管理 " , typeof (FrmProduct));
                    break ;
                case " 库存管理 " :
                     Portal.gc.MainDialog.ShowContent( " 库存管理 " , typeof (FrmStock));
                    break ;
                #endregion

                ..

                default :
                    break ;
            }
        }

        private void OnOutlookBarItemDropped(OutlookBarBand band, OutlookBarItem item)
        {
            //             string message = "Item : " + item.Text + " was dropped";
            //             MessageBox.Show(message);           
        }

 

在代码中注意绑定相关项目的图标序号，否则如果序号不正确，可能会出错的，其实整个控件就是提供展示一些图标，并用同一的事件对鼠标的事件进行处理，用户根据OutlookBarItem的文本内容来判断处理，虽然模式有点落后，不过个人感觉控件还是非常好用，方便。

最后呈上相关的控件文件：http://files.cnblogs.com/wuhuacong/UtilityLibrary.rar