Remove titlebar but keep decorations like border, shadow, rounded corners with glfw

Question

Remove titlebar but keep decorations like border, shadow, rounded corners with glfw

yasa 5

So like I said in the title, I want to have a custom title bar like for example chrome, discord, steam, etc... To do so I want to remove the existing one so that I can draw my own.

Right now , im using the glfw native access to completely disable the title bar so that I can draw my own with opengl. I have found a method that kinda works but there is an issue.

At the top of the window where there was a titlebar before, there is a very thin white frame which in my testing does not have any purpose and just exists for no reason. It's really annoying and I cant find a way to remove it.

The code I used to disable the titlebar:

void disableTitlebar(GLFWwindow* window)
    {
        HWND hWnd = glfwGetWin32Window(window);

        // Remove the title bar
        LONG_PTR lStyle = GetWindowLongPtr(hWnd, GWL_STYLE);
        lStyle &= ~WS_CAPTION;
        SetWindowLongPtr(hWnd, GWL_STYLE, lStyle);

        // Set the window shape and rounded corners
        DWMNCRENDERINGPOLICY policy = DWMNCRP_ENABLED;
        DwmSetWindowAttribute(hWnd, DWMWA_NCRENDERING_POLICY, &policy, sizeof(policy));

        // Extend the frame into the client area
        MARGINS margins = { -1 };
        DwmExtendFrameIntoClientArea(hWnd, &margins);

        // Adjust the window size to remove the thin frame at the top
        RECT windowRect;
        GetWindowRect(hWnd, &windowRect);
        SetWindowPos(hWnd, NULL, 0, 0, windowRect.right - windowRect.left, windowRect.bottom - windowRect.top, SWP_FRAMECHANGED | SWP_NOMOVE);
    }

Here is a screenshot of the issue im talking about: imgur link

Any help would be appreciated 😊

Tried tweaking the margins value and looked online but I couldn't find a solution that uses glfw.

Even asked chat gpt, no help from him either.

Xiaopo Yang - MSFT 12,731 Reputation points Microsoft External Staff

2023-06-07T01:46:04.88+00:00

I cannot reproduce with a window project generated by Windows Desktop Application Template.
yasa 5 Reputation points

2023-06-07T13:01:22.32+00:00

So for you , the title bar is disabled and there is no white border .

That's weird , are you on windows 10 or 11. Im on windows 11 64bit.
Xiaopo Yang - MSFT 12,731 Reputation points Microsoft External Staff

2023-06-08T01:20:01.33+00:00

On Windows 11 Enterprise Version 22H2, OS build 22621.1702 and without GLFW. @yasa could you please show a minimal, reproducible sample without private information and GLFW?

yasa 5

Yes for sure, here is a simple application using glfw and the additonal win32 api code

to build the app, I linked with glfw3, opengl32, gdi32 and dwmapi

#define GLFW_EXPOSE_NATIVE_WIN32
#include <GLFW/glfw3.h>
#include <GLFW/glfw3native.h>

#include <dwmapi.h>

int main(void)
{
    GLFWwindow* window;

    /* Initialize the library */
    if (!glfwInit())
        return -1;

    /* Create a windowed mode window and its OpenGL context */
    window = glfwCreateWindow(640, 480, "Hello World", NULL, NULL);

	HWND hWnd = glfwGetWin32Window(window);

	LONG_PTR lStyle = GetWindowLongPtr(hWnd, GWL_STYLE);    
	lStyle &= ~WS_CAPTION;    
	SetWindowLongPtr(hWnd, GWL_STYLE, lStyle);

	DWMNCRENDERINGPOLICY policy = DWMNCRP_ENABLED;    
	DwmSetWindowAttribute(hWnd, DWMWA_NCRENDERING_POLICY, &policy, sizeof(policy));

	MARGINS margins = { -1 };    
	DwmExtendFrameIntoClientArea(hWnd, &margins);

	RECT windowRect;    
	GetWindowRect(hWnd, &windowRect);    
	SetWindowPos(hWnd, NULL, 0, 0, windowRect.right - windowRect.left, windowRect.bottom - 	windowRect.top, SWP_FRAMECHANGED | SWP_NOMOVE);

    if (!window)
    {
        glfwTerminate();
        return -1;
    }

    /* Make the window's context current */
    glfwMakeContextCurrent(window);

    /* Loop until the user closes the window */
    while (!glfwWindowShouldClose(window))
    {
        /* Render here */
        glClearColor(0.7f, 1.0f, 0.5f, 1.0f);
        glClear(GL_COLOR_BUFFER_BIT);

        /* Swap front and back buffers */
        glfwSwapBuffers(window);

        /* Poll for and process events */
        glfwPollEvents();
    }

    glfwTerminate();
    return 0;
}

