Cómo crear una barra de progreso suave en Visual C#

Para una versión de Microsoft Visual Basic .NET de este artículo, consulte 323088 .

Resumen

En este artículo se muestra cómo crear un sencillo y personalizado UserControl para crear un acabado suave, desplazamiento control ProgressBar .

En las versiones anteriores del control ProgressBar , como la versión que se incluye con el control ActiveX de controles comunes de Microsoft Windows, puede ver el progreso en dos vistas distintas. Para controlar estas vistas, utilice la propiedad de desplazamiento , que incluye la configuración estándar y suaves. Desplazamiento suave produce un bloque sólido del color que representa el progreso, y aparece segmentado de desplazamiento estándar y se compone de una serie de bloques pequeños o rectángulos.

El control ProgressBar que se incluye con Microsoft Visual C# admite sólo la configuración estándar.

El código de ejemplo en este artículo muestra cómo crear un control que admite las siguientes propiedades:

  • Mínimo. Esta propiedad obtiene o establece el valor inferior del intervalo de valores válidos para el progreso. El valor predeterminado de esta propiedad es cero (0); no se puede establecer esta propiedad en un valor negativo.
  • Máximo. Esta propiedad obtiene o establece el valor superior del intervalo de valores válidos para el progreso. El valor predeterminado de esta propiedad es 100.
  • Valor. Esta propiedad obtiene o establece el nivel actual de progreso. El valor debe estar en el intervalo que definen propiedades máximo y mínimo .
  • ProgressBarColor. Esta propiedad obtiene o establece el color de la barra de progreso.

Crear un control personalizado de ProgressBar

  1. Siga estos pasos para crear un nuevo proyecto de biblioteca de controles de Windows en Visual C#:
    1. Inicie Microsoft Visual Studio.
    2. En el menú archivo, elija nuevo y, a continuación, haga clic en proyecto.
    3. En el cuadro de diálogo Nuevo proyecto , haga clic en Visual C# en Tipos de proyectoy, a continuación, haga clic en Biblioteca de controles de Windows Forms en plantillas.

      Nota: En Visual Studio .NET 2003, haga clic en Proyectos de Visual C# en lugar de Visual C#.
    4. En el cuadro nombre , escriba SmoothProgressBary, a continuación, haga clic en Aceptar.
    5. En el explorador del proyecto, cambie el nombre del módulo de clase predeterminado desde UserControl1.cs a SmoothProgressBar.cs.
    6. En la ventana Propiedades para el objeto UserControl , cambie la propiedad Name de UserControl1 a SmoothProgressBar.
  2. En este punto, normalmente se heredan de la clase de ese control y, a continuación, agregar la funcionalidad adicional para extender un control existente. Sin embargo, la clase ProgressBar es sealed y no se puede heredar. Por lo tanto, debe generar el control desde el principio.

    Agregue el código siguiente al archivo SmoothProgressBar.cs, en la clase que se deriva de UserControl.

    Nota: En Visual Studio .NET 2003, agregue el código al módulo de clase de la clase derivada de UserControl, inmediatamente después de la sección "Código generado por el Diseñador de Windows Forms".
    int min = 0;// Minimum value for progress rangeint max = 100;// Maximum value for progress range
    int val = 0;// Current progress
    Color BarColor = Color.Blue;// Color of progress meter

    protected override void OnResize(EventArgs e)
    {
    // Invalidate the control to get a repaint.
    this.Invalidate();
    }

    protected override void OnPaint(PaintEventArgs e)
    {
    Graphics g = e.Graphics;
    SolidBrush brush = new SolidBrush(BarColor);
    float percent = (float)(val - min) / (float)(max - min);
    Rectangle rect = this.ClientRectangle;

    // Calculate area for drawing the progress.
    rect.Width = (int)((float)rect.Width * percent);

    // Draw the progress meter.
    g.FillRectangle(brush, rect);

    // Draw a three-dimensional border around the control.
    Draw3DBorder(g);

    // Clean up.
    brush.Dispose();
    g.Dispose();
    }

    public int Minimum
    {
    get
    {
    return min;
    }

    set
    {
    // Prevent a negative value.
    if (value < 0)
    {
    min = 0;
    }

    // Make sure that the minimum value is never set higher than the maximum value.
    if (value > max)
    {
    min = value;
    min = value;
    }

    // Ensure value is still in range
    if (val < min)
    {
    val = min;
    }

    // Invalidate the control to get a repaint.
    this.Invalidate();
    }
    }

    public int Maximum
    {
    get
    {
    return max;
    }

    set
    {
    // Make sure that the maximum value is never set lower than the minimum value.
    if (value < min)
    {
    min = value;
    }

    max = value;

    // Make sure that value is still in range.
    if (val > max)
    {
    val = max;
    }

    // Invalidate the control to get a repaint.
    this.Invalidate();
    }
    }

    public int Value
    {
    get
    {
    return val;
    }

    set
    {
    int oldValue = val;

    // Make sure that the value does not stray outside the valid range.
    if (value < min)
    {
    val = min;
    }
    else if (value > max)
    {
    val = max;
    }
    else
    {
    val = value;
    }

    // Invalidate only the changed area.
    float percent;

    Rectangle newValueRect = this.ClientRectangle;
    Rectangle oldValueRect = this.ClientRectangle;

    // Use a new value to calculate the rectangle for progress.
    percent = (float)(val - min) / (float)(max - min);
    newValueRect.Width = (int)((float)newValueRect.Width * percent);

    // Use an old value to calculate the rectangle for progress.
    percent = (float)(oldValue - min) / (float)(max - min);
    oldValueRect.Width = (int)((float)oldValueRect.Width * percent);

    Rectangle updateRect = new Rectangle();

    // Find only the part of the screen that must be updated.
    if (newValueRect.Width > oldValueRect.Width)
    {
    updateRect.X = oldValueRect.Size.Width;
    updateRect.Width = newValueRect.Width - oldValueRect.Width;
    }
    else
    {
    updateRect.X = newValueRect.Size.Width;
    updateRect.Width = oldValueRect.Width - newValueRect.Width;
    }

    updateRect.Height = this.Height;

    // Invalidate the intersection region only.
    this.Invalidate(updateRect);
    }
    }

    public Color ProgressBarColor
    {
    get
    {
    return BarColor;
    }

    set
    {
    BarColor = value;

    // Invalidate the control to get a repaint.
    this.Invalidate();
    }
    }

    private void Draw3DBorder(Graphics g)
    {
    int PenWidth = (int)Pens.White.Width;

    g.DrawLine(Pens.DarkGray,
    new Point(this.ClientRectangle.Left, this.ClientRectangle.Top),
    new Point(this.ClientRectangle.Width - PenWidth, this.ClientRectangle.Top));
    g.DrawLine(Pens.DarkGray,
    new Point(this.ClientRectangle.Left, this.ClientRectangle.Top),
    new Point(this.ClientRectangle.Left, this.ClientRectangle.Height - PenWidth));
    g.DrawLine(Pens.White,
    new Point(this.ClientRectangle.Left, this.ClientRectangle.Height - PenWidth),
    new Point(this.ClientRectangle.Width - PenWidth, this.ClientRectangle.Height - PenWidth));
    g.DrawLine(Pens.White,
    new Point(this.ClientRectangle.Width - PenWidth, this.ClientRectangle.Top),
    new Point(this.ClientRectangle.Width - PenWidth, this.ClientRectangle.Height - PenWidth));
    }

  3. En el menú Generar , haga clic en Generar solución para compilar el proyecto.

