PC SOFT

AYUDA EN LÍNEA
DE WINDEV, WEBDEV Y WINDEV MOBILE

Este contenido proviene de una traducción automática.. Haga clic aquí para ver la versión original en inglés.
  • Presentación
  • El efecto paralaje en el editor de ventanas
  • Presentación
  • Definición del efecto paralaje en el editor de ventanas
  • Definición del paralaje mediante programación
  • El efecto paralaje en el editor de páginas
  • Presentación
  • Definición del efecto paralaje en el editor de páginas
WINDEV
WindowsLinuxUniversal Windows 10 AppJavaReportes y ConsultasCódigo de Usuario (UMC)
WEBDEV
WindowsLinuxPHPWEBDEV - Código Navegador
WINDEV Mobile
AndroidWidget Android iPhone/iPadApple WatchUniversal Windows 10 AppWindows Mobile
Otros
Procedimientos almacenados
Presentación
Los efectos "Parallax" se utilizan para desplazar los elementos que se encuentran en la interfaz a diferentes velocidades cuando se utiliza la barra de desplazamiento..
Puede definir:
  • un paralaje de controles: En una ventana o en una página, las animaciones de paralaje se utilizan para configurar la velocidad a la que se mueve o reduce el control en relación con el movimiento de la barra de desplazamiento en la ventana (o en la página).
  • a paralaje de fondo Image: En una página, se puede usar una animación de paralaje en las imágenes de Background. Cuando el usuario utiliza la barra de desplazamiento, el fondo Image utilizará una velocidad de movimiento específica en relación con el movimiento de la barra de desplazamiento en la página.
Los efectos Parallax están disponibles:
Versiones 22 y posteriores
WEBDEV - Código ServidorWEBDEV - Código Navegador Esta función ya está disponible para los sitios WEBDEV.
Nueva funcionalidad versión 22
WEBDEV - Código ServidorWEBDEV - Código Navegador Esta función ya está disponible para los sitios WEBDEV.
WEBDEV - Código ServidorWEBDEV - Código Navegador Esta función ya está disponible para los sitios WEBDEV.
WINDEVWINDEV Mobile
El efecto paralaje en el editor de ventanas

Presentación

El editor de la ventana propone un efecto de paralaje de control.
Algunos ejemplos:
  • Si no se define ningún paralaje, los controles y la barra de desplazamiento de la ventana se mueven a la misma velocidad..
  • Si la control está fija, la control no se moverá aunque se use la barra de desplazamiento.
  • El paralaje se utiliza para realizar efectos específicos, por ejemplo haciendo que la velocidad de movimiento de la control (o su tasa de reducción) cambie en relación con la velocidad de movimiento de la barra de desplazamiento de la ventana.

Definición del efecto paralaje en el editor de ventanas

Para definir el efecto de paralaje de un control:
  1. Abre la ventana de control description.
  2. En la pestaña "UI", despliegue la opción "Parallax".
  3. Seleccione la opción deseada:
    • No parallax: La control se mueve en altura según el movimiento de la barra de desplazamiento de la ventana.
    • Material Efecto de diseño sin reducción: La control se mueve en altura proporcionalmente a la barra de desplazamiento de la ventana. En este caso, la velocidad de movimiento es set al 50% y la velocidad de reducción es set a 0%.
    • Material Efecto de diseño con reducción: El control se reduce en altura proporcionalmente al movimiento de la barra de desplazamiento en la ventana. En este caso, la velocidad de movimiento es set al 50% y la velocidad de reducción es set al 50%.
      Para un control Imagen, el Image sigue el modo de visualización.
      • Si el Image se estira, se distorsionará para mostrarse por completo en la altura del control.
      • Si la imagen es homotética centrada, se reducirá proporcionalmente a la altura de control.
    • Fixed control: El control está fijado. No se mueve en la ventana. Siempre es Visible cuando la barra de desplazamiento se mueve en la ventana. En este caso, la velocidad de movimiento es set al 0% y la velocidad de reducción es set a 100%.
    • Personalizar el efecto: Tienes la capacidad de especificar la tasa de paralaje de Y (velocidad de movimiento de control) y la tasa de paralaje de Altura (velocidad de reducción de control).
Observación: El efecto paralaje está disponible para todos los tipos de controles.

Definición del paralaje mediante programación

Las siguientes propiedades se utilizan para definir el paralaje de un control mediante la programación:
Versiones 21 y posteriores
ParallaxRateHeight
Nueva funcionalidad versión 21
ParallaxRateHeight
ParallaxRateHeight
La propiedad ..ParallaxRateHeight permite saber e indicar la velocidad a la que se reduce un control cuando se mueve la barra de desplazamiento de la ventana, ventana interna o página.
Versiones 21 y posteriores
ParallaxRateY
Nueva funcionalidad versión 21
ParallaxRateY
ParallaxRateY
La propiedad ..ParallaxRateY permite saber e indicar la velocidad a la que se desplaza un control cuando se mueve la barra de desplazamiento de la ventana, ventana interna o página.
WEBDEV - Código ServidorWEBDEV - Código Navegador
El efecto paralaje en el editor de páginas

