Práctica
Botones interactivos

 1   En un documento nuevo, con los parámetros por defecto, crear 2 elementos: un círculo relleno de color rojo y un marco de texto con un "uno" bien grande.

››  Convertir ambos elementos a botón. 
  • Clic en el icono "Convertir el objeto en botón" del Panel Botones (abajo, a la derecha). 
Convertir el objeto en botón

 2   Vamos a hacer que el Botón 2 (el número) aparezca oculto en el PDF, y que solo se muestre al activar el Botón 1 (el círculo rojo).

››  Para ello lo seleccionamos y marcamos la casilla "Oculto hasta activación". 

 3   Vamos a proporcionar al Botón 1 (el círculo rojo) la interactividad para que, al pasar sobre él, haga aparecer el Botón 2 (el número, que hemos indicado que esté oculto hasta activación), y que este desaparezca cuando alejamos el cursor del Botón 1 (el círculo rojo).


››  Lo primero será indicar cuándo entra en funcionamiento el botón. Vamos a hacerlo de tal forma que el botón se accione simplemente al acercar el cursor sobre él (sin necesidad de hacer clic).
  • Con el botón 1 seleccionado, acceder a Evento > Al pasar sobre el objeto.


››  Ahora vamos a indicar qué hace el Botón 1 cuando interactuamos con él. Puesto que lo que queremos es que muestre el botón 2, se lo indicaremos así: con el Botón 1 seleccionado (el círculo rojo), desde Acciones > Mostrar/ocultar botones y formularios.

››  Esto nos permite indicar qué elementos serán visibles/invisibles al interactuar con el botón, mediante la técnica de "los ojitos": 
  • Hacer clic en el icono que aparece a la izquierda de Botón 2 hasta que aparezca el ojo (sin tachar). Esto indica que el botón se hará visible cuando nos acerquemos al Botón 1 
››  Como se ha visto, un botón puede efectuar más de una acción, de forma que vamos a indicar una nueva operación cuando nos alejemos del circulo rojo.
  • Seleccionar Evento Al alejarse del objeto. La ventana de Acciones aparece vacía, permitiéndonos añadir una nueva. En nuestro caso será nuevamente Acciones > Mostrar/ocultar botones y formularios
  • Pero esta vez, lo que nos interesa es que el círculo rojo desaparezca, por tanto haremos clic en el icono que aparece a la izquierda de Botón 2 hasta que aparezca el ojo tachado. Esto indica que el botón se hará invisible cuando nos alejemos del Botón 1. 

››  El Panel debería quedar de la siguiente manera:


 4   Al exportar el documento como PDF interactivo, el resultado debería ser el siguiente.


››  ¿Serías capaz de conseguir este efecto, repitiendo los pasos indicados?


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). 
Convertir el objeto en botón
  • 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.