GUI con emWin en microcontroladores ARM

Name: GUI con emWin en microcontroladores ARM
Rating: 4.8 (4 reviews)

Uso Basico de Widgets y funcionalidades de emWin

Created byChristian Salazar

Last updated 3/2021

Spanish

What you'll learn

001 Proyecto de Prueba para tarjeta STM32 (Keil y STM32CubeIDE)
002 Mostrando Números
003 Mostrando Gráficos 2D
004 Mostrando Barra de Colores
005 Mostrando Bitmap BMP
006 Ejemplo de Dispositivo de Memoria
007 Bloques de Memoria Banding
008 Manejo de Memoria Automático
009 Demostrando Lateclipping
010 Redibujar Fondo
011 Manejador de Ventanas (Windows Manager)
012 Bloque de Ventana FrameWin
013 Mostrando texto
014 Uso de Botón
015 Botón con Bitmap BMP
016 Uso de Checkbox
017 Uso de Seleccion Radio
018 Uso del Deslizador Slider
019 Encabezado de Ventana (Header Window)
020 Ventana con Editable
021 Uso de Menú desplegable (Dropdown)
022 Visualizador de Lista (Listview)
023 Selección en Lista (ListBox)
024 Lista Giratoria (Listwheel)
025 Editable Multiple Demo con Serial (Multiedit)
026 Grafico de Curva Y vs T
027 Manejador de Iconos (Iconview)
028 Software de Arrastrar y soltar Widgets GUIBUILDER

Course content

1 section • 28 lectures • 6h 12m total length

