The Image control

ONLINE HELP
WINDEV, WEBDEV AND WINDEV MOBILE

Version:

Home | Sign in | English

Help

Editors

Controls (window/page/report)

Controls

Image control

The Image control

Overview of Image control

Creating an Image control

Multilingual images

Related examples

See also

"Clickable" image in a window

AAF: Context menu of Image controls

Animating an image

Animating the image display (WEBDEV)

Binding an Image control to an item

Choosing the type of image: dynamic, static, generated, ...

Directory of images (WEBDEV)

Display modes, transparency and symmetry of an image

Drawing charts in an Image control

Events associated with Image controls

Handling an Image control through programming

Image control in a page

Image control in a window

Image control properties

Image control: the supported formats

Image with automatic scroll (WEBDEV)

Multi-touch support

Providing an image per DPI

The Image control

Zooming an image (WEBDEV)

Overview of Image control
Control found in a window, page or report
Creating an Image control
In a window or page
In a report
Multilingual images

WINDEV

WEBDEV

WINDEV Mobile

Others

Overview of Image control

Control found in a window, page or report

The Image control is used to:

Display static images or animated images in your applications.
Draw.
Display charts created with the chart designer. However, we recommend that you use a Chart control.
Run specific processes when the user clicks the image (equivalent to the click areas of WINDEV 5.5).
Display videos with MCI functions.
Display PDF files.
This feature requires the GDI+ framework.
Scroll the images.
Manage the multi-touch.
Zoom the images automatically.

Creating an Image control

In a window or page

To create an Image control in a window or page:

On the "Creation" tab, in the "Usual controls" group, click "Image".
Click where the control will be created in the window or page. The control appears in the editor.

To view the control characteristics, select "Description" in the context menu of the control. The main available options are presented:

in Image control in a window.
in Image control in a page.

To edit the image of an Image control, select "Edit image" in the popup menu. The image editor is automatically started. For more details, see Image editor.

In a report

To create an Image control:

On the "Creation" tab, in the "Visual" group, click "Image".
Click where the control will be created in the report. The control appears in the editor.

To view the characteristics of the control, select "Description" in the context menu.

To select the image (or the PDF file) displayed by the control, click the

button, "Browse" option.

For more information on the image display mode and transparency, see Choosing the image display mode.

Multilingual images

If your application is a multilingual application, a different image can be selected for each language. This option is useful for images with text, for example.

To manage multilingual images:

Open the description of the Image control, "General" tab.
Click , then select "Multilingual". The window for managing multilingual images is displayed. By default, the same file is associated with all languages supported by the window, page or report.
For each language, click the button, "Browse" option, and select the image corresponding to the language. At runtime, the corresponding image will be displayed according to the language selected by Nation.

Caution: Only the image files are managed by the multilingual feature, not the display characteristics of image.

Remark: If a multilingual image was defined, the "<Multilingual value>" message is displayed in the area corresponding to the name of the image file in the description window of the Image control.

Related Examples:

Unit examples (WINDEV): The Image control

[ + ] Using an Image control.

Unit examples (WINDEV): The Image control (animations)

[ + ] Animating an image with WINDEV.
Two main topics are presented in this example:
1/ animated drawings ('image to animate')
2/ one-way and two-way animations.

This example presents some features proposed by WINDEV to animate images.
This list is not an exhaustive list ; indeed, by combining the different modes, the number of possible animations exceeds 2,000.
This example proposes animations without code as well as programmed animations.

Unit examples (WINDEV): Drag and drop

[ + ] Using Drag & Drop with the WLanguage functions.
The following topics are presented in this example:
1/ How to manage Drag&Drop between WINDEV controls
2/ How to manage Drag&Drop from the Windows file explorer to a WINDEV control
Drag & Drop is used to move objects via the mouse. "Drag" consists in clicking an object and moving the mouse while keeping the left button down. "Drop" consists in releasing the left mouse button.
Drag & Drop can be used with WINDEV on the List Box, TreeView, Table and Image controls.

Training (WINDEV): WD Lasso

[ + ] This program, powered by WINDEV, uses a selection lasso in an image control to perform a zoom in a preview control.
The CLasso class is supplied with this example in order to facilitate the implementation of a selection lasso in a WINDEV application

Complete examples (WINDEV): WD Schedule

[ + ] This example presents the management of a graphic schedule.

The following topics are presented in this example:
1/ the scheduler control
2/ the Google Calendar functions

Unit examples (WINDEV): The Image control (map area)

[ + ] Using the Image control to manage map areas

Unit examples (WINDEV): The Image control (display a PDF or a TIFF)

[ + ] Displaying a PDF or TIFF document in the Image control found in a window.

Unit examples (WINDEV): Image rotation

[ + ] Image rotation from any point that will be used as rotation center.

Unit examples (WEBDEV): The Image control (animations and transitions)

[ + ] Presenting animation and effect features proposed in WEBDEV and WLanguage on the Image control.

Unit examples (WEBDEV): The Image control (simulate a slider)

[ + ] This example explains how to simulate a slider via an image control, to assign a mark symbolized by stars in this case.

Training (WEBDEV): WW_Auto_Zoom

[ + ] This example offers a control template based on an image that displays an image thumbnail and through a click, enlarges the image without disturbing the page's layout.
Limitatiosn:
- The images cannot be loaded from a database
- The control template cannot be included in a looper