ProgressBar顯示進度值，垂直或者水平滾動條

過去一段時間，在研究Windows的系統控件ProgressBar，一直奇怪為啥它不能顯示進度值，本以為是個很簡單的問題，結果搜索很久，也沒有找到好的解決方案，最后終於找到一個Perfect方案，特記錄一下。

<一>比較蹩腳的方案：

用戶自定義控件，在系統的ProgressBar上面放一個Label，在每次進度改變時，修改Label上的Text。

蹩腳的地方：有很明顯的強制植入感覺，系統控件的透明色Transparent也不是真正透明的，Label在ProgressBar上，可以很明顯的感覺到就像一坨屎丟在了大馬路上，很顯眼。

 

<二>比較完美的方案

集成系統ProgressBar，重新繪制，在每次進度改變的時候，刷新一次即可，並且可以修改滾動條的方向：水平滾動條或者垂直滾動條。代碼如下：

 public class ProgressBarWithValue : ProgressBar
    {
        private ProgressBarDirection direction = ProgressBarDirection.Horizontal;
        private bool showPercent = true;
        private string customText;

        public ProgressBarWithValue()
        {
            SetStyle(ControlStyles.UserPaint | ControlStyles.AllPaintingInWmPaint | ControlStyles.OptimizedDoubleBuffer, true);
            base.Size = new Size(200, 15);
        }

        protected override void OnPaint(PaintEventArgs e)
        {
            Rectangle rect = ClientRectangle;
            Graphics g = e.Graphics;
            if (direction == ProgressBarDirection.Horizontal)
                ProgressBarRenderer.DrawHorizontalBar(g, rect);
            else
                ProgressBarRenderer.DrawVerticalBar(g, rect);
            rect.Inflate(-3, -3);
            if (Value > 0)
            {
                if (direction == ProgressBarDirection.Horizontal)
                {
                    Rectangle clip = new Rectangle(rect.X, rect.Y, (int)Math.Round(((float)Value / Maximum) * rect.Width), rect.Height);
                    ProgressBarRenderer.DrawHorizontalChunks(g, clip);
                }
                else
                {
                    int height = (int)Math.Round(((float)Value / Maximum) * rect.Height);
                    Rectangle clip = new Rectangle(rect.X, rect.Y + (rect.Height - height), rect.Width, height);
                    ProgressBarRenderer.DrawVerticalChunks(g, clip);
                }
            }

            string text = showPercent ? (Value.ToString() + '%') : CustomText;

            if (!string.IsNullOrEmpty(text))
                using (Font f = new Font(FontFamily.GenericSerif, 10))
                {
                    SizeF len = g.MeasureString(text, f);
                    Point location = new Point(Convert.ToInt32((Width / 2) - len.Width / 2), Convert.ToInt32((Height / 2) - len.Height / 2));
                    g.DrawString(text, f, Brushes.Red, location);
                }
        }


        /// <summary>
        /// 進度條方向，水平或者垂直
        /// </summary>
        public ProgressBarDirection Direction
        {
            get { return direction; }
            set
            {
                if (direction != value)
                {
                    direction = value;
                    Invalidate();
                }
            }
        }

        /// <summary>
        /// 是否顯示進度，true表示顯示進度，否則顯示自定義的字符串
        /// </summary>
        public bool ShowPercent
        {
            get { return showPercent; }
            set
            {
                showPercent = value;
            }
        }

        /// <summary>
        /// 自定義需要顯示的字符串
        /// </summary>
        public string CustomText
        {
            get { return customText; }
            set
            {
                if (customText != value)
                {
                    customText = value;
                    if (!showPercent)
                        Invalidate();
                }
            }
        }
    }

    public enum ProgressBarDirection
    {
        /// <summary>
        /// 垂直方向
        /// </summary>
        Vertical,
        /// <summary>
        /// 水平方向
        /// </summary>
        Horizontal,
    }

參考地址：http://stackoverflow.com/questions/3529928/how-do-i-put-text-on-progressbar