PDF (adobe.com)

Aplicar estados a botones



Un botón puede tener hasta cuatro estados diferentes, que representan el aspecto del botón en respuesta a un evento del ratón. Los botones con dos estados tienen estados Arriba y Abajo. Los botones con tres y cuatro estados tienen los estados Sobre y Sobre y Abajo. Dichos estados representan el aspecto del botón al pasar el puntero sobre él cuando el botón está arriba (Sobre) o abajo (Sobre y Abajo).

Es posible crear una barra de navegación mediante los botones con dos o tres estados. Sin embargo, sólo los botones con los cuatro estados pueden aprovecharse de los comportamientos incorporados de la barra de navegación de Fireworks.

Crear un botón simple con dos estados

  1. Para acceder al modo de edición de símbolos, realice una de las acciones siguientes:

    • Haga doble clic en un botón existente en el lienzo.

    • Elija Edición > Insertar > Nuevo botón.

  2. Siga uno de estos procedimientos para importar o crear el gráfico en estado Arriba:

    • Arrastre al área de trabajo o importe el gráfico que deba representar el estado Arriba del botón.

    • Utilice las herramientas de dibujo para crear un gráfico o utilice la herramienta Texto para crear un botón a partir de texto.

    • Haga clic en Importar un botón en el Inspector de propiedades y seleccione un botón predefinido editable de la biblioteca Importar símbolos: Botón. Con esta opción, cada uno de los estados del botón aparece automáticamente con los gráficos y el texto adecuados.

    • (Opcional) Defina guías de escala de 9 divisiones para que la forma del botón no se distorsione al cambiar su tamaño. (Consulte Aplicar guías de 9 divisiones a un símbolo.)

    • (Opcional) Elija la herramienta Texto y cree el texto del botón.

  3. Para crear el estado Sobre, seleccione Sobre en el menú desplegable y realice una de las acciones siguientes:

    • Haga clic en Copiar gráfico Arriba, pegue la copia del botón en estado Arriba en la ventana del estado Sobre y modifíquelo.

    • Importe, dibuje o arrastre y coloque un gráfico.

  4. (Opcional) Para utilizar los filtros automáticos a fin de crear aspectos comunes para cada estado, seleccione el gráfico al que desea añadir un filtro automático y haga clic en el botón Añadir filtros del Inspector de propiedades.

  5. Elija Bisel y Relieve > Bisel interior, Relieve hundido, Bisel exterior o Relieve elevado.

  6. Seleccione un filtro preestablecido de botón para cada estado.

    Filtro preestablecido de botón

    Descripción

    Elevado

    El bisel parece elevarse respecto a los objetos subyacentes.

    Resaltado

    El color del botón se aclara.

    Hundido

    El bisel parece hundirse respecto a los objetos subyacentes.

    Invertido

    El bisel parece hundirse en los objetos subyacentes y los colores se iluminan.

Crear un botón con tres o cuatro estados

Aunque los botones con cuatro estados no son obligatorios, su uso permite sacar partido de los comportamientos incorporados de la barra de navegación.

  1. Abra un botón con dos estados en el lienzo en modo de edición de símbolos, seleccione Abajo en el menú desplegable del Inspector de propiedades y realice una de las acciones siguientes:

    • Haga clic en Copiar gráfico Sobre para pegar una copia del elemento gráfico del estado Sobre en la ventana del estado Abajo y modifíquelo para cambiar su aspecto.

    • Importe, dibuje o arrastre y coloque un gráfico.

  2. Para añadir un estado Sobre y Abajo, compruebe que el botón de estado Abajo esté abierto y repita el paso 1.

  3. (Opcional) Aplique filtros preestablecidos a los botones.

    Nota: al insertar o crear un gráfico para los estados Abajo o Sobre y Abajo, las opciones para incluir el estado en la barra de navegación se seleccionan automáticamente.