Xiaopo Yang - MSFT 12,731 Reputation points Microsoft External Staff

2023-06-08T02:02:20.1033333+00:00

@yasa Sorry, glfw3 and opengl32 are not supported.

yasa 5

Hey, so you said it was not supported but I still experimented a bit and I came with this.

This is the code.

    LRESULT CALLBACK WindowProc(HWND hWnd, UINT uMsg, WPARAM wParam, LPARAM lParam)
    {
        switch (uMsg)
        {
            case WM_NCCALCSIZE:
            {
                // Remove the window's standard sizing border
                if (wParam == TRUE && lParam != NULL)
                {
                    NCCALCSIZE_PARAMS* pParams = reinterpret_cast<NCCALCSIZE_PARAMS*>(lParam);
                    pParams->rgrc[0].top += 1;
                    pParams->rgrc[0].right -= 2;
                    pParams->rgrc[0].bottom -= 2;
                    pParams->rgrc[0].left += 2;
                }
                return 0;
            }

        }
        
        // Handle other messages
        return DefWindowProc(hWnd, uMsg, wParam, lParam);
    }
    void disableTitlebar(GLFWwindow* window)
    {
         // Retrieve the Win32 window handle
        HWND hWnd = glfwGetWin32Window(window);
        

        LONG_PTR lStyle = GetWindowLongPtr(hWnd, GWL_STYLE);
        lStyle |= WS_THICKFRAME;
        lStyle &= ~WS_CAPTION;
        SetWindowLongPtr(hWnd, GWL_STYLE, lStyle);

        RECT windowRect;
        GetWindowRect(hWnd, &windowRect);
        int width = windowRect.right - windowRect.left;
        int height = windowRect.bottom - windowRect.top;

        SetWindowPos(hWnd, NULL, 0, 0, width, height, SWP_FRAMECHANGED | SWP_NOMOVE);
        SetWindowLongPtr(hWnd, GWLP_WNDPROC, reinterpret_cast<LONG_PTR>(WindowProc));
        SetWindowPos(hWnd, NULL, 0, 0, width, height, SWP_FRAMECHANGED | SWP_NOMOVE);
    }

Here is an example app with glfw.

For this one I only linked with glfw3, gdi32 and opengl32

#include <GLFW/glfw3.h>
#include <GLFW/glfw3native.h>

#include <windows.h>

LRESULT CALLBACK WindowProc(HWND hWnd, UINT uMsg, WPARAM wParam, LPARAM lParam)
{
    switch (uMsg)
    {
        case WM_NCCALCSIZE:
        {
            // Remove the window's standard sizing border
            if (wParam == TRUE && lParam != NULL)
            {
                NCCALCSIZE_PARAMS* pParams = reinterpret_cast<NCCALCSIZE_PARAMS*>(lParam);
                pParams->rgrc[0].top += 1;
                pParams->rgrc[0].right -= 2;
                pParams->rgrc[0].bottom -= 2;
                pParams->rgrc[0].left += 2;
            }
            return 0;
        }

    }
    
    // Handle other messages
    return DefWindowProc(hWnd, uMsg, wParam, lParam);
}

