Tutorial básico de Axure RP 9 (8): configuración del botón interactivo
Al realizar un diseño de interacción de prototipo, los cambios de botones son relativamente comunes. Por ejemplo, ¿cuál es el color predeterminado del botón? ¿Cómo se ve cuando el mouse se coloca sobre un botón y qué sucede cuando se selecciona el botón? Esto es lo que debemos configurar para el botón.
?
1. Efecto de estilo de mouseover
Seleccione el componente del botón y luego haga clic en Estilo de interacción de mouseover en la ventana de interacción.
En la configuración que aparece, simplemente configure el estilo deseado. Si el estilo que desea
configurar no se muestra en el contenido predeterminado, haga clic en "Más opciones de estilo" para mostrarlo. Más opciones de estilo para configurar.
Haga clic en el botón Aceptar para guardar la operación.
?
?
2. Efecto de estilo de presión del mouse
Mira la imagen de arriba, puedes ver que hemos abierto The La ventana de configuración del estilo de interacción del botón le permite configurar los estilos de interacción para "mouseover", "mousedown", "seleccionado", "deshabilitado" y "obtener foco".
Por supuesto, este método de entrada es la primera forma.
También podemos hacer clic en el botón "Nueva interacción" en la ventana de interacción con el componente del botón seleccionado, arrastrarlo al final de la lista emergente y seleccionar el estilo de interacción con la pulsación del ratón Eso es todo.
En la configuración de Mouse Press que aparece, simplemente configura el estilo.
Haga clic en el botón Aceptar para guardar la operación.
?
3. Seleccione el efecto de estilo
a. Añadir estilo interactivo al botón
p>
Seleccione el componente del botón, haga clic en Nuevo botón de interacción en el panel de interacción y seleccione el estilo de interacción en la parte inferior de la lista emergente.
En el área Seleccionado que aparece, establezca las propiedades de estilo.
Haga clic en el botón Aceptar para guardar la operación.
?
b. Establecer el botón en el estado seleccionado
Con el botón seleccionado, haga clic en Nueva interacción nuevamente y seleccione Haga clic en evento y luego seleccione para establecer la acción seleccionada.
Seleccione Parte actual en la lista desplegable Destino.
?
Deje el valor en la lista desplegable Configuración sin cambios y luego seleccione Alternar en la lista desplegable Para.
Haga clic en el botón Aceptar para guardar la operación.
?
4. Deshabilitar el efecto de estilo
Configurar el efecto deshabilitado es casi lo mismo que configurar el efecto seleccionado. La única diferencia es la acción agregada. Para seleccionar el efecto, elija la acción "Establecer seleccionados" y para desactivar el efecto de estilo, elija la acción "Activar/Desactivar".
Esta es la configuración de estilo del botón interactivo. Hay algunas diferencias en la configuración con respecto a la versión anterior, como la configuración de entrada. Por ejemplo, Axure8 puede ver directamente todos los nombres de las configuraciones de estilo interactivo y hacer clic para configurarlas directamente. Sin embargo, Axure 9 no puede ver directamente el nombre del estilo establecido. Debe hacer otros clics antes de poder verlo. Esto es algo a lo que debe prestar atención.