有5种方向 topic bar添加主题页：通过智能标签，浮动工具条，上下文菜单，集合编辑器，或代码。通过本章节能够学习通过以上五种方法向topic bar添加主题页。

使用智能标签

完成以下步骤:

1. 导航到Toolbox，双击C1TopicBar图标，C1TopicBar控件被添加到了表单上。可以看到命名为Page 1的页面默认出现在控件上。
2. 点击C1TopicBar智能标签( ) 打开C1TopicBar Tasks 菜单.
3. 在C1TopicBar Tasks 菜单上, 点击 Add Page.

Page 2 被添加到C1TopicBar 控件上。

使用浮动工具条

完成以下步骤:

1. 导航到Toolbox，双击C1TopicBar图标，C1TopicBar控件被添加到了表单上。注意默认名称为Page 1的页面出现在控件上。
2. 3. 在浮动工具条上，选择*Add topic page* 按钮 !worddav20239aa5740ceedbf138ab8be76b5d26.png|height=22,width=19!点击C1TopicBar控件按钮 激活浮动工具条。浮动工具条出现在页面上如下所示：

.
Page 2 被添加到C1TopicBar 控件上使用上下文菜单
完成以下步骤:

1. 导航到Toolbox，双击C1TopicBar图标，C1TopicBar控件被添加到了表单上。注意默认名称为Page 1的页面出现在控件上。
2. 右击C1TopicBar控件打开其上下文菜单。
3. 从上下文菜单上选择Add Page.

Page 2 被添加到被添加到C1TopicBar 控件。控件。使用集合编辑器
完成以下步骤:

1. 导航到Toolbox，双击C1TopicBar图标，C1TopicBar控件被添加到了表单上。注意默认名称为Page 1的页面出现在控件上。
2. 点击C1TopicBar智能标签( ) 打开C1TopicBar Tasks 菜单.
3. 在C1TopicBar Tasks 菜单上, 点击 Edit Pages.

The C1TopicPage Collection Editor opens.

1. Click Add to add a page to the collection.
2. Click OK to close the C1TopicPage Collection Editor.

Page 2 被添加到被添加到C1TopicBar 控件。控件。使用代码
完成以下步骤:

1. 导航到Toolbox，双击C1TopicBar图标，C1TopicBar控件被添加到了表单上。注意默认名称为Page 1的页面出现在控件上。
2. 双击表单空白区域来打开代码视图，注意Form_Load 事件已经被添加。
3. 在工程里导入以下命名空间：

Visual Basic

C#

1. 在Form_Load 事件里添加如下代码，目的是创建新的主题页并添加到topic bar里面，

Visual Basic

C#

1. 按下F5编译工程，请注意一个新的页面Page 2出现在了控件上。

本章节演示如下：

从TopicBar移除主题页总共有三种方式从topic bar移除页面：可以使用工具条，集合编辑器，代码。从下面的主题中，你可以学到如何使用三种方法中的任何一种从topic bar移除页面。

使用浮动工具条

完成以下步骤：

1. 导航到Toolbox，双击C1TopicBar图标，C1TopicBar控件被添加到了表单上。可以看到命名为Page 1的页面默认出现在控件上。
2. 在Page 1上滑动鼠标直到浮动工具条出现，主题页的工具条显示如下：

3. 点击Delete topic page按钮 .
主题页从控件上被移除。使用集合编辑器
完成如下步骤：

1. 导航到Toolbox并双击C1TopicBar图标，C1TopicBar控件被添加到表单上。可以看到命名为Page 1的页面默认出现在控件上。如果你想在控件上添加更多的页面请看为TopicBar添加主题页.
2. 点击C1TopicBar智能标签( ) ，打开C1TopicBar Tasks菜单。
3. 在C1TopicBarTasks菜单上，点击Edit Pages.

C1TopicPage Collection Editor打开。

1. 在Members 方框里，选择你想移除的页。
2. 点击Remove移除该页。
3. 点击OK 关闭C1TopicPage Collection Editor。页面从控件被移除。

使用代码

完成以下步骤：

