c++ - Visual Studio 2013 C++ 中的位图透明度

Question

我对这个很困惑。我使用论坛上推荐的程序将 32 位 PNG 转换为具有 alpha channel 的 32 位位图。我将它们添加到资源编辑器中，并通过工具箱将它们放置到对话框中。我已经阅读(我认为是广泛的)关于位图透明度和 Visual Studio 中的限制。
让我感到困惑的是，我通过 Visual Studio 资源编辑器将图片控件添加到我的对话框中。例如，我有两个红球，一个是 24 位位图，一个是 32 位位图。在 visual studio 的测试模式下以及使用资源编辑器打开 .rc 时，透明度看起来不错。

但是，当我以编程方式调用 DialogBox 时，我没有获得透明度。

DialogBox(GetModuleHandle(NULL), MAKEINTRESOURCE(IDD_DIALOG1),
    NULL, DialogProc);

当我在 Visual Studio 中单击测试按钮时，它必须调用例程 DialogBox 或类似的程序来显示位图。当我将资源编辑器中的位图放置到对话框时，它显示透明。微软做了哪些我没有做的事情？
我有意在没有 MFC 的情况下进行开发。是这个问题吗，只有在 MFC 中，对话框才能加载透明(我意识到它减少到 CreateWindowEX)。我意识到也可以使用各种 bitblt 方法。这是 Visual Studio 在幕后所做的吗？还审查了 WM_CTLCOLORSTATIC 等 Material 。大家怎么看？有没有一些简单的方法可以调用 DialogBox 并在对话框中获取透明的 BMP？或者我们都被迫使用 MFC？或者用户必须编写例程来删除背景/油漆等。

如果没有透明图像，对话框很简单，这对我来说似乎有点奇怪。需要非方形图像？这在某种程度上是个问题。现在，软件工程师必须向对话框回调或程序添加大量代码。对我来说似乎更像是一个错误。

感谢您的评价。

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


 INT_PTR CALLBACK DialogProc(HWND hwnd, UINT message, WPARAM wParam, LPARAM   lParam)
  {
  int wmId, wmEvent;

  switch (message)
   {
   case WM_COMMAND:
    wmId = LOWORD(wParam);
    wmEvent = HIWORD(wParam);
    // Parse the menu selections:
    switch (wmId)
    {
    case IDOK:
        EndDialog(hwnd, LOWORD(wParam));
        break;
    case IDCANCEL:
        EndDialog(hwnd, LOWORD(wParam));
        return TRUE;

    }

case WM_PAINT:
    break;

case WM_DESTROY:
    EndDialog(hwnd, LOWORD(wParam));
    break;
}
return FALSE; 
}


 int APIENTRY WinMain(HINSTANCE hInstance,
 HINSTANCE hPrevInstance,
 LPSTR     lpCmdLine,
 int       nCmdShow)
 {


DialogBox(GetModuleHandle(NULL), MAKEINTRESOURCE(IDD_DIALOG1),
    NULL, DialogProc);

return 0;
 }

Answer 1

这个问题有两种可能的解决方案，各有优缺点。

解决方案 1 通过简单地向资源添加一个应用程序 list 文件来修复 OP 指出的原始问题。此解决方案无需编码。该解决方案实现的透明度并不完美，但自 Windows XP 以来的所有 Windows 版本均受支持。

解决方案 2 更高级，因为它创建了一个分层子窗口，该窗口在对话框背景以及任何重叠的子控件上提供真正透明的图像。缺点是至少需要 Windows 8 并且必须编写相当数量的重要代码(但你很幸运，因为我已经为你做了这些 ;-))。

解决方案 1 - 添加应用程序 list

仅当您添加指定通用控件版本 6.0.0.0 的应用程序 list 时， native 静态控件才支持具有 alpha 透明度的位图。从您屏幕截图中控件的“老式”外观，我们可以看出您还没有这样的 list 。