Presentación

El editor de la página propone un efecto de paralaje de los controles y un efecto de paralaje del fondo Image.
Estos efectos de paralaje están disponibles para los siguientes controles:
  • Celda.
  • Área de diseño.
  • Área de texto enriquecido.
  • "control modelo" control.

Definición del efecto paralaje en el editor de páginas

Para definir el efecto de paralaje de un control:
  1. Abre la ventana de control description.
  2. En la pestaña "Estilo" seleccione el elemento "Efectos".
  3. To añadir un efecto de paralaje de control:
    • Haga clic en el botón "Añadir un efecto" y seleccione "Parallax"..
    • El efecto se añade al estilo. Haga clic en el botón "Detalles" para configurar el efecto.
    • En la ventana que se visualiza, seleccione la opción solicitada:
      Configurando el efecto de paralaje de control
      • Efecto desencadenado por la programación. En este caso:
        • las tasas de paralaje en Y y altura son set a cero. El efecto se configura por las propiedades:
          Versiones 21 y posteriores
          ParallaxRateHeight
          Nueva funcionalidad versión 21
          ParallaxRateHeight
          ParallaxRateHeight
          La propiedad ..ParallaxRateHeight permite saber e indicar la velocidad a la que se reduce un control cuando se mueve la barra de desplazamiento de la ventana, ventana interna o página.
          Versiones 21 y posteriores
          ParallaxRateY
          Nueva funcionalidad versión 21
          ParallaxRateY
          ParallaxRateY
          La propiedad ..ParallaxRateY permite saber e indicar la velocidad a la que se desplaza un control cuando se mueve la barra de desplazamiento de la ventana, ventana interna o página.
      • Material Efecto de diseño sin reducción: La control se mueve en altura proporcionalmente al movimiento de la barra de desplazamiento en la página. En este caso, la velocidad de movimiento es set al 50% y la velocidad de reducción es set a 0%.
      • Material Efecto de diseño con reducción: El control se reduce en altura proporcionalmente al movimiento de la barra de desplazamiento en la página. En este caso, la velocidad de movimiento es set al 50% y la velocidad de reducción es set al 50%.
      • Fixed control: El control está fijado. No se mueve en la página. Siempre es Visible cuando la barra de desplazamiento se mueve en la página. En este caso, la velocidad de movimiento es set al 0% y la velocidad de reducción es set a 100%.
      • Personalizar el efecto: Tienes la capacidad de especificar la tasa de paralaje de Y (velocidad de movimiento de control) y la tasa de paralaje de Altura (velocidad de reducción de control).
    • Validar.
  4. To añadir un efecto de paralaje de fondo Image:
    • Haz clic en el botón "Añadir un efecto" y selecciona "Parallax en el fondo Image".
    • El efecto se añade al estilo. Haga clic en el botón "Detalles" para configurar el efecto.
      Configurando el efecto de paralaje del fondo Image
    • En la ventana que se visualiza, seleccione la opción solicitada:
      • Fixed Background en el navegador: El Image está fijado. No se mueve en la ventana. Siempre es Visible cuando la barra de desplazamiento se mueve en la ventana. Es el contenedor control que se mueve junto con la página. La sección de Image que se muestra en el fondo cambia según el tamaño del contenedor control. En este caso, la velocidad de movimiento es set al 0% y la velocidad de reducción es set a 100%.
      • Personalizar el efecto: Tienes la capacidad de especificar la tasa de paralaje Y (velocidad de movimiento de control). En este caso, la imagen de fondo se mueve más o menos rápido según el movimiento de la associated control.
    • Validar.
Observaciones:
  • El efecto de paralaje en el fondo Image puede verse en el editor de páginas (WYSIWYG). Todo lo que tienes que hacer es mover la barra de desplazamiento vertical.
  • Si el fondo que usa Image no es lo suficientemente grande para que get tenga el efecto esperado, el Image se agranda de forma homotética.
  • El efecto de paralaje en el fondo Image no puede ser modificado por la programación.
  • Independientemente de las opciones definidas para el efecto de paralaje de control, puede ser configurado programando con las propiedades:
    Versiones 21 y posteriores
    ParallaxRateHeight
    Nueva funcionalidad versión 21
    ParallaxRateHeight
    ParallaxRateHeight
    La propiedad ..ParallaxRateHeight permite saber e indicar la velocidad a la que se reduce un control cuando se mueve la barra de desplazamiento de la ventana, ventana interna o página.
    Versiones 21 y posteriores
    ParallaxRateY
    Nueva funcionalidad versión 21
    ParallaxRateY
    ParallaxRateY
    La propiedad ..ParallaxRateY permite saber e indicar la velocidad a la que se desplaza un control cuando se mueve la barra de desplazamiento de la ventana, ventana interna o página.
Versión mínima requerida
  • Versión 21
Esta página también está disponible para…
Comentarios
Haga clic en [Agregar] para publicar un comentario