AYUDA EN LÍNEA
 WINDEVWEBDEV Y WINDEV MOBILE

Este contenido se ha traducido automáticamente.  Haga clic aquí  para ver la versión en inglés.
Ayuda / Editores / Editor de ventanas y de páginas
  • Presentación
  • El efecto paralaje en el editor de ventanas
  • Presentación
  • Definición del efecto paralaje en el editor de ventanas
  • Definir el paralaje a través de la programación
  • El efecto de paralaje en el editor Page
  • Presentación
  • Definición del efecto de paralaje en el editor Page
WINDEV
WindowsLinuxUniversal Windows 10 AppJavaReportes y ConsultasCódigo de Usuario (UMC)
WEBDEV
WindowsLinuxPHPWEBDEV - Código Navegador
WINDEV Mobile
AndroidWidget Android iPhone/iPadIOS WidgetApple WatchMac CatalystUniversal Windows 10 App
Otros
Procedimientos almacenados
Presentación
Los efectos "Parallax" permiten desplazar los elementos de la interfaz a diferentes velocidades..
Es posible definir:
  • un paralaje de controles: En una ventana o en una Page, las animaciones de paralaje sirven para configurar la velocidad a la que se desplaza o se reduce la control en relación con el desplazamiento de la barra de desplazamiento en la ventana (o en la Page).
  • un paralaje de fondo Image: En una Page, se puede utilizar una animación de paralaje en las imágenes Background. Cuando se utiliza la barra de desplazamiento, la Image de fondo se moverá a una velocidad específica en relación con el movimiento de la barra de desplazamiento.
Los efectos Parallax están disponibles:
WINDEVWINDEV Mobile
El efecto paralaje en el editor de ventanas

Presentación

El editor de la ventana propone un efecto de paralaje de control.
Por ejemplo:
  • 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 una control:
  1. Abra la ventana de descripción del control.
  2. En la pestaña "UI", despliegue la opción "Parallax".
  3. Seleccione la opción deseada:
    • Ningún parallax: La control se desplaza verticalmente siguiendo el movimiento de la barra de desplazamiento de la ventana.
    • Efecto Material Design sin reducción: La control se desplaza verticalmente de forma proporcional al movimiento de la barra de desplazamiento de la ventana. En este caso, la velocidad de desplazamiento es set al 50% y la velocidad de reducción es set al 0%.
    • Efecto Material Design con reducción: La control se reduce verticalmente en relación con el 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 la imagen se estira, se distorsionará para que se muestre completamente a la altura de la control.
      • Si la imagen es homotética centrada, se reducirá proporcionalmente a la altura de control.
    • Control estático: 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 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.

Definir el paralaje a través de la programación

Las siguientes propiedades se utilizan para definir el paralaje de una control a través de la programación:
ParallaxRateHeightEl ParallaxRateHeight Property se usa para determinar y especificar qué tan rápido se reduce un control cuando se mueve la barra de desplazamiento en la ventana, ventana interna o Page .
ParallaxRateYEl ParallaxRateY Property se usa para determinar y especificar qué tan rápido se mueve un control cuando se mueve la barra de desplazamiento en la ventana, ventana interna o Page .
WEBDEV - Código ServidorWEBDEV - Código Navegador
El efecto de paralaje en el editor Page

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 de paralaje en el editor Page

Para definir el efecto de paralaje de una control:
  1. Abra la ventana de descripción del control.
  2. En la pestaña "Estilo", seleccione el elemento "Efectos".
  3. Para agregar un efecto de paralaje de control:
    • Haz clic en el botón "Añadir un efecto" y selecciona "Parallax"..
    • El efecto se añade al estilo. Haz 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 disparado a través de la programación. En ese caso:
        • las tasas de paralaje de Y y altura son set a cero. El efecto se configura por las propiedades:
          ParallaxRateHeightEl ParallaxRateHeight Property se usa para determinar y especificar qué tan rápido se reduce un control cuando se mueve la barra de desplazamiento en la ventana, ventana interna o Page .
          ParallaxRateYEl ParallaxRateY Property se usa para determinar y especificar qué tan rápido se mueve un control cuando se mueve la barra de desplazamiento en la ventana, ventana interna o Page .
      • Efecto Material Design sin reducción: La control se desplaza en altura proporcionalmente al desplazamiento de la barra de desplazamiento en la Page. En este caso, la velocidad de desplazamiento es set al 50% y la velocidad de reducción es set al 0%.
      • Efecto Material Design con reducción: La altura de la control se reduce proporcionalmente al desplazamiento de la barra de desplazamiento en la Page. En este caso, la velocidad de movimiento es set al 50% y la velocidad de reducción es set al 50%.
      • Control estático: El control está fijado. No se mueve en el Page. Siempre es Visible cuando la barra de desplazamiento se mueve en el Page. En este caso, la velocidad de movimiento es set al 0% y la velocidad de reducción es set a 100%.
      • Personalizar 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. Para agregar un efecto de paralaje de fondo Image:
    • Haz clic en el botón "Añadir un efecto" y selecciona "Parallax sobre fondo Image"..
    • El efecto se añade al estilo. Haz 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:
      • Fondo fijo 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 el que se desplaza junto con el Page. La sección de la imagen mostrada 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 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 sobre el fondo Image puede visualizarse en el editor Page (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 del fondo Image no puede modificarse mediante programación.
  • Independientemente de las opciones definidas para el efecto de paralaje de control, se puede configurar mediante programación con las propiedades:
    ParallaxRateHeightEl ParallaxRateHeight Property se usa para determinar y especificar qué tan rápido se reduce un control cuando se mueve la barra de desplazamiento en la ventana, ventana interna o Page .
    ParallaxRateYEl ParallaxRateY Property se usa para determinar y especificar qué tan rápido se mueve un control cuando se mueve la barra de desplazamiento en la ventana, ventana interna o Page .
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

Última modificación: 17/06/2023

Señalar un error o enviar una sugerencia | Ayuda local