Cómo diseñar una pantalla de números crecientes y decrecientes

En este artículo aprenderás a diseñar un expositor de mostrador en el que también puedes restar.

Así es como se construye:

Ver

  • Coloca en el lienzo un «Campo de texto de entrada» de la sección «Campos de entrada interactivos».
  • Con el «Campo de texto de entrada» seleccionado, ve a la paleta Propiedades y escribe el número «0» como valor.
    inc-dec
  • Para terminar tu vista coloca dos «Botones» junto a tu entrada (tienes que hacer doble clic en cada botón y escribir los símbolos de incremento y decremento «+» y «-«).
    inc-dec

Eventos

Selecciona el botón con el símbolo «+», luego ve a la paleta Eventos y haz clic en «Añadir evento».

  1. En el cuadro de diálogo, haz clic en «Elegir activador», pasa el ratón por encima de la sección «Ratón» y selecciona «al hacer clic».
  2. En «Elegir acción», selecciona «Establecer valor a un elemento» y haz clic en el «Campo de texto de entrada».
  3. Selecciona el botón de opción «Calculado» para el valor y haz clic en «Añadir expresión».inc-dec
  4. En el constructor de expresiones, arrastra el texto de entrada al primer valor, luego arrastra la función «+» y escribe «1» en el último lugar de la expresión. Pulsa «Ok» y «Aceptar» para terminar de crear el evento.

Para completar tu contador replica este evento para el botón «-» y en el último paso, arrastra la función «-«.
inc-dec
Simula tu prototipo.