Placing an image on a button [SOLVED]

[mr-es335]

Good day,

After some 2 hours, I could not locate a simple and direct response to my question, "How do I place an image on a button in AutoIt?" Rather frustrating indeed!

So, I am providing what I hope will be a simple "response-and-guide" in answer to my query.
• Both the script and the image are being provided.
• Other hopefully relevant information is provided below the actual script

; -----------------------------------------------
#include <ButtonConstants.au3>
#include <FontConstants.au3>
#include <GUIConstantsEx.au3>
; -----------------------------------------------
Local $hGUI = GUICreate("Button Image Test", 345, 65) ; The width and height of the dialog box.[1]
GUISetFont(12, $FW_BOLD, $GUI_FONTNORMAL, "Calibri") ; The size and the type of font being employed. [2]
Local $MyButton = GUICtrlCreateButton("", 20, 20, 150, 25, $BS_BITMAP) ; The postion, size and the GUI Control Styles of the button. [3]
GUICtrlSetImage($MyButton, "my_image.bmp") ; The actual image [4]
Local $Exit = GUICtrlCreateButton("Exit Me Please!", 175, 20, 150, 25) ; As $MyButton, but with no image.
; -----------------------------------------------
GUISetState(@SW_SHOW, $hGUI) ; Display the dialog box.
; -----------------------------------------------
While 1 ; To "catch" any-and-all of the button events.
    Switch GUIGetMsg()
        Case $GUI_EVENT_CLOSE, $Exit
            ExitLoop ; What occurs when the Exit button is selected.
        Case $MyButton
            MyFunc() ; I simply wanted something to occur when $MyButton is selected.
    EndSwitch
WEnd
; -----------------------------------------------
Func MyFunc() ; In response to the selection of $MyButton.
    MsgBox(0, 'MyButton', 'Inside MyFunc()')
EndFunc   ;==>MyFunc
; -----------------------------------------------
; Observations
; [1] This dialog displays what I refer to as a 1x2 button dialog...that is, 1 button high by two buttons wide!
; [2] I do tend to prefer the Calibri font for all of my button texts. See GUISetFont in the HelpFile.
; [3] Go to the HelpFile and locate GUICtrlCreateButton. For "style" select "GUI Control Styles Appendix".
; [4] As the image is stored within the folder where the script is located,...no "path" is required.

1x2.au3

my_image.bmp

I sincerely hope that the above information will be of some practicable use to others?

"A teacher takes a hand, opens a mind, and touches a heart."

Edited November 18, 2023 by mr-es335

[mr-es335]

Good day,

Any comments...anyone?

[argumentum]

On 11/18/2023 at 10:26 AM, mr-es335 said:

After some 2 hours, I could not locate a simple and direct response to my question, "How do I place an image on a button in AutoIt?" Rather frustrating indeed!

https://www.google.com/search?q=autoit+%24BS_BITMAP

This post is good but is not like there was no examples in the forums. Nonetheless thanks for a well documented example.

[Melba23]

2 hours ago, mr-es335 said:

Any comments...anyone?

Yes, please do not post simple scripts such as this when there is an essentially similar example in the help file and there is a direct link between GUICtrlCreateButton and GUICtrlSetImage which should lead you straight to the solution. Thanks in advance for your cooperation.

M23

[mr-es335]

Melba23,

I very much respectfully disagree...I personally tend to find many of the example in the HelpFile - at least to me anyhow...confusing!

Please note: The use of italics and underlines are intentional and theretofore, purposeful! It is imperative that I do not come across as "crass" or, in any way  "disrespectful".

[Melba23]

mr-es335,

The Help File example:

#include <ButtonConstants.au3>
#include <GUIConstantsEx.au3>

Example()

Func Example()
        GUICreate("My GUI") ; will create a dialog box that when displayed is centered

        GUICtrlCreateButton("my picture button", 10, 20, 40, 40, $BS_ICON)
        GUICtrlSetImage(-1, "shell32.dll", 22)

        GUISetState(@SW_SHOW)

        ; Loop until the user exits.
        While 1
                Switch GUIGetMsg()
                        Case $GUI_EVENT_CLOSE
                                ExitLoop

                EndSwitch
        WEnd
EndFunc   ;==>Example

Please explain what is confusing about that code taken directly from the GUICtrlSetImage page. Concerning the "placing an image on a button" problem, I can see little difference between it and the code you posted in the OP. Your "something to occur" when the button is pressed code is already covered on the GUICtrlCreateButton page - which includes the following text: 

Quote

A Button control can display an icon or image by using the $BS_ICON or $BS_BITMAP style. Use GUICtrlSetImage() to specify the picture to use.

Which, as you can see, has a direct link to the function.

This is a serious question - we want the examples in the Help file to be understandable to even complete beginners.

M23

[mr-es335]

Melba,

I did read both texts...and I personally, simply do not see the provided content being as "simple" as you suggest! Many times, what I read is exactly the obvious.

All that I wanted to do was to insert an image on a button. I did not want to delve into the differences between an image and an icon. If there are various options, it might be preferable to provide more than one example...as is done with other examples in the HelpFile.

I do hope that this makes sense?

[Melba23]

mr-es335,

Thank you for responding.

M23