本文介紹另外一種效果較好的OutLookBar工具條的實現，其思路來源于www.codeproject.com上的一篇介紹OutLook樣式的導航條的文章《》， 該篇文章給出了一個較好的OutLook樣式的導航容器，但沒提供完整的類似導航條的實現。從該篇文章啟發，我結合了TreeView控件的效果，處理得到下面這種界面效果，和之前的OutLookBar樣式有較為相似的地方，但體驗效果會好一些，也提供更多的工具條控制和樣式。

PS：給大家推薦一個C#開發可以用到的界面組件——DevExpress WinForms，它能完美構建流暢、美觀且易于使用的應用程序，無論是Office風格的界面，還是分析處理大批量的業務數據，它都能輕松勝任！

DevExpress技術交流群7：674691612      歡迎一起進群討論

這些界面效果較原來的有一定的提供，而且可以根據需要調整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 });
}

本文轉載自：