当用户将C1DockingTab控制器加入到C1DockingTab组件中(请参阅 Enabling DockingTab Docking and Floating)
后,它将变成一个对接控制器。你可以通过设置C1CommandDock组件的DockingStyle属性来为对接方式指定实现样
式。DockingStyle属性包括:Default,VS2005,VS2008,和VS2010。Default设置显示一个灰色阴影轮廓用于指示当你释放
光标时,控制器将对接的区域位置。然而VS2005,VS2008和VS2010将分别模仿
VisualStudio2005,VisualStudio2008,andVisualStudio2010中的对接样式。下面的表格中将为每一种对接样式提供一个示例。
Docking样式 | 示例 |
|
|
Default | |
VS2005 | |
VS2008 | |
VS2010 |
Tab样式
C1DockingTab控制器提供若干个内置的风格,例如
Custom,System,Office2010Blue,Office2010Black,Office2010Silver,Office2007Blue,Office2007Black,Office2007Silver,Office2003Blue,Office2003Olive,Office2003Silver,OfficeXP,Classic 和WindowsXP,使用VisualStyle属性,用户可以很轻松的应用这些风格。
C1DockingTab提供若干种内置风格,如Classic,Default,Office2003,Office2007,Office,2010,Rounded,Sloping,VS2003,和WindowsXP。使用TabStyle属性,用户可以很轻松的应用这
些风格。你还可以为你的选项卡页面选择你喜欢的外观类型。例如,你也许想要选项卡页面显示图片,文本或者两者都包括。你可以通过TabStyle设置属性来完成这一工作。这些
TabStyle属性包括Default, Text, Image和TextandImage。
你可能还想使用常用的C1DockingTab外观属性来定制你的选项卡样式,例如:
C1DockingTab.BackgroundImage,C1DockingTab.BackgroundImageLayout,TabAreaBackColor,TabBackColor,TabBackColorSelected,和TabForeColorSelected。下面的图片将介绍一部分C1DockingTab的常用外观属性:
图片1
图片1标签 | 描述 |
1 | PictureBox控件 |
2 | Label 控件 |
3 | C1DockingTabPage.CaptionText |
4 | RichTextBox 控件 |
5 | C1DockingTabPage.TabBackColorSelected = PaleTurquoise |
6 | C1DockingTabPage.Image |
7 | C1DockingTabPage.TabBackColor = MistyRose |
8 | C1DockingTab.BackGroundImage |
选项卡大小
你可以通过设置选项卡页面的ItemSize属性来控制页面的宽度和高度。这个属性将应用到所有的选项卡页面,无论页面中的内容包括什么。该属性的缺省设置根据页面内文本和图片的大小决定的。除了定制页面的高度和宽度,你还可以设置选项卡的模式。TabSizeMode属性包括四个参数类型:FillToEnd,Fit,Normal,和User。FillToEnd参数类型将延伸选项卡,使选项卡的宽度和整个选项卡控制器的宽度一致。Normal参数类型将使用缺省大小模式。User参数类型允许用户
在MeasureTab事件中指定选项卡的大小。下面的表格将为你介绍每种TabSizeMode参数类型的实际效果。each
TabSizeMode member.
注意注意:下面表格中的第三幅图片仅包括两个选项卡,用于更好的介绍FillToEnd参数类型的效果。 |
属性设置图片*TabSizeMode.Normal*
TabSizeMode.Fit | |
TabSizeMode.FillToEnd | |
TabSizeMode.User |
选项卡方向
C1DockingTab提供各种选项卡方向的选项。用户可以将选项卡设置为顶部对齐,底部对齐,左侧对齐或者右侧对齐。
用户可以使用Alignment属性来控制C1DockingTab控制器的选项卡方向。
下面的图片显示C1DockingTab控制器中选项卡顶部对齐的效果。
除了选择选项卡的布局,你还可以指定选项卡如何对齐到页面内容区域的侧边。用户可以通过设置AlignTabs属性实现这一效果。AlignTabs属性设置选项包括:Near,Far,和Center。
注意注意:如果TabSizeMode属性设置为Fit,AlignTabs属性将不会起到任何效果。 |
下面的图片显示C1DockingTab控制器中选项卡设置为顶部对齐并且居中的效果:
如果你希望你的选项卡放到一个指定位置,而不是通过控制器提供的Near,Far或者Center选项来控制。你可以通过设定Indent属性为一个指定像素数值来实现这一效果。
例如,下图中指定选项卡的缩进距离为30像素。
文字方向
除了决定选项卡的布局,你还可以定制选项卡中文本信息的布局。你可以使用TextDirection属性来横向,纵向,纵向从右到左,或者纵向从左到右的显示文本信息。下面的表格将为你介绍当TextDirection属性设置为Horizontal,VerticalLeft 或者VerticalRight时,选项卡是如果显示的。
属性设置 | 图片 |
TextDirection.Horizontal | |
TextDirection.VerticalLeft | |
TextDirection.VerticalRight |
当你的选项卡中包含图片或者文字信息需要显示时,你也许希望控制文本显示在图片的上方,下方,左侧或者右侧。你可以使用TabLayout属性来设置选项卡中的文本显示在图片的上方,下方,左侧或者右侧。
属性设置图片*TabLayout.TextOnRight*
TabLayout.TextonLeft | |
TabLayout.TextAbove | |
TabLayout.TextBelow |
个别选项卡页面的隐藏,关闭以及移动
C1DockingTab控制器包括下面的几种行为属性,例如:隐藏,关闭以及移动选项卡页面。
CanAutoHide
CanCloseTabs
CanMoveTabs
为了方便,你可以将这些属性都设置为缺省的True。如果你不希望让这些属性生效,你也可以将它们设置为False。下面的表格中将描述当CanAutoHide,CanCloseTabs,和CanMoveTabs属性设置为True时,C1DockingTab控制器外观是如何显示的。
动作 | 结果 |
|
|
AutoHide icon clicked | |
Page1 Close button clicked | |
Page1 tab moved |
选项卡页面中的鼠标悬停风格
C1DockingTab控制器提供一个简单属性,用于实现选项卡内鼠标悬停的效果。如果用户将HotTrack属性在设计或者编码阶段设置为True,当鼠标停留在选项卡上后,选项卡的外观将发生改变。