001 Hola Mundo emWin11:32
En este video se muestra el procedimiento para iniciar y preparar un ejemplo proporcionado por ST para el experimento de las diferentes APIs de la libreria gráfica de emWin, este video esta realizado en KEIL, si su IDE de programacion es STM32CubeIDE ver el siguiente video.
001 Hola Mundo STM32Cube IDE11:29
En este video se muestra el procedimiento para iniciar y preparar un ejemplo proporcionado por ST para el experimento de las diferentes APIs de la librería gráfica de emWin, este video esta realizado en STM32CubeIDE , si su IDE de programación es KEIL, ver el anterior video.
002 Mostrando Números6:35
Fenómenos experimentales:
Este ejemplo demuestra las funciones de API relacionadas con la visualización numérica en emWin / STemWin. Puede utilizar esta función de API para completar la pantalla numérica. Este ejemplo solo demuestra algunas de las funciones de API de visualización numérica de uso común, y puede experimentar y probar las demás usted mismo.
003 Mostrando Gráficos 2D12:56
Fenómenos experimentales:
Este ejemplo demuestra las funciones de API relacionadas con el dibujo y la visualización en 2D en emWin / STemWin. Puede utilizar estas funciones de API para completar algunos dibujos de gráficos 2D, como rectángulos, círculos, elipses, segmentos de línea, etc. Este ejemplo solo demuestra algunas de las funciones de API de visualización y dibujo en 2D de uso común,
Otros pueden experimentar y probar por sí mismos.
004 Mostrando Barra de Colores2:43
Fenómenos experimentales:
Descargue el ejemplo en la placa de desarrollo y se dibujarán varias barras de color en la pantalla LCD.
005 Mostrando Bitmap BMP7:07
Fenómenos experimentales:
Este ejemplo demuestra las funciones de la API relacionadas con el dibujo de mapa de bits en emWin / STemWin. Este ejemplo utiliza el convertidor de mapa de bits y software libre para editar imágenes como GIMP.
La imagen del logotipo se convierte en un archivo C y luego se llama a la función relacionada para mostrarla en la pantalla LCD. También puede llamar a la función API especificada para mostrar el mapa de bits ampliado y mostrarlo.
006 Ejemplo de Dispositivo de Memoria5:56
Fenómenos experimentales:
Se puede ver que cuando se usa el dispositivo de almacenamiento, todos los dibujos se dibujan primero en el dispositivo de almacenamiento.
Luego dibuje en la pantalla LCD a la vez, de modo que pueda evitar el parpadeo de la pantalla causado por múltiples dibujos.
007 Bloques de Memoria Banding7:56
Fenómenos experimentales:
Habrá dos rectángulos y un polígono de cuatro esquinas en movimiento en la pantalla LCD, estos tres polígonos no aparecieron durante el movimiento con efecto de flasheo, porque se utiliza un dispositivo de almacenamiento segmentado.
008 Manejo de Memoria Automático8:35
Fenómenos experimentales:
Aparecerá un panel en la pantalla LCD. Este panel está dividido en tres partes. La inferior es la fija y la del medio en el caso del puntero en movimiento, la parte superior es la información del carácter. Estos tres se dibujan utilizando dispositivos de almacenamiento automático para evitar eficazmente el parpadeo de la pantalla.
009 Demostrando Lateclipping11:11
Fenómenos experimentales:
Por defecto, se crearán 5 ventanas y dos botones. Cuando la ventana se mueva al borde de la pantalla LCD, la ventana se recortará.
Del mismo modo, el recorte se produce cuando dos ventanas se superponen.
010 Redibujar Fondo11:38
Fenómenos experimentales:
Se creará una ventana en primer plano de forma predeterminada y luego se moverá la ventana en primer plano. Si no hay una función de devolución de llamada de ventana en segundo plano si mueve la ventana de primer plano, habrá residuos en la pantalla LCD. Después de usar la función de devolución de llamada de la ventana en segundo plano, puede volver a la ventana en segundo plano y elimina el residuo en la función de llamada.
011 Manejador de Ventanas14:53
Fenómenos experimentales:
Esta rutina se trasplanta de las rutinas oficiales relacionadas de Segger para demostrar el uso de funciones de la API de ventana, como la creación de ventanas y la creación de subventanas, el movimiento de la ventana y así sucesivamente.
012 Bloque de Ventana FrameWin11:04
Fenómenos experimentales:
El control FRAMEWIN se ha utilizado en el ejemplo anterior y el control FRAMWIN nos proporciona un marco de ventana. El ejemplo de este capítulo trasplantado de la rutina de demostración oficial FRAMEWIN de segger, la rutina en este capítulo demuestra el uso de las funciones API del control FRAMEWIN.
013 Mostrando texto20:59
Fenómenos experimentales:
El programa crea una ventana FRAMWIN de forma predeterminada y usa controles TEXT para mostrar en la ventana FRAMWIN información inmediata.
014 Uso de Botón14:57
Fenómenos experimentales:
Hay 1 BOTON en la pantalla LCD, se usa para controlar el LED1. Tocando este BOTON pueden cambiar el estado del LED1.
015 Botón con Bitmap BMP13:03
Fenómenos experimentales:
Esta rutina se modifica en base al Experimento 15. Descargue el programa en la placa de desarrollo. Debido a que el control BUTTON admite la visualización de mapa de bits, por lo tanto, esta rutina muestra dos mapas de bits "APAGADO" y "ENCENDIDO" en los controles de BOTÓN para recordar al LED1.
Cuando está encendido, mostrará el mapa de bits "ON", y cuando está apagado, mostrará el mapa de bits "OFF".
016 Uso de Checkbox18:13
Fenómenos experimentales:
Se creará una ventana por defecto, habrá múltiples controles CHECKBOX en la ventana, haga clic en un CHECKBOX diferente para lograr la función de selección múltiple. Algunos CHECKBOX tienen tres estados de selección y algunos CHECKBOX han sido prohibidos.
017 Uso de Selección Radio15:35
Fenómenos experimentales:
El programa crea una ventana FRAMWIN de forma predeterminada y se crean dos controles en la ventana FRAMWIN, respectivamente un control de RADIO, un control de BOTÓN. Seleccione una opción en el control de RADIO y luego presione la tecla OK, FRAMWIN desaparecerá, el color de la ventana de fondo cambiará al color que acaba de seleccionar, y el valor del control de RADIO seleccionado actualmente también se mostrará en la ventana de fondo.
018 Uso del Deslizador Slider15:42
Fenómenos experimentales:
El programa crea una ventana FRAMWIN por defecto, y se crean tres controles SLIDER en la ventana FRAMWIN.
Deslice el DESLIZADOR para cambiar el color del bloque de color en el lado derecho de FRAMWIN y ajuste el encendido del LED1 deslizando el control DESLIZADOR inferior.
019 Encabezado de Ventana17:56
Fenómenos experimentales:
Las rutinas de este capítulo se trasplantan de las rutinas de control HEADER oficiales de Segger. Las rutinas de este capítulo se utilizan para demostrar el control HEADER relacionado al uso de funciones API.
020 Ventana con Editable16:15
Fenómenos experimentales:
Descargue este ejemplo en la placa de desarrollo, se creará una ventana FRAMEWIN de forma predeterminada. Hay un control EDIT en FRAMWIN y un control de BOTÓN, habrá una cadena "¡Hola Mundo!" En el control EDITAR de forma predeterminada, haga clic en el botón Aceptar y luego en FRAMWIN la ventana desaparecerá y la cadena del control EDITAR se mostrará en la ventana de fondo.
021 Uso de Menú desplegable Dropdown14:07
Fenómenos experimentales:
Se creará una ventana FRAMEWIN de forma predeterminada. Hay un control DROPDOWN en FRAMWIN y un control de BOTÓN, haga clic en el pequeño triángulo a la derecha de DROPDOWN para abrir el control DROPDOWN y seleccionar uno de los elementos. Entonces haga clic en Aceptar, la ventana FRAMWIN desaparecerá y el elemento seleccionado se mostrará en la ventana de fondo.
022 Visualizador de Lista15:31
Fenómenos experimentales:
El programa crea una ventana FRAMWIN de forma predeterminada, y se crean dos controles en la ventana FRAMWIN, a saber, el control LISTVIEW y control de BOTÓN. La información del examen del estudiante se muestra en el control LISTVIEW. Cuando seleccionamos la información de un estudiante y hacemos clic en el botón OK, el control FRAMEWIN desaparezca, y la información relevante de este estudiante se mostrará en la ventana de fondo.
023 Selección en Lista ListBox15:30
Fenómenos experimentales:
Descargue el programa en la placa de desarrollo, el programa crea una ventana FRAMWIN de forma predeterminada y se crean cuatro controles en la ventana FRAMWIN, a saber: control LISTBOX, control de TEXTO, dos controles de BOTÓN. Seleccione un elemento en el control LISBOX y haga clic en el botón Aceptar para ejecutar la acción correspondiente, después de hacer clic en el botón CANCELAR la ventana FRAMWIN mostrará un mensaje y, después de 3 segundos, FRAMEWIN lo volverá a mostrar.
024 Lista Giratoria18:20
Fenómenos experimentales:
Descargue el programa en la placa de desarrollo, el programa crea una ventana FRAMWIN de forma predeterminada y se crean cinco controles en la ventana FRAMWIN, respectivamente un control LISTWHEEL, tres controles TEXT y un control BUTTON. La fecha se puede ajustar mediante el control LISTWHEEL.
Haga clic en Aceptar cuando haya terminado, y el valor de la fecha seleccionada se mostrará en los tres controles de TEXTO.
025 Editable Multiple Demo con Serial18:04
Fenómenos experimentales:
Descargue el programa en la placa de desarrollo, el programa crea una ventana FRAMWIN de forma predeterminada y se crean tres controles en la ventana FRAMWIN, respectivamente:
Un control MULTIEDIT, un control EDIT y un control BUTTON. Después de que el puerto serie 1 reciba los datos, se mostrará en MULTIEDIT en el control, cuando se presiona la tecla SEND, la cadena en el control EDIT se enviará a través del puerto serie 1.
027 Manejador de Iconos26:30
Fenómenos experimentales:
Descargue el programa en la placa de desarrollo. El ejemplo de este capítulo utiliza el control ICONVIEW para implementar una interfaz de usuario similar a un teléfono inteligente. Las primeras 4 aplicaciones se han realizado funciones simples, pero ninguna de las otras aplicaciones ha realizado funciones.
028 Software GUIBUILDER8:37
Fenómenos experimentales:
Utilice GUIBulider para crear una interfaz de usuario en la PC. Después de generar el archivo .c, colóquelo en el proyecto, compílelo y descárguelo en la placa de desarrollo y luego en la pantalla LCD.
La interfaz de usuario diseñada con GUIBulider se muestra arriba. El uso de GUIBulider puede acelerar el desarrollo de nuestra interfaz de interfaz de usuario, directamente ajuste la posición de los controles en la interfaz de la PC.

