如何使用C1ToolBars導航控制元件建立導航欄?

本文介紹如何用C1Toolbars建立三種不同風格的導航欄。

工具/原料

ComponenetOne

方法/步驟

建立Office風格導航欄

在設計時,首先拖拽C1NavBar控制元件從工具箱到窗體,就可以建立Office的樣式和行為支援。

其次可以在窗體已經新增的C1NavBar上的任務為它新增按鈕,其中每個按鈕都有一個標題和一個面板,用於新增資訊和其他控制元件。

接著用滑鼠點選C1NavBar的標題,會彈出主選單,用來新增按鈕和相關聯面板、編輯導航條的外觀和佈局以及編輯導航條雜項屬性。編輯導航條雜項屬性的對話方塊如下所示:

如何使用C1ToolBars導航控制元件建立導航欄

最後可以按照熟悉的Office體驗收起或者展開各自分類下的專案;也可以通過C1NavBar任務的視覺樣式更換內建的Office主題樣式;甚至可以將其他控制元件放置在導航面板中。

這樣一個就完成了Office風格的導航欄,執行起來效果如下:

如何使用C1ToolBars導航控制元件建立導航欄

建立經典Outlook體驗導航欄

首先設計時拖拽C1OutBar控制元件到窗體,就可以建立Outlook樣式的導航模型。

其次給C1OutBar新增空白頁或是帶有工具欄的頁,就可以對頁進行編輯。

接著給工具欄新增新的命令連結,對命令連結進行編輯。還可以對工具欄進行編輯工具欄外觀,編輯工具欄佈局以及編輯工具欄雜項。

這樣C1OutBar控制元件可以像一個手風琴那樣操作,其中當一個分組展開時,其他的就會摺疊起來,並且它還包含了如滾動、動畫、自動隱藏等特性。執行起來如下效果:

如何使用C1ToolBars導航控制元件建立導航欄

最後,和C1NavBar一樣,它也可以將任何第三方控制元件引入C1OutBar。在本文Demo中在設計時新增C1Calendar和C1Schedule到約會工具欄。這樣子當執行時,滑鼠點選約會工具欄,會有如下效果:

如何使用C1ToolBars導航控制元件建立導航欄

建立經典Windows樣式導航欄

首先,設計時,拖拽C1TopicBar控制元件到窗體,就可以建立可自由擴充套件或摺疊的導航欄。擴充套件和摺疊由頁的Collapsed屬性控制。

C1TopicBar控制元件通過Links屬性將不同分組裡的連結或命令聚合在一起,和Windows XP中的導航欄一樣。

此外,內嵌主題,通過C1TopicBar的視覺樣式就可以選擇。

在窗體的C1TopicBar上,可以在設計時新增頁或者編輯頁,給頁新增圖片,文字等資訊。

用滑鼠點選C1TopicBar的主題欄,會彈出主選單,用來新增頁、編輯主題頁的集合、編輯主題欄的外觀和佈局以及編輯主題欄雜項屬性。編輯主題欄雜項屬性的對話方塊如下所示:

如何使用C1ToolBars導航控制元件建立導航欄

另外,點選每一個連結,還可以編輯主題連結的外觀,新增或修改文字和圖片等。

根據需要選擇或設定不同的樣式,執行時就可以得到如下的Wnidows樣式導航欄。

如何使用C1ToolBars導航控制元件建立導航欄

風格, 控制元件,
相關問題答案