Crear una aplicación cliente de ejemplo

  1. En el menú archivo, elija nuevo y, a continuación, haga clic en proyecto.
  2. En el cuadro de diálogo Agregar nuevo proyecto , haga clic en Visual C# en Tipos de proyecto, haga clic en Aplicación de Windows Forms en plantillasy, a continuación, haga clic en Aceptar.

    Nota: En Visual Studio .NET 2003, haga clic en Proyectos de Visual C# en lugar de Visual C#.
  3. Siga estos pasos para agregar dos instancias del control SmoothProgressBar al formulario:
    1. En el menú Herramientas , haga clic en Elegir elementos del cuadro de herramientas.

      Nota: En Visual Studio .NET 2003, haga clic en Personalizar cuadro de herramientas en lugar de Elegir elementos del cuadro de herramientas.
    2. Haga clic en la ficha Componentes de.NET Framework .
    3. Haga clic en Examinary, a continuación, busque el archivo SmoothProgressBar.dll, que creó en la sección "crear un control personalizado de ProgressBar".
    4. Haga clic en Aceptar. Observe que el control SmoothProgressBar se agrega al cuadro de herramientas.
    5. Arrastre dos instancias del control SmoothProgressBar desde el cuadro de herramientas al formulario predeterminado del proyecto de aplicación de Windows.
  4. Arrastre un control Timer desde el cuadro de herramientas hasta el formulario.
  5. Agregue el código siguiente al evento Tick del control Timer :
    if (this.smoothProgressBar1.Value > 0){
    this.smoothProgressBar1.Value--;
    this.smoothProgressBar2.Value++;
    }
    else
    {
    this.timer1.Enabled = false;
    }

  6. Arrastre un control Button desde el cuadro de herramientas al formulario.
  7. Agregue el código siguiente al evento Click del control Button :
    this.smoothProgressBar1.Value = 100;this.smoothProgressBar2.Value = 0;

    this.timer1.Interval = 1;
    this.timer1.Enabled = true;

  8. En el menú Depurar , haga clic en Iniciar para ejecutar el proyecto de ejemplo.
  9. Haga clic en el botón. Observe que los indicadores de dos progreso mostrar el texto "curso". Un indicador de progreso muestra el progreso de manera creciente y el otro indicador de progreso muestra el progreso de una disminución o un modo de cuenta atrás.
Propiedades

Id. de artículo: 323116 - Última revisión: 17 ene. 2017 - Revisión: 1

Comentarios