Botones interactivos

››  Un botón, es un elemento interactivo que realiza una acción cuando el usuario hace clic o pasa sobre él. ¶
››  Cualquier elemento (texto, forma vectorial o imagen) se puede convertir en botón. ¶

››  El Panel Botones, se visualiza desde Ventana>Interactivo>Botones. ¶

Convertir un elemento en botón: ¶

• Seleccionar elemento que se quiere convertir en botón. ¶
• Clic en el icono "Convertir el objeto en botón" del Panel Botones (abajo, a la derecha). ¶

• El Panel muestra tres estados (apariencias) para dicho elemento que determinan cómo se mostrará el objeto/botón de forma natural, al hacer clic o al pasar sobre él (rollover).¶
• Nos ofrece, por tanto, la oportunidad de incluir hasta 3 apariencias para un mismo elemento, pudiendo cambiar el color, la opacidad, la forma... en función de su estado (normal, al pasar sobre él, o al hacer "clic" sobre él).¶
• Cada vez que se hace clic sobre uno de los estados de "Apariencia", es como si Indesign crease una copia de dicho elemento, de tal forma que se puede modificar la apariencia de esa copia de forma independiente, sin que afecte a las demás.¶

Cuándo se activa el botón: ¶

• Desde las opciones del desplegable "Evento" vamos a definir el desencadenado de la acción, es decir "cuándo actúa el botón". Tenemos varias posibilidades:¶

• Al liberar o tocar es el más utilizado, se hace clic y después se suelta. La acción no se produce hasta una vez que se ha dejado de pulsar el botón. Esto nos permite una última oportunidad de arrastrar el cursor fuera del botón en caso de no querer activarlo.¶
• Al hacer clic (sin necesidad de soltarlo): una vez hecho el clic, la acción se reproduce, no hay vuelta atrás, no espera a que soltemos el botón del ratón.¶
• Al pasar sobre el objeto: la acción se emprende al entrar el puntero en el radio de acción del botón. Basta acercar el puntero para que se reproduzca.¶
• Al alejarse del objeto: es el caso contrario al anterior, la acción se emprende al salir el puntero en el radio de acción del botón. .¶
• Estos dos últimos eventos suelen ser complementarios el uno del otro y se suelen utilizar unidos, por ejemplo, al pasar sobre el objeto el botón muestra un pop-up, y al alejarnos lo oculta (ver ejemplo).¶

Definir qué hada el botón: ¶

• Igualmente, se pueden crear tantas acciones independientes como se necesiten para cada estado de apariencia.¶

• Cada acción define qué ocurre cuando activamos ese botón. Las acciones se añaden desde el icono "+" (desde el icono "–" se eliminan).¶

• Con cada acción, el panel varía presentando una serie de opciones personalizadas para dicha acción desde las que definir su comportamiento: ir a una página en cuestión, a una dirección web, reproducir un sonido…¶
• Se pueden acumular tantas acciones como se deseen, es decir, sería posible activar un sonido a la vez que se abre una página web.¶

Botones ocultos: ¶

• Para hacerlo más divertido, los botones tienen la posibilidad de ocultarse, tanto en el documento exportado como en el documento impreso.¶
• Además, entre sus acciones, figura la de mostrar/ocultar otros botones (incluso a sí mismos). Lo que genera un montón de posibilidades creativas.¶

››  Para entenderlo mejor, te dejo está Práctica con botones interactivos.¶