Aprende a implementar una interfaz de usuario oscura utilizando la colección de controles DarkUI para Winforms.

Cómo usar una DarkUI (interfaz de usuario oscura) en Winforms C#

DarkUI es un intento de crear una biblioteca de control simple y extensible que emula la apariencia de las interfaces de documentos con pestañas populares como Visual Studio, Photoshop, WebStorm y XCode. Originalmente solo era una colección de correcciones de errores y mejoras creadas sobre WinForms, ahora se ha convertido en una biblioteca de control y acoplamiento completamente funcional. Es importante tener en cuenta que la biblioteca no creará automáticamente un proyecto existente con una interfaz más oscura, sino que esta biblioteca crea nuevos controles que puede agregar a su proyecto.

En este artículo, le explicaremos cómo construir el dll DarkUI para usarlo en sus propios proyectos y así implementar una interfaz de usuario oscura.

1. Clone el proyecto DarkUI y compile la DLL

Para incluir el kit de herramientas DarkUI en su biblioteca, necesitará específicamente hacer referencia a una DLL que solo se puede obtener después de construir la solución principal del proyecto DarkUI en Visual Studio. Puede descargar un archivo zip con el contenido del repositorio desde Github o clonarlo a través de git:

git clone https://github.com/RobinPerris/DarkUI.git

Este contendrá 2 directorios del proyecto y un archivo de solución, esto le permitirá abrir el proyecto DarkUI desde Visual Studio:

Visual Studio Open Solution

Luego, cuando aparezca el explorador de archivos, seleccione la solución en el directorio raíz del proyecto descargado de DarkUI:

DarkUI Project Structure

Esto abrirá el proyecto DarkUI en Visual Studio como cualquier otro proyecto con el que trabaje. Una vez que se haya abierto, navegue hasta el Explorador de soluciones y seleccione el proyecto DarkUI de la solución, haga clic derecho sobre él y haga clic en Construir :

DarkUI WinForms C# Build DLL

Después de comenzar la compilación, que no debería tomar mucho tiempo, encontrará en el proyecto de DarkUI en la ruta DarkUI\DarkUI\bin\Debugun archivo DLL, a saber DarkUI.dll. Deberá hacer referencia a esta DLL desde el proyecto en el que desea utilizar esta biblioteca. Para obtener más información sobre este proyecto, visita el repositorio oficial en Github aquí .

2. Referencia DarkUI.dll

Como siguiente paso, ahora saltaremos al proyecto donde desea implementar los controles personalizados. Continúe creando una nueva pestaña de controles en la Caja de herramientas con el nombre DarkUI con clic derecho y Agregar pestaña . Luego haga clic derecho en la pestaña personalizada que ha creado (DarkUI) y seleccione Elegir elementos en el menú:  

Choose Items custom Toolbox Visual Studio

En la nueva ventana, vaya a la pestaña Componentes de .NET Framework y haga clic en Examinar:

WinForms MetroFramework Select Components

Una vez que aparezca el navegador de archivos, deberá navegar hasta la ruta  DarkUI\DarkUI\bin\Debug del proyecto DarkUI original y seleccionar el archivo DarkUI.dll generado en el primer paso, una vez seleccionado, los controles de esta biblioteca aparecerán en la lista:

DarkUI C# custom dark controls WinForms

Haga clic en Aceptar y listo, ahora podrá arrastrar los componentes de la caja de herramientas en su proyecto.

3. Usando DarkUI

Como último paso, deberá cambiar la clase que extiende sus formularios, en lugar de extender la clase Form, debería extender la clase DarkForm:

using DarkUI.Forms;

public partial class Form1 : DarkForm
{
    public Form1()
    {
        InitializeComponent();
    }
}

Nota

Como buen consejo de diseño, si no cambias la clase de extensión del formulario, puede establecer el color de fondo de cualquier formulario en rgb (60, 63, 65), por lo que el fondo siempre será más oscuro que cualquiera de los controles. ofrecido por la biblioteca.

Eso era básicamente todo lo que necesitabas para usar una interfaz oscura en tu aplicación WinForms. Puede consultar el proyecto de ejemplo incluido con el código fuente. Le mostrará cómo usar la mayoría de formularios, controles y componentes de acoplamiento. También puede leer la wiki del proyecto GitHub . Contiene toda la información que necesita para comenzar, así como guías e información más detallada. 

Que te diviertas ❤️!


Ingeniero de Software Senior en EPAM Anywhere. 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