Windows API'de bir Buton kontrolü üzerine resim ve yazıyı birlikte eklemek için owner-drawn yöntemini kullanabiliriz. Bu durumda, butonun tüm çizim işlemini manuel olarak yapmamız gerekir.

Butonun yer aldığı ana pencereye gönderilen WM_DRAWITEM mesajını kullanarak bu işlemi gerçekleştirebiliriz. WM_DRAWITEM mesajının wParam parametresi mesajı gönderen kontrolün tanımlayıcısını (IDC_BUTTON), lParam parametresi ise çizilecek kontrol ve çizim türü hakkında bilgiler içeren DRAWITEMSTRUCT yapısını gösteren bir pointer içerir.

1. Öncelikle Burada gösterildiği gibi bir Windows API projesi oluşturalım. Projeyle birlikte otomatik olarak oluşturulan main.c dosyası içine aşağıda gösterilen kodları ekleyelim:

#include "resource.h" /* resource.h başlık dosyasını dahil etme */

HWND hwndButtonAbout; /* Buton için değişken oluşturma */
HANDLE iconAbout;     /* icon için Handle oluşturma */

case WM_CREATE:

    hwndButtonAbout = CreateWindowEx(0, "BUTTON", "",
                         WS_CHILD | WS_VISIBLE | BS_OWNERDRAW, 100, 100, 120, 30,
                         hwnd, (HMENU) IDC_BUTTON, NULL, NULL);
    break;

case WM_DRAWITEM:
{
    switch ((UINT)wParam)
    {
        case IDC_BUTTON:
        {
            LPDRAWITEMSTRUCT lpdis = (DRAWITEMSTRUCT*)lParam;
            SIZE size;
            LPSTR btnString = "Hakkında";

            SetTextColor(lpdis->hDC, RGB(0, 0, 0));
            SetBkColor(lpdis->hDC, RGB(236, 236, 236));

            GetTextExtentPoint32(lpdis->hDC, btnString, strlen(btnString), &size);
            ExtTextOut(lpdis->hDC, ((lpdis->rcItem.right - lpdis->rcItem.left) - size.cx) / 2,
                       ((lpdis->rcItem.bottom - lpdis->rcItem.top) - size.cy) / 2,
                       ETO_OPAQUE | ETO_CLIPPED, &lpdis->rcItem, btnString, strlen(btnString), NULL);

            iconAbout = LoadImage(GetModuleHandle(NULL), MAKEINTRESOURCE(IDI_ICONABOUT), IMAGE_ICON, 16, 16, LR_SHARED);
            DrawIconEx(lpdis->hDC, 5, ((lpdis->rcItem.bottom - lpdis->rcItem.top) - 16) / 2, (HICON)iconAbout, 16, 16, 0, 0, DI_NORMAL);

            DrawEdge(lpdis->hDC, &lpdis->rcItem, (lpdis->itemState & ODS_SELECTED ? EDGE_SUNKEN : EDGE_RAISED), BF_RECT);

            return TRUE;
        }
        break;
    }
}

Yukarıdaki kodları eklediğimizde, main.c dosyasının en son hali aşağıdaki şekilde olacaktır.

main.c

#if defined(UNICODE) && !defined(_UNICODE)
    #define _UNICODE
#elif defined(_UNICODE) && !defined(UNICODE)
    #define UNICODE
#endif

#include <tchar.h>
#include <windows.h>
#include "resource.h"

/*  Declare Windows procedure  */
LRESULT CALLBACK WindowProcedure (HWND, UINT, WPARAM, LPARAM);

/*  Make the class name into a global variable  */
TCHAR szClassName[ ] = _T("DenemeApp");

HWND hwndButtonAbout;
HANDLE iconAbout;

