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

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

DevExpress技術(shù)交流群7：674691612      歡迎一起進(jìn)群討論

這些界面效果較原來的有一定的提供，而且可以根據(jù)需要調(diào)整OutLook導(dǎo)航條里面展示的內(nèi)容，如TreeView、ListBox、Button等均可以放到里面空白區(qū)域中，提供較好的控制，下面介紹一下上面的效果代碼實(shí)現(xiàn)，供大家參考。

1. 首先先在一個(gè)空白的窗體中防止一個(gè)OutLook樣式的導(dǎo)航控件，如下所示：

2. 實(shí)現(xiàn)代碼如下所示：

#region NavigationBar代碼實(shí)現(xiàn)

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("業(yè)務(wù)報(bào)表", 5, 5));
}

TreeView treeview2 = new TreeView();
treeview2.ShowLines = false;
treeview2.ImageList = this.imageList;
if (Portal.gc.HasFunction("Dictionary"))
{
treeview2.Nodes.Add(new TreeNode("數(shù)據(jù)字典", 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 });
}

本文轉(zhuǎn)載自：