Toolbar Image swap on mouseover

How do I swap an image when the mouse pointer is over a toolbar button?
LVL 3
fibdevAsked:
Who is Participating?
 
simonetCommented:
You have to create 2 imagelists:

One that contais the images the user sees when the control is sitting still (the user is NOT hovering the mouse pointer over it) and another TImageList which contais the images the user sees when the mouse is over the buttons.

The assign these image lists to the Images HotImage properties (respectively) of a TToolBar control.

Note that the images in the first image list must correspond to the hot image, at the same index, on the hot images imagelist. Put in other words:

If the "cold" imagelist, contains, at index 6, the image for the Save button, the Hot imagelist must contain, at index 6, the hot image for the Save button.

Yours,

Alex
0
 
shenqwCommented:
First.
  You install the component TSQWToolButton.

Second.
  When you new a Toolbutton then view the Form as Text , Change the ToolButton into TSQWToolButton. If you do that , then you can use the events OnMouseEnter and OnMouseLeave and you can change the Image of the ToolButton.

Good Luck!
shenqw


//TSQWToolButton Component

unit SQWToolButton;

interface

uses
  Windows, Messages, SysUtils, Classes, Graphics, Controls, Forms, Dialogs,
  ComCtrls;

type
  TSQWToolButton = class(TToolButton)
  private
    { Private declarations }
    FOnMouseEnter,
    FOnMouseLeave:TNotifyEvent;
  protected
    { Protected declarations }
    procedure CMMouseEnter(var Message:TMessage);message CM_MOUSEENTER;
    procedure CMMouseLeave(var Message:TMessage);message CM_MOUSELEAVE;
  public
    { Public declarations }
  published
    { Published declarations }
    property OnMouseEnter:TNotifyEvent read FOnMouseEnter write FOnMouseEnter;
    property OnMouseLeave:TNotifyEvent read FOnMouseLeave write FOnMouseLeave;
  end;

procedure Register;

implementation

procedure Register;
begin
  RegisterComponents('Samples', [TSQWToolButton]);
end;

{ TSQWToolButton }

procedure TSQWToolButton.CMMouseEnter(var Message: TMessage);
begin
  inherited;
  if Assigned(FOnMouseEnter) then FOnMouseEnter(Self);
end;

procedure TSQWToolButton.CMMouseLeave(var Message: TMessage);
begin
  inherited;
  if Assigned(FOnMouseLeave) then FOnMouseLeave(Self);
end;

end.
0
 
fibdevAuthor Commented:
Thanks again Alex,

You the man
0
 
simonetCommented:
Anytime, fibdev. ;)

Alex
0
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

All Courses

From novice to tech pro — start learning today.