int WINAPI WinMain (HINSTANCE hThisInstance,
                     HINSTANCE hPrevInstance,
                     LPSTR lpszArgument,
                     int nCmdShow)
{
    HWND hwnd;               /* This is the handle for our window */
    MSG messages;            /* Here messages to the application are saved */
    WNDCLASSEX wincl;        /* Data structure for the windowclass */

    /* The Window structure */
    wincl.hInstance = hThisInstance;
    wincl.lpszClassName = szClassName;
    wincl.lpfnWndProc = WindowProcedure;      /* This function is called by windows */
    wincl.style = CS_DBLCLKS;                 /* Catch double-clicks */
    wincl.cbSize = sizeof (WNDCLASSEX);

    /* Use default icon and mouse-pointer */
    wincl.hIcon = LoadIcon (NULL, IDI_APPLICATION);
    wincl.hIconSm = LoadIcon (NULL, IDI_APPLICATION);
    wincl.hCursor = LoadCursor (NULL, IDC_ARROW);
    wincl.lpszMenuName = NULL;                 /* No menu */
    wincl.cbClsExtra = 0;                      /* No extra bytes after the window class */
    wincl.cbWndExtra = 0;                      /* structure or the window instance */
    /* Use Windows's default colour as the background of the window */
    wincl.hbrBackground = (HBRUSH) COLOR_BACKGROUND;

    /* Register the window class, and if it fails quit the program */
    if (!RegisterClassEx (&wincl))
        return 0;

    /* The class is registered, let's create the program*/
    hwnd = CreateWindowEx (
           0,                       /* Extended possibilites for variation */
           szClassName,             /* Classname */
           _T("Deneme Uygulaması"), /* Title Text */
           WS_OVERLAPPEDWINDOW,     /* default window */
           CW_USEDEFAULT,           /* Windows decides the position */
           CW_USEDEFAULT,           /* where the window ends up on the screen */
           544,                     /* The programs width */
           375,                     /* and height in pixels */
           HWND_DESKTOP,            /* The window is a child-window to desktop */
           NULL,                    /* No menu */
           hThisInstance,           /* Program Instance handler */
           NULL                     /* No Window Creation data */
           );

    /* Make the window visible on the screen */
    ShowWindow (hwnd, nCmdShow);

    /* Run the message loop. It will run until GetMessage() returns 0 */
    while (GetMessage (&messages, NULL, 0, 0))
    {
        /* Translate virtual-key messages into character messages */
        TranslateMessage(&messages);
        /* Send message to WindowProcedure */
        DispatchMessage(&messages);
    }

    /* The program return-value is 0 - The value that PostQuitMessage() gave */
    return messages.wParam;
}

/*  This function is called by the Windows function DispatchMessage()  */
LRESULT CALLBACK WindowProcedure (HWND hwnd, UINT message, WPARAM wParam, LPARAM lParam)
{
    switch (message)                  /* handle the messages */
    {
       case WM_CREATE:

            hwndButtonAbout = CreateWindowEx(0, "BUTTON", "",
                                 WS_CHILD | WS_VISIBLE | BS_OWNERDRAW, 100, 100, 120, 30,
                                 hwnd, (HMENU) IDC_BUTTON, NULL, NULL);
            break;

       case WM_DRAWITEM:
        {
            switch ((UINT)wParam)
            {
                case IDC_BUTTON:
                {
                    LPDRAWITEMSTRUCT lpdis = (DRAWITEMSTRUCT*)lParam;
                    SIZE size;
                    LPSTR btnString = "Hakkında";

                    SetTextColor(lpdis->hDC, RGB(0, 0, 0));
                    SetBkColor(lpdis->hDC, RGB(236, 236, 236));

                    GetTextExtentPoint32(lpdis->hDC, btnString, strlen(btnString), &size);
                    ExtTextOut(lpdis->hDC, ((lpdis->rcItem.right - lpdis->rcItem.left) - size.cx) / 2,
                               ((lpdis->rcItem.bottom - lpdis->rcItem.top) - size.cy) / 2,
                               ETO_OPAQUE | ETO_CLIPPED, &lpdis->rcItem, btnString, strlen(btnString), NULL);

                    iconAbout = LoadImage(GetModuleHandle(NULL), MAKEINTRESOURCE(IDI_ICONABOUT), IMAGE_ICON, 16, 16, LR_SHARED);
                    DrawIconEx(lpdis->hDC, 5, ((lpdis->rcItem.bottom - lpdis->rcItem.top) - 16) / 2, (HICON)iconAbout, 16, 16, 0, 0, DI_NORMAL);

                    DrawEdge(lpdis->hDC, &lpdis->rcItem, (lpdis->itemState & ODS_SELECTED ? EDGE_SUNKEN : EDGE_RAISED), BF_RECT);

                    return TRUE;
                }
                break;
            }
        }

        case WM_DESTROY:
            PostQuitMessage (0);       /* send a WM_QUIT to the message queue */
            break;
        default:                      /* for messages that we don't deal with */
            return DefWindowProc (hwnd, message, wParam, lParam);
    }

    return 0;
}

2. resource.h adlı bir dosya oluşturarak içeriğini aşağıdaki şekilde düzenleyelim.

resource.h

#include <windows.h>

#define IDC_BUTTON 101
#define IDI_ICONABOUT 1001

3. resource.rc adlı bir dosya oluşturarak içeriğini aşağıdaki şekilde düzenleyelim.

resource.rc

#include "resource.h"

IDI_ICONABOUT ICON "about.ico"

4. Program kaynak kod dosyalarının bulunduğu dizinde about.ico adlı bir resim dosyası oluşturalım.

Yaptığımız işlemler sonucunda, proje içinde yer alan dosyalar ve IDE içindeki görünümü aşağıdaki fotoğraftaki şekilde olacaktır.

Program derleyip çalıştırdığımızda aşağıdakine benzer bir ekran görüntüsü karşımıza gelecektir: