这个示例我们要实现PageControl的常用效果，

如下图所示:

拖一个PageControl到窗体上，

右键PageControl->New TabSheet，添加三个TabSheet,

一个TabSheet需要两个状态的图标，

一个是普通状态，一个是激活状态的。

拖一个ImageList，把这几个图标添加进去，

三个分页的标题分别设置为”课表”,”校园”,”我”

把PageControl.Properties.Orientation设置为Bottom,

表示将TabHeader放到底部,

PageControl.Properties.TabHeaderHeight设置为60,

把PageControl的Align设置为Client,

分别设置三个TabSheet的Icon和PushedIcon,

方法为Icon.SkinImageList为刚才我们添加的imglistIcons,

Icon.ImageIndex为0,

PushedIcon.SkinImageList也为imglistIcons, ImageIndex为1,

(注: 在设计时双击TabHeader可以切换当前分页)

接下来先设置标题，让它底部水平居中，默认字体颜色设置为#FF878787,

标题的绘制参数在PageControl.SelfOwnMaterial.DrawTabCaptionParam中，

展开PageControl.SelfOwnMaterial.DrawTabCaptionParam，

把它的DrawFont.FontColor设置为#FF878787，

FontHorzAlign设置为fvaCenter,

FontVertAlign设置为fvaBottom,

再设置当页面激活时标题的颜色，

展开DrawTabCaptionParam.DrawEffectSetting.PushedEffect,

勾选EffectTypes中的depetFontColorChange,

并且把FontColor设置为#FF46D2DC,

效果如下:

接下来设置图标，

图标绘制参数在DrawTabIconParam中设置，

先把图标设置为水平居中，

DrawTabIconParam.PictureHorzAlign设置为phaCenter,

图标大小是50*50,看起来有点大了，需要缩小一点，

设置IsStrech为True,

IsAutoFit也为True,

然后设置图标的绘制尺寸,

在DrawTabIconParam.DrawRectSetting中设置，

Enabled设置为True,

Height设置为44,

SizeType设置为Pixel,

OK，设置完成了,双击TabHeader切换看效果，