Best way to draw a rectangle around a control (TShape hides behind)

Posted on 2009-05-04
Last Modified: 2013-11-22
When the user hovers the mouse over a TButton (OnMouseEnter) I want to draw a box around it (actually around a few buttons).
The problem with using a TShape is that it is not a TWinControl - so it will always appear BEHIND things like TPanels, TButtons etc.
I am busy working with another solution that draws on the "DeskTopWindow" canvas, but I'm sure there must be a more direct way (such as using the Form's Canvas) but I can't seem to get it right.

Some help would be appreciated.
Question by:rfwoolf
  • 4
  • 2
LVL 37

Assisted Solution

by:Geert Gruwez
Geert Gruwez earned 250 total points
ID: 24302086
why not use a bevel control ?
and then just set the bevel visible property when hovering to true
LVL 37

Assisted Solution

by:Geert Gruwez
Geert Gruwez earned 250 total points
ID: 24302168
LVL 37

Assisted Solution

by:Geert Gruwez
Geert Gruwez earned 250 total points
ID: 24302192
Free Tool: Path Explorer

An intuitive utility to help find the CSS path to UI elements on a webpage. These paths are used frequently in a variety of front-end development and QA automation tasks.

One of a set of tools we're offering as a way of saying thank you for being a part of the community.

LVL 37

Assisted Solution

by:Geert Gruwez
Geert Gruwez earned 250 total points
ID: 24302521
i used that uHoverHook unit to create a sample with 2 bevels and 3 buttons ...
unit Unit1;
  Windows, Messages, SysUtils, Variants, Classes, Graphics, Controls, Forms,
  Dialogs, StdCtrls, ExtCtrls, uHoverHook, ComCtrls;
  TForm1 = class(TForm)
    Panel1: TPanel;
    Panel2: TPanel;
    Button1: TButton;
    Button2: TButton;
    Button3: TButton;
    Bevel1: TBevel;
    Bevel2: TBevel;
    procedure FormCreate(Sender: TObject);
    procedure FormDestroy(Sender: TObject);
    fHover: THoverHook;
    procedure HoverMouseOver(Sender: TObject; Shift: TShiftState; X,
      Y: Integer);
    procedure OnHoverEnter(Sender: TObject);
    procedure OnHoverLeave(Sender: TObject);
    procedure WndProc(var Message: TMessage); override;
  Form1: TForm1;
{$R *.dfm}
procedure TForm1.FormCreate(Sender: TObject);
  //fHover := THoverHook.Create(HoverMouseOver, True);
  fHover := THoverHook.Create;
  fHover.OnMouseMove := HoverMouseOver;
procedure TForm1.HoverMouseOver(Sender: TObject; Shift: TShiftState; X,
  Y: Integer);
  Bevel1.Visible := (Sender = Button1) or (Sender = Button3);
  Bevel2.Visible := (Sender = Button2);
procedure TForm1.FormDestroy(Sender: TObject);
procedure TForm1.WndProc(var Message: TMessage);
var X: TObject;
  inherited WndProc(Message);
  if (Message.Msg = CM_MOUSEENTER) or (Message.Msg = CM_MOUSELEAVE) then
    X := ControlAtPos(Mouse.CursorPos, False, True);
    if Message.Msg = CM_MOUSEENTER then
procedure TForm1.OnHoverEnter(Sender: TObject);
procedure TForm1.OnHoverLeave(Sender: TObject);
  Bevel1.Visible := False;
  Bevel2.Visible := False;

Open in new window

LVL 13

Accepted Solution

rfwoolf earned 0 total points
ID: 24309268
Hi Geert

The bevel solution is unideal because Bevels are not transparent. Of course you could put the bevels behind the buttons, but that is unideal in my case because I have some buttons that fit exactly onto a panel.

I am not sure why everyone is obsessed with 'hovering' in those links you gave me - I can just use the MouseEnter and the MouseLeave events for buttons to detect when the mouse is hovering over the button and when it is not.

And so again it looks like my best solution is to draw on the form's canvas, but that is creating a huge headache because of the titlebar and border!!

LVL 26

Assisted Solution

EddieShipman earned 250 total points
ID: 24549098
There is a set of controls written by an ex-colleague calle Res-cue controls. They have this capability and you can
learn how he does it and do it with your own controls. I can attach them if you'd like...
LVL 26

Assisted Solution

EddieShipman earned 250 total points
ID: 24549142
From his help file:
"The Focus Technology is a powerful programming technique that allows developers to give a visual cue when a control receives focus.  No more searching for the control that has focus, our Focus Technology draws a rectangle around the control that has focus and can even change the Font attributes of a label for the control.  Developers are given the flexibility to change the appearance of the rectangle by providing many properties that can be altered such as spacing, color, 3D, etc.  In addition, we provide events for when a focus rectangle and label are about to be painted or removed from the screen so that developers can provide other visual cues to the user as to which control has focus.

Another powerful feature of our Focus Technology is the ability to use this technology on any TWinControl.  Thats right, you dont have to replace your current controls in your application to use the great feature.  Simply place a TrscMasterFocus component on a form and select the controls that you want to have this capability.  It is as simple as that."


Featured Post

Active Directory Webinar

We all know we need to protect and secure our privileges, but where to start? Join Experts Exchange and ManageEngine on Tuesday, April 11, 2017 10:00 AM PDT to learn how to track and secure privileged users in Active Directory.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Suggested Solutions

Title # Comments Views Activity
Delphi IDE crash without error message ... 7 99
Find and Replace Stream with 0s 8 69
CheckListBox usage 3 71
How to Get Images From Server to Client using App Tethering 1 27
A lot of questions regard threads in Delphi.   One of the more specific questions is how to show progress of the thread.   Updating a progressbar from inside a thread is a mistake. A solution to this would be to send a synchronized message to the…
Objective: - This article will help user in how to convert their numeric value become words. How to use 1. You can copy this code in your Unit as function 2. than you can perform your function by type this code The Code   (CODE) The Im…
With Secure Portal Encryption, the recipient is sent a link to their email address directing them to the email laundry delivery page. From there, the recipient will be required to enter a user name and password to enter the page. Once the recipient …

831 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question