1. 导航到Toolbox并双击C1TopicBar图标，C1TopicBar 控件被添加到了表单上。可以观察到命名为Page 1的页默认出现在控件上。如果你想要在控件上添加更多的页面，请看Adding Topic Pages to the TopicBar。
2. 点击C1TopicBar的智能标签( )，打开C1TopicBar Tasks菜单。
3. 在C1TopicBar Tasks菜单上，点击Edit Pages。

C1TopicPage 集合编辑器打开。

1. 选择你想移除的页面，设置该页的Tag 属性为"Tag1"。添加的这个标签给该页面唯一的指示器是为了将来允许你通过FindPageByTag 方法可以找到该页面。
2. 点击OK关闭C1TopicPage 集合编辑器。
3. 双击表单上空白部分并打开代码视图。注意Form_Load事件处理器已经被添加到了代码视图上。
4. 添加下面的代码，可以找到该页面并移除它，参见Form_Load事件：

Visual Basic

C#

1. 按下F5新建工程观察已经被移除的页面。

添加主题链接到主题页
有三种方法可以添加主题链接到主题页面上：可以使用浮动工具条，集合编辑器，或者代码，在这个主题中，你将学到使用三种方法中的任何一种添加主题链接到主题页面上。

使用浮动工具条

完成以下步骤：

1. 导航到Toolbox并双击C1TopicBar 图标。C1TopicBar 控件被添加到了表单上。可以观察到命名为Page 1的页面默认出现在控件上。
2. 鼠标在Page 1滑动直到浮动工具条出现。主题页的主题条如下出现：

3. 点击Add topic link按钮 .
主题链接Link 就会被添加到主题页上。使用集合编辑器
完成如下步骤：

1. 导航到Toolbox并双击C1TopicBar 图标。C1TopicBar 控件被添加到表单上。可以观察到一个命名为 Page 1的页面默认出现在控件上。
2. 点击C1TopicBar的智能标签( )，打开C1TopicBar Tasks 菜单。
3. 在C1TopicBar Tasks 菜单上，点击Edit Pages。

C1TopicPage Collection Editor打开。

1. 在Members方框里选择一个页面。
2. 在Properties网格里，鼠标放置到Links属性，点击省略号按钮 。C1TopicLink Collection Editor打开。
3. 点击Add添加主题链接到主题页。
4. 点击close关闭C1TopicLink Collection Editor。
5. 点击close关闭C1TopicPage Collection Editor。主题链接Link 就会被添加到主题页上。使用代码

完成以下步骤：

1. 导航到Toolbox并双击C1TopicBar 图标。C1TopicBar 控件被添加到了表单。可以观察 到命名为Page 1的页面默认出现在控件上。如果你想添加更多页面到控件上，参见Adding Topic Pages to the TopicBar。
2. 点击C1TopicBar的智能标签( ) ，打开C1TopicBar Tasks 菜单。
3. 在C1TopicBar Tasks 菜单上，点击 Edit Pages。

C1TopicPage Collection Editor 打开。

1. 选择你想移除的页面，然后设置该页面的Tag属性为"Tag 1"。添加该标签是为了给该页面唯一的指示器以便将来允许你可以通过FindPageByTag 方法找到找到该页。
2. 点击OK关闭C1TopicPage Collection Editor。
3. 双击双击表单上空白部分并打开代码视图。注意Form_Load事件处理器已经被添加到了代码视图上。
4. 引入以下命名空间到工程：

Visual Basic

C#

1. 为Form_Load事件添加以下代码，这个代码可以找到该页，并指定它为一个变量，创建新的主题链接对象，并添加主题链接到主题页。

Visual Basic

C#

C1TopicLink c1TopicLink1 = new C1TopicLink("Link 1");
//Add the new topic link to the topic page c1TopicPage1.Links.Add(c1TopicLink1);

1. 按F5运行工程，就能观察到一个链接已经被添加到了该页面。

主题说明如下：在此主题里，你学到了如何使用三种方法中的任何一种添加主题链接到主题页面上。此主题的结果展示如下：

从主题页移除主题链接
你可以使用浮动工具条，集合编辑器，代码，从主题页面移除主题链接，此主题中，你将学习到如何使用上述方法中的
任何一种移除主题链接，该主题假定你有一个C1TopicBar 空间包含至少一个主题链接（参见添加主题链接到主题页面）在你的页面上。

