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.
  • Panorama general
  • El efecto paralaje en el editor de ventanas
  • Panorama general
  • 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
  • Panorama general
  • 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
Panorama general
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..
Tiene la capacidad de 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 se reduce el control en relación con el movimiento de la barra de desplazamiento en la ventana (o en la página).
  • un paralaje de la imagen de fondo: En una página, se puede utilizar una animación de paralaje en las imágenes de fondo. Cuando el usuario utiliza la barra de desplazamiento, la imagen de fondo 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

Panorama general

El editor de ventanas propone un efecto de paralaje del 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 el control es fijo, el control no se moverá aunque se utilice la barra de desplazamiento..
  • El paralaje se utiliza para realizar efectos específicos, por ejemplo, haciendo que la velocidad de movimiento del 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. Mostrar la ventana de descripción del control.
  2. En la pestaña "GUI", expanda la opción "Parallax"..
  3. Seleccione la opción deseada:
    • No parallax: El control se mueve en altura de acuerdo con el movimiento de la barra de desplazamiento de la ventana.
    • Material Efecto de diseño sin reducción: El control se mueve en altura proporcionalmente a la barra de desplazamiento de movimiento en la ventana.. En este caso, la velocidad de desplazamiento se ajusta al 50% y la velocidad de reducción 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 desplazamiento se ajusta al 50% y la velocidad de reducción al 50%.%.
      Para uncontrol Imagen, la imagen sigue el modo de visualización.
      • Si la imagen se estira, se distorsionará para que se muestre completamente en la altura del control..
      • Si la imagen está centrada de forma homotética, se reducirá proporcionalmente a la altura de control.
    • Control fijo: El control es fijo. No se mueve en la ventana. Siempre está visible cuando la barra de desplazamiento se mueve en la ventana.. En este caso, la velocidad de desplazamiento se ajusta a 0% y la velocidad de reducción a 100%.
    • Personalizar el efecto: Usted tiene la capacidad de especificar la velocidad de paralaje Y (velocidad de movimiento del control) y la velocidad de paralaje de altura (velocidad de reducción del control).
señalar: 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 programación:
Versiones 21 y posteriores
ParallaxRateHeight
Nueva funcionalidad versión 21
ParallaxRateHeight
ParallaxRateHeight
..ParallaxRateHeight is used to find out and specify the speed at which a control is reduced when the scrollbar found in the window, the internal window or the page moves.
Versiones 21 y posteriores
ParallaxRateY
Nueva funcionalidad versión 21
ParallaxRateY
ParallaxRateY
..ParallaxRateY is used to find out and specify the speed at which a control moves when the scrollbar found in the window, the internal window or the page moves.
WEBDEV - Código ServidorWEBDEV - Código Navegador
El efecto paralaje en el editor de páginas

Panorama general

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

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

Para definir el efecto de paralaje de un control:
  1. Mostrar la ventana de descripción del control.
  2. En la pestaña "Estilo" seleccione el elemento "Efectos".
  3. Para 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:
      Configurar el efecto de paralaje del control
      • Efecto desencadenado por la programación. En este caso:
        • las tasas de paralaje Y y de altura se ajustan a cero. El efecto se configura por las propiedades:
          Versiones 21 y posteriores
          ParallaxRateHeight
          Nueva funcionalidad versión 21
          ParallaxRateHeight
          ParallaxRateHeight
          ..ParallaxRateHeight is used to find out and specify the speed at which a control is reduced when the scrollbar found in the window, the internal window or the page moves.
          Versiones 21 y posteriores
          ParallaxRateY
          Nueva funcionalidad versión 21
          ParallaxRateY
          ParallaxRateY
          ..ParallaxRateY is used to find out and specify the speed at which a control moves when the scrollbar found in the window, the internal window or the page moves.
      • Material Efecto de diseño sin reducción: El control se mueve en altura proporcionalmente al movimiento de la barra de desplazamiento en la página. En este caso, la velocidad de desplazamiento se ajusta al 50% y la velocidad de reducción 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 desplazamiento se ajusta al 50% y la velocidad de reducción al 50%.%.
      • Control fijo: El control es fijo. No se mueve en la página. Siempre está visible cuando la barra de desplazamiento se mueve en la página. En este caso, la velocidad de desplazamiento se ajusta a 0% y la velocidad de reducción a 100%.
      • Personalizar el efecto: Usted tiene la capacidad de especificar la velocidad de paralaje Y (velocidad de movimiento del control) y la velocidad de paralaje de altura (velocidad de reducción del control).
    • Validar.
  4. Para añadir un efecto de paralaje de la imagen de fondo:
    • Haga clic en el botón "Añadir un efecto" y seleccione "Parallax en la imagen de fondo"..
    • El efecto se añade al estilo. Haga clic en el botón "Detalles" para configurar el efecto.
      Configurar el efecto de paralaje de la imagen de fondo
    • En la ventana que se visualiza, seleccione la opción solicitada:
      • Fondo fijo en el navegador: La imagen es fija. No se mueve en la ventana. Siempre está visible cuando la barra de desplazamiento se mueve en la ventana.. Es el control del contenedor el que se mueve junto con la página. La sección de imagen mostrada en el fondo cambia de acuerdo con el tamaño del control del contenedor. En este caso, la velocidad de desplazamiento se ajusta a 0% y la velocidad de reducción a 100%.
      • Personalizar el efecto: Usted tiene la capacidad de especificar la velocidad de paralaje Y (velocidad de movimiento del control). En este caso, la imagen de fondo se mueve más o menos rápido según el movimiento del control asociado..
    • Validar.
comentario:
  • El efecto de paralaje en la imagen de fondo se puede ver en el editor de páginas (WYSIWYG). Todo lo que tienes que hacer es mover la barra de desplazamiento vertical.
  • Si la imagen de fondo utilizada no es lo suficientemente grande como para obtener el efecto esperado, la imagen se amplía de forma homotética..
  • El efecto de paralaje en la imagen de fondo no puede modificarse mediante programación.
  • Independientemente de las opciones definidas para el efecto de paralaje del control, se puede configurar programando con las propiedades:
    Versiones 21 y posteriores
    ParallaxRateHeight
    Nueva funcionalidad versión 21
    ParallaxRateHeight
    ParallaxRateHeight
    ..ParallaxRateHeight is used to find out and specify the speed at which a control is reduced when the scrollbar found in the window, the internal window or the page moves.
    Versiones 21 y posteriores
    ParallaxRateY
    Nueva funcionalidad versión 21
    ParallaxRateY
    ParallaxRateY
    ..ParallaxRateY is used to find out and specify the speed at which a control moves when the scrollbar found in the window, the internal window or the page moves.
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