ID: Q140884
4.00 WINDOWS
The information in this article applies to:
- Professional and Enterprise Editions of Microsoft Visual Basic,
16-bit only, for Windows, version 4.0
Command buttons in Visual Basic for Windows are limited to a single line of text and one background color (gray). The 3D command button shipped in the Professional Editions of Visual Basic version 2.0, 3.0 and 4.0 for Windows does have the capability of displaying bitmaps within a command button in Visual Basic for Windows. However, there is no way to alter the background or border colors to change its appearance. You can create the look and feel of a command button by using a picture control and manipulating the DrawMode in conjunction with the Line method. Using a picture control also allows you to display the "command button" in any color with multiple lines of caption text.
The technique (demonstrated further below) simulates the effect of pressing a command button by using the Line method with the BF option (Box Fill) in invert mode each time a MouseUp or MouseDown event occurs for the picture control. To add multiline text to the "button," either print to the picture box or add the text permanently to the bitmap.
The steps to create a customized "command button" are as follows:
1. Start Visual Basic for Windows, or choose New Project from the
File menu (press ALT, F, N) if Visual Basic for Windows is already
running. Form1 will be created by default.
2. Put a picture control (Picture1) on Form1.
3. Set the properties for Picture1 as given in the chart below:
Property Value
-------- -----
AutoRedraw True
AutoSize True
BorderStyle 0-None
DrawMode 6-Invert
4. Assign the Picture property of Picture1 to the bitmap of your
choice. For example, choose ARW01DN.ICO from the ARROWS
subdirectory of the ICONS directory shipped with Visual Basic for
Windows. This is a good example of a bitmap with a three dimensional
appearance.
5. Enter the following code in the Picture1_DblClick event procedure
of Picture1:
Private Sub Picture1_DblClick ()
Picture1.Line (0, 0)-(Picture1.width, Picture1.height), , BF
End Sub
NOTE: This code is necessary to avoid getting the bitmap stuck in
an inverted state because of Mouse messages being processed out of
order or from piling up due to fast clicking.
6. Enter the following code in the Picture1_MouseDown event procedure
of Picture1:
Private Sub Picture1_MouseDown (Button As Integer, Shift As Integer,
X As Single, Y As Single) ' Append to above line
Picture1.Line (0, 0)-(Picture1.width, Picture1.height), , BF
End Sub
7. Enter the following code in the Picture1_MouseUp event procedure of
Picture1:
Private Sub Picture1_MouseUp (Button As Integer, Shift As Integer,
X As Single, Y As Single) ' Append to above line.
Picture1.Line (0, 0)-(Picture1.width, Picture1.height), , BF
End Sub
8. Add the following code to the Picture1_KeyUp event procedure for
Picture1:
Private Sub Picture1_KeyUp (KeyCode As Integer, Shift As Integer)
'* Check to see if the ENTER key was pressed. If so, restore
'* the picture image.
If KeyCode = 13 Then
Picture1.Line (0, 0)-(Picture1.width, Picture1.height), , BF
End If
End Sub
9. Add the following code to the Picture1_KeyDown event procedure for
Picture1:
Private Sub Picture1_KeyDown (KeyCode As Integer, Shift As Integer)
'* Check to see if the ENTER key was pressed. If so, invert
'* the picture image.
If KeyCode = 13 Then
Picture1.Line (0, 0)-(Picture1.width, Picture1.height), , BF
End If
End Sub
image of the picture should be inverted while the mouse button is
down, giving the visual effect of a button press.
Keywords : kbcode PrgCtrlsStd
Version : 4.00
Platform : WINDOWSLast Reviewed: May 22, 1998