OutBar任务

本节将要展示如何实现特殊的边条任务。定制C1OutPages标题
在本节中，你将学习到如何定制C1OutBar控制器页面的标题区域。你将创建一个包含三个C1OutPage页面的C1OutBar 控制器，设置一部分属性，然后在工程中添加代码，从而为每个标题实现定制颜色。
完成下面的步骤：

将一个C1OutBar控制器添加到你的表单中。
将C1OutPage组件添加到C1OutBar控制器中。
设置以下属性：将c1OutBar1的VisualStyle属性设置为Classic。如果你需要，你同样可以选择Custom类型。剩余的视觉效果将不显示在自定义标题的绘制过程中。

将c1OutPage1的OwnerDraw属性设置为True。将c1OutPage2的OwnerDraw属性设置为True。将c1OutPage3的OwnerDraw属性设置为True。

在属性窗口中，从下拉列表中选择c1OutBar1选项。单击Events按钮，然后双击DrawPage事件来添加DrawPage 事件。
将下面的命名空间导入到工程中：

Visual Basic

Imports C1.Win.C1Command

C#

using C1.Win.C1Command;

将下面的代码添加到DrawPage事件句柄中。

Visual Basic

'e.page parameter determines the page If e.Page Is c1OutPage1 Then
e.Graphics.FillRectangle(Brushes.Gold, e.Bounds)
e.Graphics.DrawString("I", c1OutBar1.Font, Brushes.Black, New
PointF(e.Bounds.Right - 40, e.Bounds.Top + 2)) ElseIf e.Page Is c1OutPage2 Then
e.Graphics.FillRectangle(Brushes.Silver, e.Bounds)
e.Graphics.DrawString("II", c1OutBar1.Font, Brushes.White, New
PointF(e.Bounds.Right - 40, e.Bounds.Top + 2)) ElseIf e.Page Is c1OutPage3 Then
e.Graphics.FillRectangle(Brushes.Plum, e.Bounds)
e.Graphics.DrawString("III", c1OutBar1.Font, Brushes.Yellow, New
PointF(e.Bounds.Right - 40, e.Bounds.Top + 2))
End If

C#

e.page determines the page
If (e.Page == c1OutPage1) {
e.Graphics.FillRectangle(Brushes.Gold, e.Bounds);
e.Graphics.DrawString("I", c1OutBar1.Font, Brushes.Black, new
PointF(e.Bounds.Right - 40, e.Bounds.Top + 2)); } else if (e.Page == c1OutPage2) {
e.Graphics.FillRectangle(Brushes.Silver, e.Bounds);
e.Graphics.DrawString("II", c1OutBar1.Font, Brushes.White, new
PointF(e.Bounds.Right -40, e.Bounds.Top + 2)); } else if (e.Page == c1OutPage3) {
e.Graphics.FillRectangle(Brushes.Plum, e.Bounds);
e.Graphics.DrawString("III", c1OutBar1.Font, Brushes.Yellow, new
PointF(e.Bounds.Right - 40, e.Bounds.Top + 2));
}

按F5运行工程，你会观察到标题已经实现自定义效果了。最后的产品效果如下所示：

创建并且配置C1OutBar控制器

使用拖放操作将一个C1OutBar控制器放到你的表单中。最新创建的C1OutBar控制器初始化包含一个C1ToolBar控制器的独立页面。（C1OutBar页面能够包含任意的C1ToolBar控制器，在那种情况下，将需要特殊对待。它还能够包含其他任意控制器，例如选项卡控制器的页面）。同样的，一个C1CommandHolder将会自动创建，并且添加到组件托盘中。
从属性窗口的下拉列表中选择C1OutPage1选项。将它的Text属性从Page1改为File。
右键单击C1ToolBar上的（也是唯一的）按钮，然后从上下文菜单中选择AppendItem选项。这里将会打开Link to Command对话框。
在Link to Command设计器中，设置如下的常用属性。

TexttoNew
NametocmdFileNew

从创建的新命令列表栏中选择C1Command。
选择OK。
在属性窗口的下拉列表中选择C1CommandLink1选项。然后设置ButtonLook属性为TextAndImage。
选择cmdFileNew选项，然后找到图片属性。单击ellipsis按钮，然后找到需要的图片
选择图片，然后在SelectResource对话框中单击OK。新图片将显示在C1CommandLink1的文本上方。
生成，并且运行应用。运行效果应该近似下图所示：

Page tree

OutBar任务