Requirements

Programación en C
Concepto de Widgets
Formato de imágenes
Manejo Básico TFT Display

Description

En el Curso aprenderemos a probar las funcionalidades Básicas e intermedias de emWin (STemWin).

Lo puede hacer sin problemas en STM32CubeIDE (Guiarse en el Video 002 para Preparar un Proyecto en STM32CuberIDE).

Hay que aclarar que la librería compilada de emWin por ST es totalmente GRATIS para uso en microcontroladores STM32.

Aprenderemos a usar y probar widgets básicos para un HMI de tipo Industrial como Botones, Listas, CheckBox, Editores, display de Números y Textos, BMP personalizados para una mejor presentación.

Cuando entendamos los detalles básicos de la librería podremos optimizar el uso de memoria RAM y combinarlo con un Sistema Operativo de Tiempo Real (Se esta preparando el curso de FreeRTOS), no es un cambio tan complicado de implementar pero nos facilita en gran medida la programación de aplicaciones.

En el curso se usa Timers (Temporizadores) de software de la librería emWin, son de gran ayuda aunque no se aborda como un tema.

Se configura la posibilidad de usar STLink V2 de la Tarjeta STM32F746 Discovery como un conversor de USB a Serial TTL para probar la funcionalidad de un Widget.

La principal aplicación de este curso es guiar para la realización de las ideas de elaborar y diseñar un HMI - PLC o algún dispositivo para IOT que tenga funcionalidades competitivas.

Vamos a ir complementando nuestros conocimientos de Sistemas Embebidos con cursos adicionales de lwIP, FreeRTOS y PLCs para aplicarlos en la industria, con costos de implementación relativamente competitivos ya que la trayectoria en la elaboración de proyectos de esta naturaleza nos ha permitido buscar cada vez mejores opciones.

Se puede lograr la implementación de un HMI de 7 Pulgadas (800x480 RGB 16 bits) con emWin con el hardware Básico que son un TFT de 7 Pulgadas (Con 1 solo voltaje de alimentación) + Touch (Capacitivo o Resistivo) + STM32H7 (No RAM externa, No Flash Externa), esto nos permite reducir costos de Hardware y bajar el tiempo de de implementación y desarrollo para lanzar productos rápidamente al mercado.

Who this course is for:

Desarrolladores de Sistemas Emebebidos
Estudiantes de Electrónica
Programadores de microcontroladores
Aficionados en general a microcontroladores