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
  • Características del campo
  • ¿Cómo proceder?
  • Almacenamiento de las imágenes en el archivo de datos como elementos de texto
  • Almacenar los Image s en el archivo de datos como elementos "Image".
  • Recuperación del contenido de la Image en un artículo
  • Miniaturas HFSQL
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
Vinculación de una control Imagen a un elemento
Características del campo
Un control Imagen puede corresponder a un artículo encontrado en un archivo de datos, en una consulta, ... Dos tipos de artículos pueden ser associated con un control Imagen:
  • Un campo de tipo "Texto": la información almacenada es la ruta de la Image.
  • Un campo de tipo "Sonido, imagen, binario": la información almacenada es la propia Image.
En ambos casos, el control Imagen se utiliza para mostrar la información que se encuentra en el el archivo de datos.
¿Cómo proceder?

Almacenamiento de las imágenes en el archivo de datos como elementos de texto

Esta solución se utiliza para almacenar la ruta de imágenes en el archivo de datos.
Para gestionar las imágenes como elementos de texto:
  1. En el editor de análisis:
    • Crear un elemento de texto (por ejemplo, PHOTO_Path). Este artículo se utilizará para almacenar el ruta dando acceso al Image.
    • No olvide cambiar el tamaño de este elemento (255 caracteres, por ejemplo).
    • En la información compartida del artículo, este control es associated con un control Campo de entrada.
    • Generar el análisis para tener en cuenta las modificaciones.
  2. En la ventana (o en la página) que se usará para editar/ver la Image:
    • Crear una control Imagen (IMG_Photo en nuestro ejemplo). Esta control Imagen no está vinculada a ningún artículo.
    • Cree una control de edición vinculada al elemento PHOTO_Path (en nuestro ejemplo, el nombre de esta control es EDT_Photo).
      Para crear esta control, arrastre y suelte el elemento que se encuentra en el panel "Análisis" a su ventana o Page.
      Este control permite al usuario especificar el ruta del archivo Image a utilizar. Junto a este control puede añadirse un botón para seleccionar la Image solicitada . La Event "Click" de la control Botón puede contener el siguiente código (por ejemplo):
      // Opens an image picker
      EDT_Photo = fImageSelect("c:\my documents", "", "Select the customer photo")
      // Run the "Whenever modifying" event of the EDT_Photo Edit control
      // to update the Image control
      ExecuteProcess(EDT_Photo, trtChange)
    • Escriba el siguiente código en la Event "Siempre que modifique" de esta control:
      IF fFileExist(MySelf) = True THEN
      IMG_Photo = MySelf
      ELSE
      IMG_Photo = ""
      END

      Este código permite:
      • comprobar la existencia del archivo de Image.
      • mostrar el Image en el control Imagen. Todo lo que tienes que hacer es asignar el ruta del Image al control Imagen para que el Image se muestre. Si el Image no existe, no se muestra ningún Image.
    • Al visualizar la ventana o la página, forzar (si es necesario) la ejecución de la "Siempre que modifique" Event del control con ExecuteProcess. Por ejemplo:
      ExecuteProcess(EDT_Photo, trtChange)
  3. La información se guardará automáticamente en el el archivo de datos cuando se utilice:
El ruta del Image se guardará automáticamente en el elemento Texto.

Almacenar los Image s en el archivo de datos como elementos "Image".

Esta solución se utiliza para almacenar directamente las imágenes en el archivo de datos.
Gestionar los Image s en formato de elementos "Image":
  1. En el editor de análisis:
    • Cree un campo de tipo "Sonido, imagen, binario" (por ejemplo, PHOTO_Imagen). Este artículo se utilizará para almacenar el Image.
    • En la pestaña "General" del elemento, especifique el subtipo "Image (nota binaria)"..
    • En la información compartida del artículo, este control es associated con un control Imagen.
    • Generar el análisis para tener en cuenta las modificaciones.
  2. En la ventana (o en la página) que se usará para editar/ver la Image:
    • Crear una control Imagen (IMG_Photo en nuestro ejemplo). Esta control Imagen está vinculada al elemento "Sonido, Image, binario" creado en el análisis. Para crear esta control, arrastre y suelte el elemento que se encuentra en el panel "Análisis" a su ventana o Page.
    • Crear una control Campo de entrada si es necesario (EDT_Photo en nuestro ejemplo). Este control permite al usuario especificar el ruta del archivo Image a utilizar. Esta control no está vinculada a ningún artículo. Junto a este control puede añadirse un botón para seleccionar la Image solicitada . La Event "Click" de la control Botón puede contener el siguiente código (por ejemplo):
      // Opens an image picker
      EDT_Photo = fImageSelect("c:\my documents", "", "Select the customer photo")
      // Run the "Whenever modifying" event of the EDT_Photo Edit control
      // to update the Image control
      ExecuteProcess(EDT_Photo, trtChange)
    • Escriba el siguiente código en la Event "Siempre que modifique" de esta control:
      IF fFileExist(MySelf) = True THEN
      IMG_Photo = MySelf
      ELSE
      IMG_Photo = ""
      END

      Este código permite:
      • comprobar la existencia del archivo de Image.
      • mostrar el Image en el control Imagen. Todo lo que tienes que hacer es asignar el ruta del Image al control Imagen para que el Image se muestre. Si el Image no existe, no se muestra ningún Image.
  3. La información se guardará automáticamente en el el archivo de datos cuando se utilice:
La Image se guardará automáticamente en la opción "Sonido, Image, binario".
Recuperación del contenido de la Image en un artículo
Primer caso: los controles de la ventana o página están enlazados a los campos de un archivo de datos
Todos los campos de el archivo de datos enlazados a un control de la ventana o página se actualizarán con:
Segundo caso: los controles de la ventana o página no están enlazados a los campos de un archivo de datos
El valor de cada control debe asignarse a cada campo utilizando la siguiente sintaxis:
<Data file>.<Item> = <Control name>
Para un campo de tipo memo binario: Hay que asignar un valor a cada control mediante HLinkMemo.
Miniaturas HFSQL
El elemento vinculado a la control Imagen puede utilizar miniaturas HFSQL. En este caso, se optimizará la visualización de las imágenes.
Para obtener más información, consulte Miniaturas HFSQL.
Ver también
Versión mínima requerida
  • Versión 9
Esta página también está disponible para…
Comentarios
Haga clic en [Agregar] para publicar un comentario

Última modificación: 16/09/2023

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