Smarthome Headquarters con ArduiTouch Parte 5 - Nueva GUI y Variación para ESP8266 en lugar de ESP32

Ahora por fin es el momento. Nuestra serie en la sede de Smarthome puede continuar. Después de que la primera versión tenía una interfaz gráfica de usuario muy simple, decidí reprogramar toda la parte de la pantalla y externalizarla a mi propia biblioteca (AT_Display.h) para un uso más fácil. Esto mantiene el código de la aplicación claro.

La nueva interfaz de usuario ahora permite una configuración completa de la visualización del valor medido. Hay formularios de entrada para establecer el nombre, el color y el tamaño de los widgets. Dado que se ha demostrado que el doble clic en la pantalla táctil no siempre funciona y ya que cada evento de doble clic también desencadena un simple clic, utilicé el clic largo (>3s) en su lugar para funciones especiales. El diseño de los formularios, así como los estilos de visualización se pueden ajustar claramente a través de un archivo de encabezado AT_Layout.h. Otros dos archivos de encabezado AT_LanguageGE.h y AT_LanguageEN.h contienen la definición de todos los textos del mensaje y, por lo tanto, permiten un ajuste de idioma. La instrucción #include correspondiente se puede encontrar al principio del archivo de encabezado AT_Display.h .

El boceto de ejemplo para la nueva versión es ahora SmartHomeV2 o asl más innovación para aquellos que quieren utilizar el ESP8266 el boceto de ejemplo SmartHomeV2_8266. Sin embargo, todavía preferiría utilizar el ESP32, ya que el ESP8266 se está quedando sin memoria para las variables locales. Las pruebas han demostrado que la aplicación se bloquea en determinadas circunstancias debido a problemas de pila, lo que resulta en un reinicio por parte del guardián.

Las bibliotecas, así como los bocetos de muestra se pueden encontrar de nuevo en mi Repositorio GitHub. Necesitas las bibliotecas TouchEvent, ATMessageBuffer Y ATSmartHome.

Manual:

Después de activar, aparece la página 1 de la visualización del valor medido con widgets dependiendo de la configuración. Al hacer clic en el interruptor del widget (verde en la imagen) cambiará su valor y pasará el cambio al dispositivo remoto. Si hace clic en un widget durante más de 3 segundos, se abrirá la página de configuración de ese widget.

En este formulario, podemos establecer la etiqueta, la apariencia y la posición del widget. La etiqueta es el texto por encima o a la izquierda de la métrica. Al hacer clic en el área de entrada, aparece un teclado en pantalla y puede cambiar el texto. La tecla Input en la parte inferior derecha finaliza la entrada y hereda el texto.

El tamaño del widget puede tener cuatro valores diferentes.

• pequeño: una sola línea con designación a la izquierda del valor
• izquierda: de dos líneas y media anchura con designación por encima
• derecha: como a la izquierda, pero en la mitad derecha
• grande: dos líneas con designación por encima y fuente más grande.

Si hace clic en el área de entrada, aparecerá una lista de las cuatro opciones. Simplemente haga clic en una de las opciones para seleccionarla.

El color de fondo también se puede establecer. Si hace clic en la muestra de color de la derecha, se mostrará un cuadro de diálogo de selección de color. Para seleccionar el color deseado, haga clic y complete la entrada con el botón Finalizado.

De la misma manera puede establecer el color de fondo de un interruptor activo y el color de fuente. Los decimales indican el número de números después de la coma. Al hacer clic en el área de entrada se abre la entrada numérica.

Esto funciona igual que el teclado de texto.

Con la entrada de número, también puede marcar la página en la que se va a mostrar el widget. Cuando se utiliza el ESP32, 32 páginas están disponibles en el ESP8266 por razones de almacenamiento sólo 8. Entre las páginas se cambia deslizando el dedo.

El último campo de entrada es para la posición del widget en la página. Para pequeños widgets de una línea, es simplemente el número de línea que comienza en 0. Para los widgets de medio ancho, que ocupan dos líneas, el número de línea inferior se aplica al widget izquierdo y el superior a la derecha. Los widgets grandes ocupan dos líneas, por lo que la segunda línea no se puede usar en este caso. El número máximo de línea es 7.

Con los botones en la parte inferior puede guardar los cambios o cancelar sin guardar. El widget también se puede eliminar. El botón Extra aún no tiene función. Posteriormente se utilizará para establecer los colores de fuente en función del valor medido.

Si hace clic en la barra azul inferior en la página principal, aparece la lista de todos los dispositivos.

Para el ESP32 hay 32 para el ESP8266 16. Se puede acceder a las otras páginas deslizando el dedo. Si hace clic en un dispositivo, puede cambiar su nombre.

El cambio también se puede guardar aquí usando el botón Guardar. Al hacer clic en el botón Detalles, se muestra una lista de todos los canales en este dispositivo. El ESP32 tiene un máximo de 8, el ESP8266 un máximo de 4. Los canales activos se resaltan en amarillo.

Si hace clic en un canal, se abre la ventana de configuración para el widget asociado.

El registro de un nuevo dispositivo es el mismo que para la versión anterior. Si se descubre un nuevo dispositivo, su ID o dirección MAC se muestra en la barra azul inferior. Si hace clic en la barra azul inferior durante mucho tiempo, el dispositivo se registra y se muestra el cuadro de diálogo de nombre para el nuevo dispositivo para que pueda asignarle un nombre

Diviértete con la nueva versión. Los dispositivos externos, por supuesto, continuarán funcionando sin ningún cambio.