Tutorial de AxureRP – Aplicación avanzada del panel dinámico
Como sugiere el nombre, este evento interactivo se usa para establecer la posición de las coordenadas bidimensionales del panel dinámico. Se usa con frecuencia cuando necesita cambiar la posición de una determinada parte del contenido. debe usar esta función. Es similar a otras funciones de AxureRP. Se pueden lograr muchos efectos si se usa junto con funciones, como variables. Este artículo es un artículo sobre aplicaciones avanzadas de paneles dinámicos. Echemos un vistazo juntos y esperamos que le resulte útil.
La aplicación básica de los paneles dinámicos se presentó anteriormente. Al configurar diferentes páginas de estado y eventos de clic en botones, se logra el efecto de cambio de página pequeña, que es adecuado para etiquetas TAB, rotación de imágenes y otros efectos. Anteriormente, solo se aplicaba un evento interactivo del panel dinámico, es decir, cambiar el estado de visualización del panel dinámico, pero este también es el estado aplicado más comúnmente. Este artículo presenta varios otros eventos interactivos del panel dinámico, incluida la visualización del. panel dinámico, ocultar el panel dinámico, cambiar la propiedad Visible del panel dinámico, mover el panel dinámico y traer el panel dinámico al frente.
Agregar dos paneles dinámicos a la página principal, uno es el panel dinámico Paneltest con tres estados de productos, actividades y noticias, y el otro es `Paneltest2 que solo establece un estado de prueba, y realiza configuraciones iniciales. para cada uno. y configure la visualización predeterminada de Paneltest2 como oculta.
Mostrar el panel dinámico, ocultar el panel dinámico y cambiar las propiedades visibles del panel dinámico
Los dos primeros elementos se pueden configurar en las propiedades propias del panel dinámico. Haga clic derecho en. ¿El panel dinámico agregado? Al editar el panel dinámico, puede ver dos opciones: configurar visible y configurar oculto. Estos tres eventos interactivos se utilizan para establecer si el panel dinámico es visible. El tercer elemento es configurar el panel dinámico como visible cuando está oculto. Cuando el panel dinámico está visible, configúrelo como oculto. el evento interactivo Luego seleccione el panel dinámico de destino Sin entrar en demasiadas presentaciones, generalmente se usa para configurar menús ocultos y ocultar efectos interactivos, como formularios desplegables ocultos, recordatorios interactivos ocultos, etc.
Colocar el panel dinámico al frente
Esto es algo similar a configurar el atributo visible del panel dinámico. Se utiliza para configurar el nivel de visualización del panel dinámico. del contenido se superpone en la misma área, puede usar este evento interactivo para configurar la visualización de nivel superior actual. Esta configuración también es relativamente simple, simplemente seleccione el panel dinámico de destino. En la página, no habrá demasiado contenido superpuesto. Establezca la fecha. Encontrará controles con una función de selección de fecha. Otra posibilidad es que necesite una función de superposición.
Mover el panel dinámico
Como sugiere el nombre, este evento interactivo se usa para establecer la posición de las coordenadas bidimensionales del panel dinámico. Se usa con frecuencia. Es necesario cambiar una determinada parte del contenido. Debe utilizar esta función, que producirá muchos efectos cuando se utilice junto con otras funciones de AxureRP, como las variables. Hay dos tipos de paneles dinámicos móviles: posicionamiento (a (x, y)) y desplazamiento (por (x, y)). El primero se posiciona con precisión según la regla que viene con AxureRP, y el segundo se mueve hacia arriba. abajo, izquierda y derecha según el valor de desplazamiento establecido, todo en píxeles. Al configurar, primero seleccione el panel dinámico de destino, luego seleccione el método de movimiento y finalmente establezca las coordenadas de movimiento o el valor de desplazamiento. Se usa comúnmente en efectos dinámicos de estilo canalización, efectos interactivos de estilo cajón, menús de navegación retráctiles, etc., como efectos de visualización de desplazamiento circular comunes, que se pueden usar para mostrar imágenes.
Ejemplo 1: movimiento retrasado
Este es un ejemplo que demuestra el efecto de configurar si la página se muestra mediante el control de un interruptor. El panel dinámico se moverá gradualmente para lograr el retraso. efecto, primero diseñe una página de configuración, como agregar dos componentes de casilla de verificación para configurar la función de verificación, luego agregar un panel dinámico para cubrir la página de configuración, configurar una página de estado con texto de aviso y luego agregar un panel dinámico. Como interruptor, configure dos estados, uno es la configuración abierta y el otro es la configuración cerrada. También se puede controlar mediante botones. Para aumentar el efecto conmutable del interruptor, se utiliza un panel dinámico.
Una vez completada la inicialización, configure el evento interactivo del interruptor y elija mover el panel dinámico respectivamente. "Abrir configuración" significa mover el panel hacia abajo y "Cerrar configuración" significa mover el panel. hacia arribaAquí se utiliza el método de desplazamiento. Cabe señalar que la regla en el lienzo de AxureRP es el eje de coordenadas que mira hacia la parte inferior derecha, por lo que el movimiento hacia abajo es un valor positivo y el movimiento hacia arriba es un valor negativo. El posicionamiento también se puede utilizar aquí, pero será mucho más complicado que el desplazamiento y requerirá el cálculo de las coordenadas actuales.
De hecho, también puede usar si configurar el panel al frente para lograr el mismo efecto, es decir, convertir la página de configuración en una página de estado en un panel dinámico y luego completar el efecto cambiando si estar al frente, pero de esta manera No hay efecto de retraso.
Efecto Ejemplo2-Cajón
El principio de implementación de este ejemplo es similar al primer ejemplo. Fue creado y compartido por otros. Si está interesado, puede hacerlo. Puede leer el documento fuente usted mismo.