将以下代码片段保存到名为“manifest.xml”的文件中，并将其放入您的应用程序资源文件夹中。在 Visual Studio 中，右键单击您的项目，转到“ list 工具”>“输入和输出”>“其他 list 文件”> 输入“manifest.xml”的相对路径(不带引号)。

<assembly xmlns="urn:schemas-microsoft-com:asm.v1" manifestVersion="1.0">
  <compatibility xmlns="urn:schemas-microsoft-com:compatibility.v1"> 
    <application>
        <!-- Windows 10 --> 
        <supportedOS Id="{8e0f7a12-bfb3-4fe8-b9a5-48fd50a15a9a}"/>
        <!-- Windows 8.1 -->
        <supportedOS Id="{1f676c76-80e1-4239-95bb-83d0f6d0da78}"/>
        <!-- Windows 8 -->
        <supportedOS Id="{4a2f28e3-53b9-4441-ba9c-d69d4a4a6e38}"/>
        <!-- Windows 7 -->
        <supportedOS Id="{35138b9a-5d96-4fbd-8e2d-a2440225f93a}"/>
        <!-- Windows Vista -->
        <supportedOS Id="{e2011457-1546-43c5-a5fe-008deee3d3f0}"/> 
    </application>
  </compatibility>
  <dependency>
    <dependentAssembly>
        <assemblyIdentity
            type="win32"
            name="Microsoft.Windows.Common-Controls"
            version="6.0.0.0"
            processorArchitecture="*"
            publicKeyToken="6595b64144ccf1df"
            language="*"
        />
    </dependentAssembly>
  </dependency>
</assembly>

无需进一步编码，只需在资源编辑器中为图片控件(实际上是静态控件)选择位图资源即可。

要使用的位图应为 32 bpp 位图、自下而上的行顺序、非预乘 alpha。如果你使用 PixelFormer要从 PNG 转换，请使用格式 A8:R8:G8:B8 (32 bpp)，而无需选中导出对话框中的其他复选框。如果你使用 XnView要转换，只需另存为BMP，默认使用此格式。

结果:

如我们所见，我们只能获得“假”透明度。图像下方的任何其他控件都将在静态控件的边界处被剪裁。

解决方案 2 - 使用分层子窗口

使用 layered child window 可以实现真正的透明度(WS_EX_LAYERED 扩展样式)。这是从 Windows 8 开始支持的。不过它需要一些编码。

我将所需代码包装到函数 SetLayeredWindowFromBitmapResource() 中，该函数可能会从对话框的 WM_INITDIALOG 处理程序中调用。该函数将任何错误作为 std::system_error 异常抛出，因此您必须添加一个 try/catch block 来处理错误(这在下面的“用法”中进一步显示示例)。

#include <system_error>

/// Turn given window into a layered window and load a bitmap from given resource ID 
/// into it.
/// The window will be resized to fit the bitmap.
/// Bitmap must be 32bpp, top-down row order, premultiplied alpha.
///
/// \note For child windows, this requires Win 8 or newer OS
///       (and "supportedOS" element for Win 8 in application manifest)  
///
/// \exception Throws std::system_error in case of any error.

