Paso 4: HTML e interfaz de usuario.
Interfaz de usuario
Como ya he mencionado antes - crear App con Involt es smiliar a trabajar con otros marcos HTML. Los parámetros de cada elemento de la interfaz de usuario se define con clases CSS. Para personalizar la interfaz, puede Agregar o editar el archivo CSS.
Añadir dos líneas de código a la sección de cuerpo en index.html. La primera línea es responsable de mostrar pin A0 valor y la segunda línea es botón valor del pin digital interruptor entre 0/1 (el 0 es el valor del principio en el lanzamiento de la aplicación).
Involt sintaxis básica:
ARD [función] [pin] [valor] [yourclass]
Para ver qué se puede hacer con cheque de Involt la página de referencia
<body> <div class="ard show A0"></div> <div class="ard toggle P3 value-0"></div> </body>
Más características
También puede enviar valor PWM. Cambiar el botón de alternar a dos botones con valores PWM (o botón de alternar-pwm). Aquí está el ejemplo del botón que envía el valor 255 a la clavija 3:
<div class="ard button P3 value-255">Click me</div>
Para crear interfaz personalizada o interacciones más avanzadas pueden utilizar JQuery. Por ejemplo, enviar el valor 123 a pin 5 parece:
$(this).pinDefine("P5").sendValue(123); Porque este es el tutorial básico usé sólo funciones básicas. Sólo tener en cuenta que hay muchas maneras de hacer lo mismo.
Prueba
Para comprobar los resultados abren la aplicación, elija su dispositivo puerto y usted debería ver algo similar a la imagen adjunta.
Para más ejemplos de los archivos y compruebe otros tutoriales en la página Involt.
