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 / Desarrollar una aplicación o un sitio web / Controles, ventanas y páginas / Controles: tipos disponibles / Control Imagen
  • Presentación
  • Control de página
  • Trasladar una Image (o cualquier tipo de control)
  • Efecto de apariencia de una Image por recorte o desvanecimiento
  • Efecto del movimiento automatic Image
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

Control de página

Los sitios web proponen varios efectos de transición entre los elementos:
  • imágenes cargadas progresivamente en la página.
  • imágenes en movimiento.
  • Image apareciendo con efectos superpuestos.
También tienes la capacidad de realizar un efecto "movimiento automatic Image".. Este efecto simula el movimiento de la luz de una cámara sobre una Image sin programar.
WEBDEV le permite incluir fácilmente estas soluciones en sus sitios Web.
Trasladar una Image (o cualquier tipo de control)
WEBDEV le permite dar fácilmente un efecto gráfico al mover un control. Para ello, utilice la función AnimationPlayOnControlProperty. Esta función, utilizada en el código del navegador, permite definir la animación que se realizará al modificar un control Property.
Por lo tanto, para desplazar una control, basta con utilizar las propiedades X y Y de la control. Por ejemplo:
AnimationPlayOnControlProperty(IMG_Image1, "X", 0, 200, 50000, animDécélération)
AnimationPlayOnControlProperty(IMG_Image1, "Y", 0, 200, 50000, animDécélération)
También puede utilizar esta función con otras propiedades para crear efectos especiales.: anchura, Altura, Color, BackgroundColor, Opacidad, ...
Efecto de apariencia de una Image por recorte o desvanecimiento
WEBDEV le permite fácilmente dar un efecto de apariencia a un Image. Este Image se puede encontrar en:
  • un control Imagen,
  • a control Miniatura.
Se debe utilizar el siguiente método:
  1. Vaya a la pestaña "UI" del control description (Image o control Miniatura).
  2. En la opción "Transición", seleccione el modo de transición deseado: swipe, overlay, underlay, ...
    El modo de transición "Aleatorio" permite activar de forma aleatoria varios modos de transición en el mismo control.
  3. A través de la programación, cambiar la imagen associated con la control. Por ejemplo, en el código del navegador:
    IMG_Image1.Value = "images\hotel\tradewinds.jpg"
  4. En el momento de la ejecución, la nueva imagen sustituye a la que se encuentra en la control con el efecto solicitado.
Efecto del movimiento automatic Image
WEBDEV permite dar fácilmente un efecto de "movimiento de automatic en un Image".
Se debe utilizar el siguiente método:
  1. Vaya a la pestaña "UI" del control description (Image o control Miniatura).
  2. En la opción "Transición", seleccione "Movimiento panorámico".
  3. En tiempo de ejecución, el Image se mueve sin ninguna programación.
Este efecto simula el ligero desplazamiento de una cámara sobre una imagen. Se combinan tres efectos:
  • se deslizan en direcciones aleatorias,
  • zoom ligero,
  • para la secuencia de efectos.
Para utilizar este efecto en un set de imágenes, esta opción debe combinarse con el automatic desplazamiento de imágenes.
  1. Vaya a la pestaña "UI" del control description (Image o control Miniatura).
  2. En la sección "Transiciones", despliegue "Transición" y seleccione "Movimiento panorámico".
  3. En la sección "Deslizamiento automático", seleccione la opción "Deslizar imágenes de un directorio o lista programada". Según el resultado deseado, también puede seleccionar las opciones "Iniciar automáticamente", "Examinar directorio de la imagen (Pestaña General)" o "Ordenar contenido del deslizamiento".
    Para obtener más información, consulte automatic desplazamiento de imágenes.
  4. Valide.
Atención: El movimiento Image está optimizado para los navegadores que soportan el estándar HTML 5 (Chrome, Firefox, ...). De lo contrario, el movimiento puede no parecer suave.
Versión mínima requerida
  • Versión 15
Comentarios
Haga clic en [Agregar] para publicar un comentario

Última modificación: 27/05/2022

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