2024年4月2日发(作者：通妞妞)

dxRibbon(VCL)控件中Contextual Tabs的显示

Devexpress VCL套件中Ribbon控件的正常的Tabs如下：

有的时候程序需要根据具体的要求动态显示相应的Ribbon Tab，比如下图，当我们编写

一个字处理软件时，如果文档中有文字选中时，则自动显示与文字格式设定相关的工具（比

如字体、颜色等），当没有文字选中时，则自动隐藏这个tab页面，在DEVXPRESS RIBBON控

件中我们可以通过Contextual tabs来实现这样的功能。

下面我们通过一个简单的示例程序说明一下Contextual tabs如何显示与隐藏：

1. 新建一个VCL应用程序

2. 在窗体上放置一个dxBarManger控件，一个dxRibbon控件，两个Button控件

3. 为dxRibbon创建两个Tab(Name为dxRibbon1Tab1与dxRibbon1Tab2),并在每个Tab页随

便加一些控件，如上图，主要为了显示时区别

4. 设置Form1窗体继承自TdxRibbonForm窗体类，注意在uses中要添加dxRibbonForm的

引用

uses

……，dxRibbonForm;

type

TForm1 = class(TdxRibbonForm)

dxBarManager1: TdxBarManager;

dxRibbon1Tab1: TdxRibbonTab;

……

private

{ Private declarations }

public

{ Public declarations }

end;

5. 设置dxRibbon1控件的

SupportNonClientDrawing属性为“True”

（见右图）

6. 在dxRibbon1控件的Contests属性中新建一个Context,属性如下图

//Color为Contextual tabs显示时的背景色

2024年4月2日发(作者：通妞妞)

dxRibbon(VCL)控件中Contextual Tabs的显示

Devexpress VCL套件中Ribbon控件的正常的Tabs如下：

有的时候程序需要根据具体的要求动态显示相应的Ribbon Tab，比如下图，当我们编写

一个字处理软件时，如果文档中有文字选中时，则自动显示与文字格式设定相关的工具（比

如字体、颜色等），当没有文字选中时，则自动隐藏这个tab页面，在DEVXPRESS RIBBON控

件中我们可以通过Contextual tabs来实现这样的功能。

下面我们通过一个简单的示例程序说明一下Contextual tabs如何显示与隐藏：

1. 新建一个VCL应用程序

2. 在窗体上放置一个dxBarManger控件，一个dxRibbon控件，两个Button控件

3. 为dxRibbon创建两个Tab(Name为dxRibbon1Tab1与dxRibbon1Tab2),并在每个Tab页随

便加一些控件，如上图，主要为了显示时区别

4. 设置Form1窗体继承自TdxRibbonForm窗体类，注意在uses中要添加dxRibbonForm的

引用

uses

……，dxRibbonForm;

type

TForm1 = class(TdxRibbonForm)

dxBarManager1: TdxBarManager;

dxRibbon1Tab1: TdxRibbonTab;

……

private

{ Private declarations }

public

{ Public declarations }

end;

5. 设置dxRibbon1控件的

SupportNonClientDrawing属性为“True”

（见右图）

6. 在dxRibbon1控件的Contests属性中新建一个Context,属性如下图

//Color为Contextual tabs显示时的背景色