Dim Out the Main Form of an Application When a Modal Form (/Dialog) is Displayed
by Žarko Gajić
by Žarko Gajić
[SHOWTOGROUPS=4,20]
Dialog windows you use to display critical information to the user are, in most cases, displayed modally. A modal window (form) is the one where the application can’t continue to run until the modal window is closed.
Delphi’s ShowMessage, InputBox and MessageDlg, for example, display a modal form to the user waiting for some action. Your custom dialogs are displayed using the ShowModal method of a form.
Dimmer – a device for varying the brightness of light
To emphasize the importance of a modal form and the information it presents, you could gray out the main form of the application when the modal form is activated.
Here’s how to add a dim-out effect to your main form when modal forms are waiting for the user input.
The Display procedure aligns the dimmer form above the main form and gets displayed before any modal form is shown. This happens in the ApplicationEvent’s OnModalBegin event. OnModalEnd ensures that dimmer form is hidden until needed next time.
The above is the OnCreate event handler for the dimmer form. By using the AlphaBlend property and the AlphaBlendValue you can make the form translucent. As it will be displayed over the main form, we want it to create the dim-out effect. BorderStyle ensures this form has no border, no caption bar, no title buttons.
The Display procedure aligns the dimmer form above the main form:
And … that’s it.
[/SHOWTOGROUPS]
Dialog windows you use to display critical information to the user are, in most cases, displayed modally. A modal window (form) is the one where the application can’t continue to run until the modal window is closed.
Delphi’s ShowMessage, InputBox and MessageDlg, for example, display a modal form to the user waiting for some action. Your custom dialogs are displayed using the ShowModal method of a form.
Dimmer – a device for varying the brightness of light
To emphasize the importance of a modal form and the information it presents, you could gray out the main form of the application when the modal form is activated.
Here’s how to add a dim-out effect to your main form when modal forms are waiting for the user input.
- Have a main form in your application. (Or some other form you want to dim).
- Add a new form to the project. This will be the “dimmer” form.
- Drop the TApplicationEvents component on the main form
- Handle OnModalBegin and OnModalEnd events…
The Display procedure aligns the dimmer form above the main form and gets displayed before any modal form is shown. This happens in the ApplicationEvent’s OnModalBegin event. OnModalEnd ensures that dimmer form is hidden until needed next time.
Код:
procedure TDimmerForm.FormCreate(Sender: TObject);
begin
AlphaBlend := true;
AlphaBlendValue := 128;
BorderStyle := bsNone;
end;The above is the OnCreate event handler for the dimmer form. By using the AlphaBlend property and the AlphaBlendValue you can make the form translucent. As it will be displayed over the main form, we want it to create the dim-out effect. BorderStyle ensures this form has no border, no caption bar, no title buttons.
The Display procedure aligns the dimmer form above the main form:
Код:
type
TDimmerForm = class(TForm)
procedure FormCreate(Sender: TObject);
private
{ Private declarations }
public
procedure Display(const dimForm : TForm);
end;
...
procedure TDimmerForm.Display(const dimForm: TForm);
begin
with Self do
begin
Left := dimForm.Left;
Top := dimForm.Top;
Width := dimForm.Width;
Height := dimForm.Height;
Show;
end;
end;
Finally, handle the OnModalBegin and OnModalEnd events of the TApplicationEvents component on the main form:
procedure TMainForm.ApplicationEvents1ModalBegin(Sender: TObject);
begin
if Assigned(DimmerForm) then DimmerForm.Display(self);
end;
procedure TMainForm.ApplicationEvents1ModalEnd(Sender: TObject);
begin
if Assigned(DimmerForm) then DimmerForm.Hide;
end;And … that’s it.
[/SHOWTOGROUPS]