使用浮动工具条

完成以下步骤：

1. 使用鼠标，移动到你想移除的主题链接直到它的浮动主题条出现。该主题链接的工具条类似如下：

1. 点击Delete topic link按钮 。该主题链接从主题页被移除。

使用集合编辑器

完成以下步骤：

1. 点击C1TopicBar的智能标签( ) ，打开C1TopicBar Tasks 菜单。
2. 在C1TopicBar Tasks菜单上，点击 Edit Pages，

将会打开C1TopicPage Collection Editor。

1. 在Members方框里选择一个页面。
2. 在Properties网格里，鼠标放置在Links属性并点击省略号按钮 。

C1TopicLink Collection Editor打开。

1. 在Members方框里，选择你想移除的链接。
2. 点击Remove移除链接。
3. 点击OK关闭C1TopicPage Collection Editor。
4. 点击OK关闭C1TopicLink Collection Editor。该主题链接从主题页移除。使用代码

完成以下步骤：

1. 点击C1TopicBar的智能标签( ) ，打开C1TopicBar Tasks菜单。
2. 在C1TopicBar Tasks菜单上，点击Edit Pages。

C1TopicPage Collection Editor被打开。

1. 在Members方框里，选择页面获取你想移除的链接。
2. 在Properties 网格内，将页面Tag 属性设置为"PageWithLink"。你将可以在代码中使用FindPageByTag 方法找到该页。
3. 在Properties 网格，将鼠标放置到Links 属性，点击省略号按钮 ，C1TopicLink Collection Editor被打开。
4. 在代码中选择你想移除的链接，在Properties 网格，设置链接的标签属性为"LinkToRemove"。你将获得一个唯一游标的链接，你可以在代码中使用FindLinkByTag 方法找到它。
5. 点击OK关闭C1TopicPage Collection Editor。
6. 点击OK关闭C1TopicLink Collection Editor。
7. 双击表单的空白部分打开代码视图。注意Form_Load事件处理器被添加进代码视图。
8. 添加以下代码到Form_Load事件。这些代码可以找到页面和链接，指定它们为变量，然后从页面移除链接。

Visual Basic

C#

1. 按F5运行工程。自定义外观以下主题说明了如何修改C1TopicBar 控件的外观。

添加背景图片
你可以使用BackgroundImage属性为C1TopicBar 控件添加背景图片。在这个主题中，你讲学到使用属性窗口和代码设置属性。

使用属性窗口

完成以下步骤：

1. 导航到Toolbox并双击C1TopicBar 图标，添加C1TopicBar 控件到你的表单上。
2. 右键C1TopicBar 控件，打开它的上下文菜单，然后选择Properties。这个Properties 窗口被打开并且光标聚焦在

C1TopicBar 控件的属性上。

1. 鼠标放置在BackgroundImage 属性，点击省略号按钮 打开Select Resource 弹框。
2. 选择Local resource 单选按钮并点击Import。Open 对话框打开。
3. 导航到含有你的背景图片的文件夹，选择一个图片，然后点击Open 导入这个图片。
4. Open 对话框关闭，返回给你一个Select Resource对话框。
5. 点击OK关闭Select Resource对话框。

你的背景图片被添加到C1TopicBar 控件上。

使用代码

完成以下步骤：

1. 导航到Toolbox 并双击C1TopicBar 图标，添加C1TopicBar 控件到你的表单上。
2. 双击表单的空白部分打开代码视图。注意Form_Load事件处理器已经被加载到了代码视图上。
3. 通过添加以下代码设置背景图片（通过你自己的路径和图片名字替换C:\YourImage.jpg）到Form_Load 事件。

Visual Basic

C#

1. 按F5运行工程。

此主题说明如下：

在此主题中，你学到了如何通过Properties 窗口和代码添加背景图片。下面的图片描述了C1TopicBar控件和的自定义背景图片。

添加图标到主题页
在这个主题中，你可以创建一个图片列表，然后列表中的一个图片添加到主题页上，完成以下步骤：

