[C#] Creating custom progressbar [help]

[Proxynear]

Hi everyone, i was messing around and cant find how i'll start creating my progressbar. I got a launcher design, and the progress bar is there.
So my idea is take the progressbar background from design and set it in c# one, and edit the green updating to a texture.

Can anyone explain me this better?

[Devsome]

#moved…

[YatoDev]

There is a designer for custom controls aka user controls.

Just use the graphics library to load the pic and resize / snip it. there are builtin functions for this.

this might be helpful (isn't runable cause i used the forms designer)

 Spoiler

public partial class FlatProgressBar : UserControl
    {
        public enum Mode
        {
            None,
            Percentage,
            Progress,
            Number
        }

        private Mode _displayMode = Mode.Percentage;

        private float _Max = 100;

        private Color _progressBarColor = Color.Blue;
        private float _value;

        public FlatProgressBar()
        {
            Min = 0;
            InitializeComponent();
        }

        [Category("ProgressBar")]
        public float Value
        {
            get { return _value; }
            set
            {
                _value = value;
                Invalidate();
            }
        }

        [Category("ProgressBar")]
        public Color ProgressBarColor
        {
            get { return _progressBarColor; }
            set
            {
                _progressBarColor = value;
                Invalidate();
            }
        }

        [Category("ProgressBar")]
        public Mode DisplayMode
        {
            get { return _displayMode; }
            set
            {
                _displayMode = value;
                Invalidate();
            }
        }

        [Category("ProgressBar")]
        public float Min { get; set; }

        [Category("ProgressBar")]
        public float Max
        {
            get { return _Max; }
            set { _Max = value; }
        }

        private void FlatProgressBar_Paint(object sender, PaintEventArgs e)
        {
            var gfx = e.Graphics;

            var fontBrush = new SolidBrush(ForeColor);

            if (_value == 0)
            {
                switch (_displayMode)
                {
                    case Mode.None:
                        break;
                    case Mode.Number:
                        gfx.DrawString("0", Font, fontBrush, new PointF(2, ClientRectangle.Height/2 - Font.Size + 1.5f));
                        break;
                    case Mode.Percentage:
                        gfx.DrawString("0%", Font, fontBrush, new PointF(2, ClientRectangle.Height/2 - Font.Size + 1.5f));
                        break;
                    case Mode.Progress:
                        gfx.DrawString("0 / " + Max, Font, fontBrush,
                            new PointF(2, ClientRectangle.Height / 2.0f - Font.Size + 1.5f));
                        break;
                }
                return;
            }

            var brush = new SolidBrush(_progressBarColor);

            var percentage = _value/_Max;

            var rect = new Rectangle(0, 0, (int) (ClientSize.Width*percentage), ClientRectangle.Height);

            gfx.FillRectangle(brush, rect);

            switch (_displayMode)
            {
                case Mode.None:
                    break;
                case Mode.Number:
                    gfx.DrawString(_value.ToString(), Font, fontBrush,
                        new PointF(2, ClientRectangle.Height / 2.0f - Font.Size + 1.5f));
                    break;
                case Mode.Percentage:
                    gfx.DrawString((int) (percentage*100.0f) + "%", Font, fontBrush,
                        new PointF(2, ClientRectangle.Height / 2.0f - Font.Size + 1.5f));
                    break;
                case Mode.Progress:
                    gfx.DrawString(_value + " / " + _Max, Font, fontBrush,
                        new PointF(2, ClientRectangle.Height / 2.0f - Font.Size + 1.5f));
                    break;
            }

            fontBrush.Dispose();
            brush.Dispose();
        }
    }

[Proxynear]

Thanks but what you do on that case? Draw it? Cuz i dont wanna draw any style or colour, i wanna change completly the background of loader and change as you told the progress bar incrementing the image as i think it does with the draw.

[YatoDev]

the FlatProgressBar_Paint method gets called every time the ui need a refresh. also if the progress changed. You can snip the picture to the percentage with very easy math.

You dont want to change the entire background. you just want to draw a small part of the picture into you custom control.

if i understand you right.

so this can be done with the graphics object from PaintEventArgs

[Proxynear]

Thanks for help, i'll take a look into it!

[Xio.]

Don't do it in WinForms and use WPF instead. WPF can do that out of the box, you can simply add an image to the progressbar...

[YatoDev]

Originally Posted by Xio.

Don't do it in WinForms and use WPF instead. WPF can do that out of the box, you can simply add an image to the progressbar...

What he want's cant be done out of the box. Also you need to expect he migth not be familiar to wpf or has a WinForms code base

[Proxynear]

Most of people and tutorials i found, just explain to draw colours inside the bar and not change the style of progress bar with a image and inside of the image, the value to a image not a color.

[Xio.]

Originally Posted by »FlutterShy™

What he want's cant be done out of the box. Also you need to expect he migth not be familiar to wpf or has a WinForms code base

That's why you posted winforms code eh?

[Proxynear]

What you mean Xio?

[YatoDev]

Originally Posted by Xio.

That's why you posted winforms code eh?

I would call it a "safe bet" to post winforms code.

A lot of people are still using winforms and old net frameworks.

and in this case it was the right choice.

So what exactly do you want now?

[Xio.]

Originally Posted by Proxynear

What you mean Xio?

I mean doing it the proper way, start here, then figure it out on your own, you're a dekaron developer (whatever that is) or so you claim, if you don't know how to solve problems you're nothing more than a wannabe

Without telling us there is little we can do for you. If you simply want the solution - good luck finding someone who's going to write down the code just for you, for free.

Originally Posted by »FlutterShy™

I would call it a "safe bet" to post winforms code.

A lot of people are still using winforms and old net frameworks.

and in this case it was the right choice.

So what exactly do you want now?

[YatoDev]

Originally Posted by Xio.

~Snip~

He has a WinForms codebase and is not a professional. Wpf overkill here

[Proxynear]

Btw i appreciate the help, but Flutter is helping me out with that yes and im not using wpf