Skip to main content
All docs
V24.1

dxShowImageEditor(TPicture) Method

Invokes the Image Editor dialog for the specified TPicture image container.

Declaration

function dxShowImageEditor(APicture: TPicture): Boolean;

Parameters

Name Type Description
APicture TPicture

The target image container.

The invoked dialog applies pending changes to the stored image when the global function returns True.

Returns

Type Description
Boolean
  • True if a user clicks the Save button to close the Image Editor dialog or clicks the Yes button in the modal Close Editor dialog to confirm pending changes.
  • False if a user clicks the Close button or clicks the No button in the modal Close Editor dialog.

Remarks

Image Editor is a modal dialog that allows users to perform simple image edit operations, such as cropping, rotation, and color adjustment.

VCL Editors Library: An Image Editor Dialog Example

Image Edit Operations

The Image Editor displays the following commands:

VCL Editors Library: All Image Edit Operation Buttons

Crop

A click on the Crop button displays the Crop operation pane and a crop box with sizing handles in the image display area.

VCL Editors Library: The Crop Operation Pane

Desaturate

The Desaturate button makes the displayed image black-and-white (sets the Saturation of all image pixels to 0).

You can use the Saturation slider from the Adjust Colors pane for granular control over image saturation.

Adjust Colors

The Adjust Colors button displays the corresponding pane with Contrast, Brightness, and Saturation sliders.

VCL Editors Library: The Adjust Colors Operation Pane

Mirror
This button flips the displayed image horizontally.
Rotate Counterclockwise | Rotate Clockwise
These buttons rotate the displayed image by 90 degrees in the corresponding direction.
Undo | Redo
These buttons allow users to navigate the action history.

Invoke a Standalone Image Editor Dialog

To invoke the Image Editor dialog for a TPicture image container to allow users to edit the stored image, call the dxShowImageEditor global function.

Invoke the Image Editor Dialog in cxImage Editors

You can call the ShowImageEditor procedure of a TcxImage or TcxDBImage editor to allow users to edit the image displayed in the editor.

A user can click the Edit… item in the context menu of a TcxImage or TcxDBImage editor to invoke the Image Editor dialog for the editor:

VCL Editors Library: Invoke the Image Editor Dialog

Tip

You can use an image editor‘s Properties.PopupMenuLayout.MenuItems property to customize the list of context menu items.

The Edit… menu item is available only if the pmiEdit flag is present in the Properties.PopupMenuLayout.MenuItems property value. Refer to the TcxPopupMenuLayout.MenuItems property description for detailed information on menu item management and a code example.

Image Editor Customization

If you need to customize the Image Editor dialog, derive a custom form from the TdxCustomImageEditorDialog class. Then, assign a reference to the custom form to the dxImageEditorClass global variable.

See Also