1. 在Toolbox中，双击C1TopicBar 图标，添加C1TopicBar 控件到你的工程。
2. 在Toolbox中，双击Image List图标，添加Image List组件到你的工程。
3. 点击Image List控件的智能标签（ ），打开Image List Tasks菜单。
4. 选择Choose Images 打开Images Collection Editor
5. 点击Add，打开Open对话框，完成以下步骤：
   1. 导航到你想使用作为图标的图片。
   2. 选择图片。
   3. 按下OK关闭Open对话框并返回Images Collection Editor。可以看到数字为"0"的图片。
6. 按下OK关闭 Images Collection Editor。
7. 右键C1TopicBar 控件打开它的上下文菜单，然后从列表中选择Properties。这个Properties窗口打开并且

C1TopicBar 属性获取焦点。

1. 鼠标放置ImageList 属性，点击下拉箭头并从列表中选择imageList1。这样会加载图片列表到控件上，以便控件的主题页可以从列表中拉取图片。
2. 鼠标在Page 1上滑动知道浮动工具条出现。这个主题页的工具条出现如下：

1. 点击Edit topic page appearance按钮打开C1TopicPage Properties编辑器。
2. 点击Image Index下拉箭头并从列表中选择0。图标被添加到了Page 1。主题说明如下：

在这个主题中，你添加了图标到主题页面。下面的图片描述了页面和图标。

添加图标到主题链接
在这个主题中，你可以创建一个图片列表，然后列表中的一个图片添加到主题页上，完成以下步骤：

1. 在Toolbox中，双击C1TopicBar 图标，添加C1TopicBar 控件到你的工程。
2. 在Toolbox中，双击Image List图标，添加Image List组件到你的工程。
3. 点击Image List控件的智能标签（ ），打开Image List Tasks菜单。
4. 选择Choose Images 打开Images Collection Editor。
5. 点击Add，打开Open对话框，完成以下步骤：
   1. 导航到你想作为图标的图片。
   2. 选择图片。
   3. 按下OK关闭Open对话框并返回Images Collection Editor。可以看到数字为"0"的图片。
6. 按下OK关闭 Images Collection Editor。
7. 鼠标在Page 1上滑动直到浮动工具条出现。这个主题页的工具条出现如下：

1. 在主题页工具条，点击Edit topic page appearance按钮 ，打开C1TopicPage Properties编辑器。
2. 点击Image List 下拉箭头并从列表中选择imageList1。这样将加载图片列表以便主题页的链接可以从列表中获取图片。
3. 鼠标在Link 1上滑动直到浮动工具条出现。主题链接的工具条出现相似如下：
4. 点击 !worddav6be26c955580c00f8429423eb9001554.png|height=23,width=24!Edit topic link appearance按钮 打开C1TopicLink Properties编辑器。
5. 点击Image Index下拉箭头并从列表中选择0。

图标被添加到Link 1。
主题说明如下：在这个主题中，你添加了图标到链接页面。下面的图片通过一个图标描述了一个主题链接。

改变视觉样式
C1TopicBar 控件支持各种视觉样式，可以通过设置VisualStyle 属性添加到控件上。这个主题说明了使用智能标签，属性窗口和代码如何改变视觉样式。

使用智能标签

完成以下步骤：

1. 导航到Toolbox并双击C1TopicBar 图标，添加控件到你的页面。
2. 点击C1TopicBar 智能标签( ) 打开C1TopicBar Tasks菜单。
3. 点击VisualStyle下拉箭头并从列表中选择一个样式。例如，选择Office2003Olive。

选中的视觉样式被应用到控件上。
使用属性窗口完成以下步骤：

1. 导航到Toolbox并双击C1TopicBar 图标添加控件到你的页面。
2. 右键C1TopicBar 控件，打开上下文菜单然后选择Properties。这个属性窗口打开，并且C1TopicBar 控件的属性获得焦点。
3. 鼠标放置VisualStyle 属性，点击它的下拉箭头，并选择一个视觉样式。例如，选择Office2003Olive。

选中的视觉样式被应用到控件上。

使用代码

完成以下步骤：

1. 导航到Toolbox并双击 C1TopicBar 图标。
2. 双击表单中的空白部分打开代码视图。注意Form_Load事件处理器已经被添加到代码视图。
3. 引入以下命名空间到工程：

