如何在自定义TP1CustomFlatButton控件底部居中对齐文本？

我明白你卡在文本居中的坐标计算上了——这在WinForm自定义绘制里确实容易踩坑，尤其是TextRenderer的坐标逻辑和我们直觉不太一样。咱们一步步来搞定这个问题：

你当前代码的核心问题 #

1. 错误的宽度计算：你用(this.Width - Text.Length)/2来算X坐标，这完全不对——Text.Length是字符数量，不是文本的像素宽度，不同字符（比如中文vs英文）、不同字体的字符宽度差异很大，必须用专门的方法获取实际像素尺寸。
2. Y坐标超出控件范围：你把Y设为this.Height，再加上TextFormatFlags.Bottom，会导致整个文本被绘制到控件外部，因为TextRenderer的Bottom标志是让文本在你指定的绘制区域底部对齐，而不是把文本的起点放在控件底部。

修改后的完整OnPaint代码 #

protected override void OnPaint(PaintEventArgs pevent)
{
    // 填充控件背景，用using自动释放Brush，避免GDI+资源泄漏
    using (var bgBrush = new SolidBrush(this.BackColor))
    {
        pevent.Graphics.FillRectangle(bgBrush, ClientRectangle);
    }

    // 1. 获取文本的实际像素尺寸（适配当前字体和绘图上下文）
    var textSize = TextRenderer.MeasureText(pevent.Graphics, this.Text, this.Font);

    // 2. 计算水平居中的X坐标：控件客户区宽度减去文本宽度，再除以2
    int textX = (ClientRectangle.Width - textSize.Width) / 2;

    // 3. 计算底部对齐的Y坐标：控件客户区高度减去文本高度，让文本底部刚好贴控件底部
    // 如果想留一点边距，比如2px，可以改成：textY = ClientRectangle.Height - textSize.Height - 2;
    int textY = ClientRectangle.Height - textSize.Height;

    // 4. 设置文本绘制的标志：Bottom确保底部对齐，NoPadding避免额外空白
    TextFormatFlags flags = TextFormatFlags.Bottom | TextFormatFlags.NoPadding;

    // 绘制文本，用计算好的矩形区域保证对齐准确
    TextRenderer.DrawText(pevent.Graphics, this.Text, this.Font, 
        new Rectangle(textX, textY, textSize.Width, textSize.Height), 
        this.ForeColor, flags);

    // 修正图片绘制的坐标问题（之前的除法优先级错误）
    Image img = this.BackgroundImage;
    if (img != null)
    {
        // 示例：让图片在右上角，留8px边距，垂直居中
        int imgX = ClientRectangle.Width - 32 - 8;
        int imgY = (ClientRectangle.Height - 32) / 2;
        Rectangle imgRec = new Rectangle(imgX, imgY, 32, 32);
        pevent.Graphics.DrawImage(img, imgRec);
    }
}

关键细节解释 #

• 用ClientRectangle而非硬编码尺寸：ClientRectangle是控件的客户区域（排除边框、标题等），比直接用Width/Height更准确，尤其是当控件有边框或padding时。
• TextRenderer.MeasureText的必要性：这个方法会根据当前字体、绘图上下文的DPI等因素，计算出文本实际占用的像素宽高，是实现精准对齐的基础。
• Y坐标的逻辑：文本的绘制起点是左上角，所以要让文本底部对齐控件底部，必须把起点Y设为控件高度 - 文本高度，这样文本的底部刚好落在控件的底部边缘。

额外简化方案 #

如果想省掉手动计算坐标的步骤，也可以直接靠TextFormatFlags完成对齐，代码会更简洁：

protected override void OnPaint(PaintEventArgs pevent)
{
    using (var bgBrush = new SolidBrush(this.BackColor))
    {
        pevent.Graphics.FillRectangle(bgBrush, ClientRectangle);
    }

    // 直接用标志让文本在客户区底部水平居中
    TextFormatFlags flags = TextFormatFlags.HorizontalCenter | TextFormatFlags.Bottom;
    TextRenderer.DrawText(pevent.Graphics, this.Text, this.Font, 
        ClientRectangle, this.ForeColor, flags);

    // 图片绘制逻辑同上
    Image img = this.BackgroundImage;
    if (img != null)
    {
        int imgX = ClientRectangle.Width - 32 - 8;
        int imgY = (ClientRectangle.Height - 32) / 2;
        Rectangle imgRec = new Rectangle(imgX, imgY, 32, 32);
        pevent.Graphics.DrawImage(img, imgRec);
    }
}

内容的提问来源于stack exchange，提问作者binh nguyen