void SetLayeredWindowFromBitmapResource( 
    HWND hwnd, UINT bitmapResourceId, HINSTANCE hInstance = nullptr ) 
{
    // Enable "layered" mode for the child window. This enables full alpha channel 
    // transparency.

    // GetWindowLong() won't reset the last error in case of success.
    // As we can't judge from the return value of GetWindowLong() alone if 
    // the function was successful (0 may be returned even in case of
    // success), we must reset the last error to reliably detect errors.
    ::SetLastError( 0 ); 
    DWORD exStyle = ::GetWindowLong( hwnd, GWL_EXSTYLE );
    if( !exStyle )
    {
        // NOTE: Call GetLastError() IMMEDIATELY when a function's return value 
        // indicates failure and it is documented that said function supports 
        // GetLastError().
        // ANY other code (be it your own or library code) before the next line 
        // must be avoided as it may invalidate the last error value.
        if( DWORD err = ::GetLastError() )
            throw std::system_error( static_cast<int>(err), 
                std::system_category(),
                "SetLayeredWindowFromBitmapResource: Could not get extended window style" );
    }

    // SetWindowLong() won't reset the last error in case of success.
    // As we can't judge from the return value of GetWindowLong() alone if 
    // the function was successful (0 may be returned even in case of
    // success), we must reset the last error to reliably detect errors.
    ::SetLastError( 0 ); 
    if( !::SetWindowLong( hwnd, GWL_EXSTYLE, exStyle | WS_EX_LAYERED ) ) 
    {
        if( DWORD err = ::GetLastError() )
            throw std::system_error( static_cast<int>(err), 
                std::system_category(),
                "SetLayeredWindowFromBitmapResource: Could not set extended window style" );
    }

    // Use RAII ( https://en.wikipedia.org/wiki/Resource_acquisition_is_initialization )
    // to cleanup resources even in case of exceptions.
    // This greatly simplifies the code because now we don't have to manually cleanup the 
    // resources at every location in the code where we throw an exception.
    struct Resources {
        HBITMAP hImage = nullptr;
        HGDIOBJ hOldImage = nullptr;
        HDC hMemDC = nullptr;

        // This destructor will be automatically called before the function 
        // SetLayeredWindowFromBitmapResource() returns aswell as any locations 
        // in the code where the "throw" keyword is used to throw an exception.
        ~Resources() 
        {
            if( hMemDC ) 
            {
                if( hOldImage )
                    ::SelectObject( hMemDC, hOldImage );
                ::DeleteDC( hMemDC );
            }
            if( hImage )
                ::DeleteObject( hImage );
        }
    } res;

    // Make it possible to use nullptr as an argument for the hInstance parameter of 
    // this function. This means we will load the resources from the current executable 
    // (instead of another DLL).
    if( ! hInstance )
        hInstance = ::GetModuleHandle( nullptr );

    // Load bitmap with alpha channel from resource. 
    // Flag LR_CREATEDIBSECTION is required to create a device-independent bitmap that 
    // preserves the alpha channel.
    res.hImage = reinterpret_cast<HBITMAP>(::LoadImage(
        hInstance, MAKEINTRESOURCE( bitmapResourceId ), IMAGE_BITMAP, 
        0, 0, LR_CREATEDIBSECTION ));
    if( !res.hImage )
    {
        DWORD err = ::GetLastError();
        throw std::system_error( static_cast<int>(err),
            std::system_category(),
            "SetLayeredWindowFromBitmapResource: Could not load bitmap resource" );
    }

    // Get bitmap information (width, height, etc.)
    BITMAP imgInfo{ 0 };
    if( !::GetObject( res.hImage, sizeof( imgInfo ), &imgInfo ) )
    {
        DWORD err = ::GetLastError();
        throw std::system_error( static_cast<int>(err),
            std::system_category(),
            "SetLayeredWindowFromBitmapResource: Could not get bitmap information" );
    }

    if( imgInfo.bmBitsPixel != 32 || imgInfo.bmPlanes != 1 )
    {
        // Use a constant error value here because this is our own error condition.
        // Of course GetLastError() wouldn't return anything useful in this case.
        DWORD err = ERROR_INVALID_DATA;
        throw std::system_error( err, std::system_category(),
            "SetLayeredWindowFromBitmapResource: bitmap must be 32 bpp, single plane" );
    }

    // Create a memory DC that will be associated with the image.
    // UpdateLayeredWindow() can't use image directly, it must be in a memory DC.
    res.hMemDC = ::CreateCompatibleDC( nullptr );
    if( !res.hMemDC )
    {
        DWORD err = ::GetLastError();
        throw std::system_error( static_cast<int>(err), 
            std::system_category(),
            "SetLayeredWindowFromBitmapResource: Could not create memory DC" );
    }

    res.hOldImage = ::SelectObject( res.hMemDC, res.hImage );
    if( !res.hOldImage )
    {
        DWORD err = ::GetLastError();
        throw std::system_error( static_cast<int>(err), 
            std::system_category(),
            "SetLayeredWindowFromBitmapResource: Could not select bitmap into memory DC" );
    }

    // Assign the image to the child window, making it transparent.
    SIZE size{ imgInfo.bmWidth, imgInfo.bmHeight };
    POINT ptSrc{ 0, 0 };
    BLENDFUNCTION blend{ AC_SRC_OVER, 0, 255, AC_SRC_ALPHA };
    if( !::UpdateLayeredWindow( hwnd, nullptr, nullptr, &size, res.hMemDC, &ptSrc, 
                                0, &blend, ULW_ALPHA ) )
    {
        DWORD err = ::GetLastError();
        throw std::system_error( static_cast<int>(err), 
            std::system_category(),
            "SetLayeredWindowFromBitmapResource: Could not update layered window" );
    }

    // Destructor of res object will cleanup resources here!
}

