如下图所示，这是一个非常普通的页面，

在界面顶部的工具栏左边有一个按钮，

如下图所示:

它的左边是按钮的图标，右边是按钮的标题，

用于返回上一页面，

 

实现的步骤如下:

拖一个Button到工具栏上，

宽度设置为73，

Align设置为alLeft,

标题设置为”返回所有文件”，

图标Icon设置为白色箭头图标，

如下图所示：

再把标题的字体颜色设置成白色，

属性为SelfOwnMaterial.DrawCaptionParam.DrawFont.FontColor.Color,

把图标绘制参数设置为自适应，

属性为SelfOwnMaterial.DrawIconParam.IsAutoFit,

效果如下:

现在只需要把标题移动到箭头图标的右边就可以了，

有两种方法，

第一种方法，

是把标题设置居中显示:

第二种方法，

需要涉及到调整标题的绘制矩形了,

就是要把标题绘制在箭头图标右边，

标题的绘制矩形是在SelfOwnMaterial.DrawCaptionParam.DrawRectSetting中设置，

DrawRectSetting的属性有:

Left:左边距，

Top:上边距，

Right:右边距，

Bottom:底边距，

Width:绘制区域的宽度，

Height: 绘制区域的高度，

设置的步骤如下:

先把DrawCaptionParam.FontHorzAlign设置为fhaLeft，

再把DrawRectSetting的Enabled设置为True，

表示使用DrawRectSetting中设置的绘制区域来绘制标题，

把SizeType设置为dpstPixel，

表示它的位置和尺寸属性(Left,Top,Right,Bottom,Width,Height)的单位为像素，

(注：SizeType为dpstPencent时，位置和尺寸属性单位为整个控件的百分比)，

最后把Left设置为22，因为箭头图标差不多占了左边22个像素，

再看下显示的效果: