TTMSFNCHotSpotImageEditor

This is the editor which can be used to change the TTMSFNCHotSpotImage. It is available in designtime via the context-menu when you rightclick on the TTMSFNCHotSpotImage or the editor, or by a double click on the TTMSFNCHotSpotImage. Additionally, the editor is available when editing the ‘HotSpots’ property for TTMSFNCHotSpotImage in the object inspector. It is also available as a component which can be opened in runtime.

The code that can be used for this:

procedure TForm1.ButtonClick(Sender: TObject);
var
 hie: TTMSFNCHotSpotImageEditor;
begin
 hie := TTMSFNCHotSpotImageEditor.Create(Self);
 hie.HotSpotImage := HotSpotImage;
 hie.Execute;
end;

The different tools in the toolbar that you can use to manipulate the polygons:

Image	Name	Description
	Select	Will select a hotspot if you click in a polygon and also can give you the ability to select and move specific points of a selected hotspot.
	Rectangle	Will create a rectangle hotspot from a mouse down to a mouse up.
	Ellipse	Will create an ellipse hotspot from a mouse down to a mouse up.
	Wand	With the magic wand you can select an area with a similar color. You can finetune this with the sliders in the bottom panel.
	Add point	You can add the points as you want by clicking on the image. And in this way create your polygon.
	Delete point	Let’s you remove the selected or last point in the polygon.
	Eraser	Clears the polygon.
	Create hotspot	Create a new hotspot.
	Delete hotspot	Remove the selected hotspot.

There are two ways to create a new hotspot. As long as no hotspot is selected in the listbox, you can start creating a shape with the ‘Rectangle’, ‘Ellipse’, ‘Wand’ or ‘Add Point’ tools. This will show the temporary shape in a blue dashed line.

Once the hotspot shape is as wanted, they can be created with the ‘Create hotspot’ button in the toolbar or the ‘New’ button on the right side. This will add the hotspot and fill the appearance with the default appearance.

If one of the hotspots is selected in the listbox, these tools will change the previous hotspot shape.

To check and change the appearance on the different states you can switch between the ‘Hover’, ‘Down’ and ‘Selected’ buttons on the right side.

Below the listbox there is the ability to toggle if the hotspot is ‘Selectable’, if it should show the polygon and/or the name in the chosen state and you can change the name if any hotspot is selected.

At the bottom of that panel you can create a new hotspot as mentioned before or delete the selected. (These last two have the same behavior as the buttons on the toolbar.)

Then there is the pager that gives you the ability to set the appearance of the hotspots. In the different pages you can see the different points of the polygon in the’Polygon’ tab and change the fill, stroke and font. In case none of the hotspots are selected, you can change the default appearance otherwise you change the appearance of the specific hotspot.

Another way to fill the hotspots is via the hover or selected bitmap. Which can be set with the button on the bottom of the ‘Fill’ page. This will cut out the respective part of the hotspot from the image.