Cómo usar controles para completar el diseño de la interfaz gráfica de Winforms
A veces, especialmente cuando hay relativamente pocos controles de interfaz, a menudo necesitamos agregar algunas imágenes, fondos, etc. para activarlo y hacer que parezca tanto imágenes como texto. Algunos de los enfoques de este artículo son cómo utilizar las características de varios controles en Winfrom para diseñar una interfaz Winform relativamente hermosa con imágenes y textos.
1. Análisis del efecto de interfaz
En algunos escenarios, como algunos sistemas de compra, venta e inventario, a menudo juntamos algunos módulos relacionados, como compras, envío e inventario. Información como asignación, envío, producto, inventario, inventario, etc. son los contenidos de una escena. A veces se pueden juntar, pero si simplemente pones algunos botones, puede parecer monótono. Si simplemente coloca algunos botones, puede parecer un poco monótono. Para enriquecer el efecto de la interfaz, diseñamos la interfaz como se muestra en la siguiente figura.
Aunque esta interfaz no es particularmente hermosa, es más hermosa que solo unos pocos botones estándar, y hay algunas flechas entre los botones para indicar su flujo o afiliación, por lo que en algunos casos, preferimos expresar nosotros mismos con esta interfaz intuitiva y clara, que también añade una cierta sensación de belleza.
2. Proceso de diseño de la interfaz
En la interfaz que se muestra arriba, el proceso de diseño no es problemático. Primero se determina qué se debe dibujar en la interfaz, se colocan esos botones. y luego planifíquelos, puede comenzar a trabajar en la interfaz.
Analicemos la interfaz anterior. Es una interfaz Winform. Simplemente coloque una imagen de fondo y luego agregue la imagen o botón correspondiente en la posición correspondiente de la interfaz. el evento de clic. Sí, es relativamente simple, jaja.
1) Dibujar imágenes de fondo
Para lograr el mejor efecto de interfaz, pero no podemos dibujar en la interfaz de Winform, solo podemos conformarnos con el segundo mejor, en la herramienta de dibujo. Dibuja algunos gráficos mejores como fondo de la interfaz, como usar el poderoso Photoshop multiuso, también puedes usar Word o también puedes usar otras herramientas de dibujo, ¡todo está bien! ¡El que atrapa el mouse es un buen gato!
Me gusta usar algunas herramientas de dibujo con elementos listos para usar, como EDraw Max, etc., para dibujar el fondo. Deje un lugar para el botón con el icono de antemano. El fondo que dibujamos es como se muestra. en la figura siguiente.
Después de dibujar estos fondos, tome capturas de pantalla para usarlas más adelante. Recuerde reservar una determinada posición para la imagen y tener un cierto tamaño de lienzo. Podemos configurar la imagen como fondo de la forma normal, para que podamos. Cuando amplía la ventana, no verá directamente el final de la imagen. La esquina superior izquierda de la imagen interceptada tiene una determinada posición reservada para la esquina superior izquierda de la imagen.
2) Configure el fondo del formulario y agregue imágenes.
En el formulario que creamos anteriormente, configure su imagen de fondo BackgroundImage, como se muestra en la siguiente figura.
El efecto anterior es agregar un botón de imagen al principio, no hay ningún botón de imagen. Estos son botones de íconos que se agregan a la posición en blanco más adelante, para lograr un efecto atractivo. , Winform tradicional puede usar PictureBox. Basado en DevExpress (descargar), ¡puede usar etiquetas LabelControl! Para manejar el control, configurar su imagen puede lograr buenos resultados.
Varias configuraciones de LabelControl son las siguientes.
También debes establecer la propiedad ImageAlignToText en TopCenter para que el ícono quede bien centrado.
La imagen de arriba es de 64 × 64. Generalmente puedes encontrar algunos de tus íconos favoritos en el sitio web de acuerdo con las palabras clave.
En las imágenes de arriba, siempre puedes encontrar algunos adecuados. iconos., iconos gratuitos de varios tipos de archivos, quedará muy bien si los colocamos en la escena adecuada.
Después de configurar el fondo y el botón de imagen, podemos manejar su evento de clic, para que pueda aparecer el formulario correspondiente. Hay dos formas de abrir el formulario, una es un cuadro de diálogo modal, como se muestra a continuación. Se muestra el código.
private void btnPurchase_Click(remitente del objeto, EventArgs e)
{
FrmPurchase dlg = new FrmPurchase();
dlg.ShowDialog ();
}
El otro es mostrar la apertura en una interfaz de múltiples documentos, como se muestra en el siguiente código. LoadMdiForm(Portal.gc.MainDialog, typeof(FrmProduct));
}
Finalmente, podemos obtener la experiencia general de la interfaz como se muestra a continuación.