用法:

该函数可以在对话框程序的 WM_INITDIALOG 处理程序中调用，请参见下面的示例。该示例还展示了如何处理错误。

注意:我在这里调用 MessageBoxA() 是因为 std::exception::what() 返回一个显然是多字节 (ANSI) 的 const char*包含来自操作系统(使用 VS2015 或更新版本)的本地化错误消息的编码字符串。

#include <sstream>

/// Dialog box procedure.
INT_PTR CALLBACK TestDialogProc( HWND hDlg, UINT message, WPARAM wParam, LPARAM lParam ) {
    UNREFERENCED_PARAMETER( lParam );
    switch( message ) {
        case WM_INITDIALOG: {
            // This is the child window where we want to show the image (e. g. a static).
            if( HWND hwndImage = ::GetDlgItem( hDlg, IDC_IMAGE ) ){
                try{
                    SetLayeredWindowFromBitmapResource( hwndImage, IDB_BITMAP1 );
                }
                catch( std::system_error& e ){
                    std::ostringstream msg;
                    msg << e.what() << std::endl << "Error code: " << e.code();
                    ::MessageBoxA( hDlg, msg.str().c_str(), "Error", MB_ICONERROR );
                }
            }
            return TRUE;
        }
        case WM_COMMAND: {
            if( LOWORD( wParam ) == IDOK || LOWORD( wParam ) == IDCANCEL ){
                EndDialog( hDlg, LOWORD( wParam ) );
                return TRUE;
            }
            break;
        }
    }
    return FALSE;
}

结果:

陷阱:

应用程序必须具有指定至少 Win 8 兼容性的 list 资源:

<assembly xmlns="urn:schemas-microsoft-com:asm.v1" manifestVersion="1.0">
  <compatibility xmlns="urn:schemas-microsoft-com:compatibility.v1"> 
    <application>
        <!-- Windows 10 --> 
        <supportedOS Id="{8e0f7a12-bfb3-4fe8-b9a5-48fd50a15a9a}"/>
        <!-- Windows 8.1 -->
        <supportedOS Id="{1f676c76-80e1-4239-95bb-83d0f6d0da78}"/>
        <!-- Windows 8 -->
        <supportedOS Id="{4a2f28e3-53b9-4441-ba9c-d69d4a4a6e38}"/>   
    </application>
  </compatibility>
  <dependency>
    <dependentAssembly>
        <assemblyIdentity
            type="win32"
            name="Microsoft.Windows.Common-Controls"
            version="6.0.0.0"
            processorArchitecture="*"
            publicKeyToken="6595b64144ccf1df"
            language="*"
        />
    </dependentAssembly>
  </dependency>
</assembly>

要加载的图像必须是具有预乘 alpha channel 的 32 bpp、自上而下的位图。

可以使用 PixelFormer 将常规 PNG 转换为这种格式例如。打开图像，然后选择文件 > 导出。选择位图，格式 A8:R8:G8:B8 (32 bpp)，预乘 alpha，自上而下的行顺序。