Visual Basic

C#

1. 设置视觉样式，添加以下代码，设置视觉样式为Office2003Olive到Form_Load事件：

Visual Basic

C#

此主题说明如下：在此主题中，你学到了如何使用三种不同的方法改变视觉样式。这个主题的结果如下所示：

自定义展开折叠行为
这部分的主题说明了如何改变C1TopicBar页面的展开折叠行为。
改变展开/折叠动画
C1TopicBar 控件的展开/折叠动画行为被默认设置到System上，意味着这个行为遵循用户的操作系统设置。如果你宁愿有控件在它上面，你可以通过设置Animation属性的动画行为打开动画，或者你可以设置Animation关闭动画。

使用属性窗口

完成以下步骤：

1. 导航到Toolbox并双击C1TopicBar 图标。C1TopicBar 控件被添加到了表单上。可以观察到命名为

Page 1的页面默认出现在控件上。如果你想添加更多的页面到表单上，参见Adding Topic Pages to the
TopicBar。

1. 右键C1TopicBar 控件，打开上下文菜单然后选择Properties。
2. 属性窗口打开，C1TopicBar 控件的属性获得焦点。
3. 鼠标放置在Animation 属性，点击它的下拉箭头并从列表中选择一个设置。

使用代码

完成以下步骤：

1. 导航到Toolbox并双击C1TopicBar 图标。C1TopicBar 控件被添加到了表单上。可以看到命名为Page 1的页面默认出现在了控件上。如果你想添加更多的页面到控件上，参见Adding Topic Pages to the TopicBar。
2. 双击表单的空白部分打开代码视图。注意Form_Load事件处理器已经被添加到了代码视图。
3. 引入以下命名空间到工程中：

Visual Basic

C#

1. !worddavb869ddfb9e604ada2e67cbb2dc078060.png|height=10,width=14!完成以下其中一项：打开动画，添加以下代码到Form_Load事件

Visual Basic

C#

!worddavb869ddfb9e604ada2e67cbb2dc078060.png|height=10,width=14!关闭动画，添加以下代码到Form_Load事件：
Visual Basic

C#

1. 按下F5运行。

创建折叠主题页
一个被添加到C1TopicBar 控件的页面将被展开。你可以通过设置Collapsed 属性为True来创建折叠页。在此主题中，你将会学到如何使用浮动工具条，集合编辑器和代码设置Collapsed 属性。

使用浮动工具条

完成以下步骤

1. 导航到Toolbox并双击Collapsed 图标。Collapsed 控件被添加到了表单上。可以看到命名为Page 1的页面默认出现在控件上。如果你想添加更多的页面到控件上，参见Adding Topic Pages to the TopicBar。
2. 鼠标在Page1（或者你选择的另一个页面）上滑动直到浮动工具条出现。这个主题页的工具条出现如下：

1. 点击 !worddav6be26c955580c00f8429423eb9001554.png|height=23,width=24!Edit topic page appearance按钮 打开C1TopicPage Properties编辑器。
2. 选择Collapsed 选择框并看到这个页面被折叠。

使用集合编辑器 完成以下步骤：

1. 导航到Toolbox并双击C1TopicBar 图标。C1TopicBar 控件被添加进了表单。可以观察到命名为Page 1的页面默认出现在控件上。如果你想添加更多的页面到控件上，参见Adding Topic Pages to the TopicBar。
2. 点击C1TopicBar智能标签( ) 打开C1TopicBar Tasks菜单。
3. 在C1TopicBar Tasks菜单上，点击Edit Pages。

C1TopicPage Collection Editor打开。

1. 在Members方框，选择你想折叠的页面。
2. 在Properties 网格，设置Collapsed 属性为True。
3. 按下OK关闭C1TopicPage Collection Editor并观察到一个主题页被折叠。

使用代码

完成以下步骤：

1. 导航到Toolbox并双击C1TopicBar 图标。C1TopicBar 控件被添加到了表单上。看到命名为Page 1的页面被默认出现在了控件上。如果你想添加更多的页面到控件上，参见Adding Topic Pages to the TopicBar。
2. 点击C1TopicBar智能标签打开C1TopicBar Tasks 菜单。
3. 在C1TopicBar Tasks 菜单上，点击Edit Pages。