void disableTitlebar(GLFWwindow* window)
{
        // Retrieve the Win32 window handle
    HWND hWnd = glfwGetWin32Window(window);
    

    LONG_PTR lStyle = GetWindowLongPtr(hWnd, GWL_STYLE);
    lStyle |= WS_THICKFRAME;
    lStyle &= ~WS_CAPTION;
    SetWindowLongPtr(hWnd, GWL_STYLE, lStyle);

    RECT windowRect;
    GetWindowRect(hWnd, &windowRect);
    int width = windowRect.right - windowRect.left;
    int height = windowRect.bottom - windowRect.top;

    SetWindowPos(hWnd, NULL, 0, 0, width, height, SWP_FRAMECHANGED | SWP_NOMOVE);
    SetWindowLongPtr(hWnd, GWLP_WNDPROC, reinterpret_cast<LONG_PTR>(WindowProc));
    SetWindowPos(hWnd, NULL, 0, 0, width, height, SWP_FRAMECHANGED | SWP_NOMOVE);
}

int main(void)
{
    GLFWwindow* window;

    /* Initialize the library */
    if (!glfwInit())
        return -1;

    /* Create a windowed mode window and its OpenGL context */
    window = glfwCreateWindow(640, 480, "Hello World", NULL, NULL);

	disableTitlebar(window);

    if (!window)
    {
        glfwTerminate();
        return -1;
    }

    /* Make the window's context current */
    glfwMakeContextCurrent(window);

    /* Loop until the user closes the window */
    while (!glfwWindowShouldClose(window))
    {
        /* Render here */
        glClearColor(0.7f, 1.0f, 0.5f, 1.0f);
        glClear(GL_COLOR_BUFFER_BIT);

        /* Swap front and back buffers */
        glfwSwapBuffers(window);

        /* Poll for and process events */
        glfwPollEvents();
    }

    glfwTerminate();
    return 0;
}

The titlebar is disabled and I can still resize. There is still a small issue where when I resize the borders flickers untils I stop resizing. Could you try this code and tell me if there is any win32 function or something to remove the flicker.

The gray border appears and flickers while resizing

image_2023-06-08_204403080

1 answer

Your answer

Xiaopo Yang - MSFT 12,731 Reputation points Microsoft External Staff

2023-06-07T01:46:04.88+00:00

I cannot reproduce with a window project generated by Windows Desktop Application Template.
yasa 5 Reputation points

2023-06-07T13:01:22.32+00:00

So for you , the title bar is disabled and there is no white border .

That's weird , are you on windows 10 or 11. Im on windows 11 64bit.
Xiaopo Yang - MSFT 12,731 Reputation points Microsoft External Staff

2023-06-08T01:20:01.33+00:00

On Windows 11 Enterprise Version 22H2, OS build 22621.1702 and without GLFW. @yasa could you please show a minimal, reproducible sample without private information and GLFW?
yasa 5 Reputation points

2023-06-08T01:31:08.5+00:00

Yes for sure, here is a simple application using glfw and the additonal win32 api code

to build the app, I linked with glfw3, opengl32, gdi32 and dwmapi

#define GLFW_EXPOSE_NATIVE_WIN32 #include <GLFW/glfw3.h> #include <GLFW/glfw3native.h> #include <dwmapi.h> int main(void) { GLFWwindow* window; /* Initialize the library */ if (!glfwInit()) return -1; /* Create a windowed mode window and its OpenGL context */ window = glfwCreateWindow(640, 480, "Hello World", NULL, NULL); HWND hWnd = glfwGetWin32Window(window); LONG_PTR lStyle = GetWindowLongPtr(hWnd, GWL_STYLE); lStyle &= ~WS_CAPTION; SetWindowLongPtr(hWnd, GWL_STYLE, lStyle); DWMNCRENDERINGPOLICY policy = DWMNCRP_ENABLED; DwmSetWindowAttribute(hWnd, DWMWA_NCRENDERING_POLICY, &policy, sizeof(policy)); MARGINS margins = { -1 }; DwmExtendFrameIntoClientArea(hWnd, &margins); RECT windowRect; GetWindowRect(hWnd, &windowRect); SetWindowPos(hWnd, NULL, 0, 0, windowRect.right - windowRect.left, windowRect.bottom - windowRect.top, SWP_FRAMECHANGED | SWP_NOMOVE); if (!window) { glfwTerminate(); return -1; } /* Make the window's context current */ glfwMakeContextCurrent(window); /* Loop until the user closes the window */ while (!glfwWindowShouldClose(window)) { /* Render here */ glClearColor(0.7f, 1.0f, 0.5f, 1.0f); glClear(GL_COLOR_BUFFER_BIT); /* Swap front and back buffers */ glfwSwapBuffers(window); /* Poll for and process events */ glfwPollEvents(); } glfwTerminate(); return 0; }
Xiaopo Yang - MSFT 12,731 Reputation points Microsoft External Staff

