Aprende a implementar y utilizar un interesante componente de barra de progreso circular para WinForms.

Cómo implementar y usar barras de progreso circulares en WinForms con C#

El componente tradicional de la barra de progreso de Winforms es bastante útil para mostrarle al usuario el progreso de alguna tarea, el espacio disponible de algo, etc. Sin embargo, después de algunos años, el usuario puede aburrirse de buscar siempre el mismo componente. Si está buscando inspiración e innovación, después de investigar un poco, descubrí un componente increíble que logra el mismo objetivo de la barra de progreso e incluso mejor. Estoy hablando del componente Circular Progress Bar .NET, un componente muy ligero que debería ser un reemplazo in situ de la 'ProgressBar' predeterminada para WinForm con una animación genial.

En este artículo, le mostraremos cómo instalar y usar este componente en su proyecto WinForms C # usando Visual Studio.

1. Instala la barra de progreso circular a través de NuGet

Deberá instalar la biblioteca Circular Progress Bar en su proyecto utilizando el administrador de paquetes NuGet. Abra su proyecto Winforms C # y abra el administrador de paquetes NuGet en el explorador de soluciones:

Vaya a la pestaña Examinar y busca Circular Progress Bar:

Install Circular Progress Bar Via NuGet

De la lista, seleccione el paquete CircularProgressBar de Soroush Falahati e instálelo simplemente haciendo clic en el botón Instalar. Una vez finalizada la instalación, tendrás ahora en tu proyecto el binario para usar este componente. Para obtener más información sobre este componente, visite el repositorio oficial en Github aquí .

2. Agregar barra de progreso circular a la caja de herramientas

Con esta biblioteca podrá arrastrar y soltar el control de la barra de progreso en sus formularios de la misma manera que lo hace con los controles tradicionales. Para organizarse, le recomendamos que cree una pestaña de caja de herramientas personalizada para almacenar dentro de los controles exclusivos de esta biblioteca. Haga clic derecho en un espacio vacío de la Caja de herramientas y desde el menú desplegable seleccione Agregar pestaña, esto le permitirá crear una pestaña vacía y darle un nombre personalizado, en este caso lo llamaremos Controles personalizados:

Custom Controls Toolbox Tab

Luego haga clic derecho en la pestaña personalizada que ha creado (Controles personalizados) y seleccione Elegir elementos en el menú:

Custom Controls Toolbox

En la nueva ventana, vaya a la pestaña Componentes de .NET Framework y haga clic en Examinar . En el cuadro de diálogo de selección de archivo, busque la ruta de su proyecto y el directorio de paquetes, aquí encontrará al menos 2 carpetas, los paquetes de animación CircularProgressBar y WinForm, necesitará importar solo el archivo CircularProgressBar.dll en CircularProgressBar, sin embargo, el archivo WinFormAnimation.dll de el otro paquete debe estar también en el mismo directorio, de lo contrario no podrá importarlo, si el archivo no está allí, cópielos juntos en el mismo directorio e importe  CircularProgressBar.dll:

Circular Progress Bar DLL

Después de seleccionar el dll, el cuadro de diálogo anterior de elementos para la caja de herramientas aparecerá nuevamente con un nuevo elemento, CircularProgressBar:

WinForms Circular Progress Bar Component

Finalmente haga clic en Aceptar y encontrará el nuevo componente en la caja de herramientas:

Circular Progress Bar Component

Para agregarlo en su formulario, simplemente arrástrelo y suéltelo en el formulario como lo hace con cualquier componente normal.

3. Configuración de barras de progreso circulares

Después de arrastrar el componente de la barra de progreso al formulario, podrá personalizarlo cambiando sus propiedades en el diseñador o dinámicamente con código. Una barra de progreso circular tiene las siguientes propiedades:

  • CircularProgressBar.Maximum: Muestra y cambia el valor máximo aceptable para la barra de progreso.
  • CircularProgressBar.Minimum: Muestra y cambia el valor mínimo aceptable para la barra de progreso.
  • CircularProgressBar.Value: Muestra y cambia el valor actual de la barra de progreso.
  • CircularProgressBar.Style: Muestra y cambia el estilo de la barra de progreso. Solo y ahora es compatible. se comporta igual que . Continues  Marquee  Blocks  Continues
  • CircularProgressBar.BackColor: Color de fondo del control, transparente no es compatible
  • CircularProgressBar.Text: Texto principal
  • CircularProgressBar.TextMargin: Margen del texto principal
  • CircularProgressBar.Font: Fuente del texto principal
  • CircularProgressBar.SuperscriptText: Texto en superíndice
  • CircularProgressBar.SuperscriptMargin: Margen del texto en superíndice
  • CircularProgressBar.SuperscriptColor: Color de fuente del texto en superíndice
  • CircularProgressBar.SubscriptText: Texto de subíndice
  • CircularProgressBar.SubscriptMargin: Margen del texto del subíndice
  • CircularProgressBar.SubscriptColor: Color de fuente del texto del subíndice
  • CircularProgressBar.SecondaryFont: Fuente de subíndice como texto de superíndice
  • CircularProgressBar.AnimationFunction: Contiene la función que controla la animación. Utilice el espacio de nombres para algunas de las implementaciones básicas. WinFormAnimation.Functions 
  • CircularProgressBar.AnimationSpeed: Velocidad de la animación. Se aplica a la animación de progreso principal.
  • CircularProgressBar.StartAngle: Ángulo inicial de la barra de progreso. 270 siendo la parte superior del control.
  • CircularProgressBar.InnerColor: Color del círculo interior.
  • CircularProgressBar.InnerWidth: Ancho del círculo interior. -1 significa llenado completo.
  • CircularProgressBar.InnerMargin: Margen del círculo interior.
  • CircularProgressBar.ProgressWidth: Ancho del círculo de la barra de progreso principal. -1 significa llenado completo.
  • CircularProgressBar.ProgressColor: Color del círculo de la barra de progreso principal.
  • CircularProgressBar.OuterColor: Color del círculo exterior.
  • CircularProgressBar.OuterWidth: Ancho del círculo exterior. -1 significa llenado completo.
  • CircularProgressBar.OuterMargin: Margen del círculo exterior.

Que te diviertas ❤️!


Interesado en la programación desde los 14 años, Carlos es un programador autodidacta, fundador y autor de la mayoría de los artículos de Our Code World.

Conviertete en un programador más sociable

Patrocinadores