c# - 将文字分成2种颜色

我正在C＃中制作一个自定义进度栏，我想在该栏顶部显示百分比。我需要它，以便当栏到达文本时，它会更改颜色。以我在下面制作的图像为例：



假设左侧的橙色矩形是进度条，黑色矩形是空白。

无论如何，我可以使用GDI重新创建它吗？

提前致谢，
拍

最佳答案

您可以通过在您选择的控件上覆盖绘画来做到这一点，

首先绘制黑色背景和橙色文字

    e.Graphics.FillRectangle(Brushes.Black, panel1.ClientRectangle);
    e.Graphics.DrawString("StackOverflow", Font, Brushes.Orange, panel1.ClientRectangle);

然后绘制叠加层并裁剪为进度值的大小

    var clipRect = new Rectangle(0, 0, (panel1.Width / 100) * _progress, panel1.Height);
    e.Graphics.SetClip(clipRect);
    e.Graphics.FillRectangle(Brushes.Orange, clipRect);
    e.Graphics.DrawString("StackOverflow", Font, Brushes.Black, 0, 0);

这是一个使用Panel作为覆盖其上的油漆的控件的工作示例（只需将一个面板添加到Form中）

例：

public partial class Form1 : Form
{
    private Timer _progresstimer = new Timer();
    private int _progress = 0;

    public Form1()
    {
        InitializeComponent();
        panel1.Paint += new PaintEventHandler(panel1_Paint);
        _progresstimer.Interval = 250;
        _progresstimer.Tick += (s, e) =>
         {
             if (_progress < 100)
             {
                 _progress++;
                 panel1.Invalidate();
                 return;
             }
             _progress = 0;
             panel1.Invalidate();
         };
        _progresstimer.Start();
    }



    void panel1_Paint(object sender, PaintEventArgs e)
    {
        e.Graphics.FillRectangle(Brushes.Black, panel1.ClientRectangle);
        e.Graphics.DrawString("StackOverflow", Font, Brushes.Orange, panel1.ClientRectangle);

        var clipRect = new Rectangle(0, 0, (panel1.Width / 100) * _progress, panel1.Height);
        e.Graphics.SetClip(clipRect);
        e.Graphics.FillRectangle(Brushes.Orange, clipRect);
        e.Graphics.DrawString("StackOverflow", Font, Brushes.Black, 0, 0);
    }
}

您将需要设置DoubleBuffering等，因为它会闪烁而不会闪烁，但这应该是一个很好的入门示例。

结果：