C1TopicPage Collection Editor打开。

1. 在Members 方框里，选择你想折叠的页面。
2. 在Properties 网格里，设置Tag属性为"PageToCollapse"。此标签是一个唯一的指示器，允许你通过 FindPageByTag 方法在代码中找到合适的页面。
3. 点击OK关闭C1TopicPage Collection Editor。
4. 双击表单的空白部分打开代码视图。注意Form_Load事件处理器已经被添加到了代码视图。
5. 添加以下代码到Form_Load事件。此代码将发现一个页面，指定它为一个变量，然后设置页面的Collapsed 属性为True。

Visual Basic

c1TopicPage1.Collapsed = True
C#

1. 按F5运行工程。

使用主题条工具提示
这部分主题教你如何使用和操作C1TopicBar 工具提示。你将学到如何为主题页和主题链接创建工具提示，你也可以学到如何禁用控件上所有的工具提示。
添加工具提示到主题页
你可以使用浮动工具条，集合编辑器和代码添加工具提示到主题页面。

使用浮动工具条

完成以下步骤：

1. 导航到Toolbox并双击C1TopicBar 图标，C1TopicBar 控件被添加到了表单上。可以看到命名为Page 1的页面默认出现在控件上。如果你想添加更多的页面到控件上，参见Adding Topic Pages to the TopicBar。
2. 鼠标在Page 1（或者你选择的另一个页面）上滑动直到浮动工具条出现。主题页面的工具条出现如下：
3. !worddav6be26c955580c00f8429423eb9001554.png|height=23,width=24!点击编辑主题页外观按钮 ，打开C1TopicPage Properties编辑器。
4. 在Tooltip 文本框内，输入"I am a topic page ToolTip!"。
5. 按F5运行工程。

鼠标悬浮在你添加的工具提示页面上，可以看到工具提示出现。

使用集合编辑器

完成以下步骤：

1. 导航到Toolbox并双击C1TopicBar 图标。C1TopicBar 控件被添加到了表单上。可以看到命名为Page 1的页面被默认添加到了控件上。如果你想添加更多的页面到控件上，参见Adding Topic Pages to the TopicBar。
2. 点击C1TopicBar智能标签( ) 打开C1TopicBar Tasks菜单。
3. 在C1TopicBar Tasks菜单上，点击Edit Pages。
4. 在Members方框里，选择你想添加工具提示的页面。

1. 在Properties 网格里，设置ToolTipText 属性为"I am a topic page ToolTip!"。
2. 点击OK关闭C1TopicPage Collection Editor。
3. 按F5运行工程。
4. 鼠标悬浮在你添加了工具提示的页面，看到一个工具提示出现。

使用代码

完成以下步骤：

1. 导航到Toolbox并双击C1TopicBar 图标。C1TopicBar 控件被添加到了表单上。可以看到命名为Page 1的页面默认出现在控件上。如果你想添加更多的页面到控件上，参见Adding Topic Pages to the TopicBar。
2. 点击C1TopicBar 的智能标签( )打开C1TopicBar Tasks 菜单。
3. 在C1TopicBar Tasks 菜单上，点击Edit Pages。

C1TopicPage Collection Editor 打开。

1. 在Members方框内，选择你想动态添加工具提示的页面。
2. 在Properties 网格里，设置Tag 属性为"PageWithToolTip"。在之后的步骤中，你将使用这个标签找到主题页面。
3. 点击OK关闭C1TopicPage Collection Editor。
4. 双击表单的空白部分打开代码视图。注意Form_Load事件处理器已经被添加到了代码视图。
5. 引入下面的命名空间到工程中：

Visual Basic

C#

1. 添加下面的代码到Form_Load事件。此代码将可以找到这个页面，指定它为一个变量，然后设置页面的ToolTipText属性。

Visual Basic

C#

1. 按F5运行工程。
2. 滑动鼠标在你添加了工具提示的页面上，并看到一个工具提示出现。

主题说明如下：

在此主题中，你学到了如何使用浮动工具条，集合编辑器和代码添加一个工具提示到主题页面上。无论你再此主题中使用哪一种方法，结果将相似如下：