2023-06-08T02:02:20.1033333+00:00

@yasa Sorry, glfw3 and opengl32 are not supported.

Answer 1

I found a solution that did exactly what I wanted.

Here is the final code.

    WNDPROC original_proc;

    LRESULT CALLBACK WindowProc(HWND hWnd, UINT uMsg, WPARAM wParam, LPARAM lParam)
    {
        switch (uMsg)
        {
            case WM_NCCALCSIZE:
            {
                // Remove the window's standard sizing border
                if (wParam == TRUE && lParam != NULL)
                {
                    NCCALCSIZE_PARAMS* pParams = reinterpret_cast<NCCALCSIZE_PARAMS*>(lParam);
                    pParams->rgrc[0].top += 1;
                    pParams->rgrc[0].right -= 2;
                    pParams->rgrc[0].bottom -= 2;
                    pParams->rgrc[0].left += 2;
                }
                return 0;
            }
            case WM_NCPAINT:
            {
                // Prevent the non-client area from being painted
                return 0;
            }
            case WM_NCHITTEST:
            {
                // Expand the hit test area for resizing
                const int borderWidth = 8; // Adjust this value to control the hit test area size

                POINTS mousePos = MAKEPOINTS(lParam);
                POINT clientMousePos = { mousePos.x, mousePos.y };
                ScreenToClient(hWnd, &clientMousePos);

                RECT windowRect;
                GetClientRect(hWnd, &windowRect);

                if (clientMousePos.y >= windowRect.bottom - borderWidth)
                {
                    if (clientMousePos.x <= borderWidth)
                        return HTBOTTOMLEFT;
                    else if (clientMousePos.x >= windowRect.right - borderWidth)
                        return HTBOTTOMRIGHT;
                    else
                        return HTBOTTOM;
                }
                else if (clientMousePos.y <= borderWidth)
                {
                    if (clientMousePos.x <= borderWidth)
                        return HTTOPLEFT;
                    else if (clientMousePos.x >= windowRect.right - borderWidth)
                        return HTTOPRIGHT;
                    else
                        return HTTOP;
                }
                else if (clientMousePos.x <= borderWidth)
                {
                    return HTLEFT;
                }
                else if (clientMousePos.x >= windowRect.right - borderWidth)
                {
                    return HTRIGHT;
                }

                break;
            }
        }
        
        return CallWindowProc(original_proc, hWnd, uMsg, wParam, lParam);
    }
    void disableTitlebar(GLFWwindow* window)
    {
        HWND hWnd = glfwGetWin32Window(window);

        LONG_PTR lStyle = GetWindowLongPtr(hWnd, GWL_STYLE);
        lStyle |= WS_THICKFRAME;
        lStyle &= ~WS_CAPTION;
        SetWindowLongPtr(hWnd, GWL_STYLE, lStyle);

        RECT windowRect;
        GetWindowRect(hWnd, &windowRect);
        int width = windowRect.right - windowRect.left;
        int height = windowRect.bottom - windowRect.top;

        original_proc = (WNDPROC)GetWindowLongPtr(hWnd, GWLP_WNDPROC);
        (WNDPROC)SetWindowLongPtr(hWnd, GWLP_WNDPROC, reinterpret_cast<LONG_PTR>(WindowProc));
        SetWindowPos(hWnd, NULL, 0, 0, width, height, SWP_FRAMECHANGED | SWP_NOMOVE);
    }

Share via

Remove titlebar but keep decorations like border, shadow, rounded corners with glfw

1 answer

Your answer