如何从 PNG 创建图像列表？

Question

我已经看到here，您可以创建具有透明度的图像列表。它工作......有点。

我用它为列表控件创建了一个图像列表。结果有点令人失望：

左边是它的外观。右侧是列表控件的显示方式。看起来它只是试图将 alpha 用作蒙版，并且试图通过抖动来近似任何混合区域。有没有办法让它变得更好，以便我得到一个实际的 alpha 混合图像？

如果有什么不同的话，这里是来源：

class CDlg : public CDialog
{
    DECLARE_DYNCREATE(CDlg)

public:
    CDlg(CWnd* pParent = NULL);   // standard constructor
    virtual ~CDlg();

    // Dialog Data
    enum { IDD = IDD_BS_PRINT };
    CGdiPlusBitmapResource m_pBitmap;

protected:
    virtual void DoDataExchange(CDataExchange* pDX);    // DDX/DDV support
    virtual BOOL OnInitDialog();

    DECLARE_MESSAGE_MAP()
public:
    CListCtrl m_printOptions;
};

BOOL CDlg::OnInitDialog()
{
    __super::OnInitDialog();

    m_pBitmap.Load(IDB_RIBBON_HOMELARGE, _T("PNG"), AfxGetResourceHandle());
    HBITMAP hBitmap;
    m_pBitmap.m_pBitmap->GetHBITMAP(RGB(0, 0, 0), &hBitmap);

    CImageList *pList = new CImageList;
    CBitmap bm;
    bm.Attach(hBitmap);
    pList->Create(32, 32, ILC_COLOR32, 0, 4);
    pList->Add(&bm, RGB(255, 0, 255));
    m_printOptions.SetImageList(pList, LVSIL_NORMAL);

//...
    return TRUE;
}

IMPLEMENT_DYNCREATE(CDlg, CDialog)

CBSPrintDlg::CBSPrintDlg(CWnd* pParent /*=NULL*/)
: CBCGPDialog(CBSPrintDlg::IDD, pParent)
{
}

CBSPrintDlg::~CBSPrintDlg()
{
}

void CBSPrintDlg::DoDataExchange(CDataExchange* pDX)
{
    CBCGPDialog::DoDataExchange(pDX);

    DDX_Control(pDX, IDC_PRINT_OPTIONS, m_printOptions);
}

有关 CGdiPlusBitmapResource 实现的源代码，请查看 here。

透明的原图是这样的：

@Barmak 尝试使用不同的图像，它看起来不错。我认为这是因为透明度靠近边缘而不位于图像内。见这里：

Answer 1

编辑 ----------

Gdiplus::GetHBITMAP 中的第一个参数应该是背景颜色。使用RGB(0, 0, 0)作为背景色会导致半透明像素与黑色匹配。

使用Gdiplus::Color(255,255,255,255)（白色）会改善外观（因为ListView背景也是白色的）。但最好将背景改为Gdiplus::Color(0,255,255,255)（透明）以匹配任何背景。

{
    CGdiPlusBitmapResource gdibmp;
    if (gdibmp.Load(IDB_RIBBON_HOMELARGE, _T("PNG"), AfxGetResourceHandle()))
    {
        HBITMAP hBitmap;
        gdibmp.m_pBitmap->GetHBITMAP(Gdiplus::Color::Transparent, &hBitmap);
        ImageList_AddMasked(*pList, hBitmap, 0);
    }
}

这假设图像都是 32x32 像素。如果图像大小不同，则必须在添加到图像列表之前调整它们的大小。

{
    CGdiPlusBitmapResource gdibmp;
    if (gdibmp.Load(id, _T("PNG"), AfxGetResourceHandle()))
    {
        //resize image to 32x32 pixels
        Gdiplus::Bitmap newBmp(32, 32, PixelFormat32bppPARGB);
        double oldh = (double)gdibmp.m_pBitmap->GetHeight();
        double oldw = (double)gdibmp.m_pBitmap->GetWidth();
        double neww = 32;
        double newh = 32;

        double ratio = oldw / oldh;
        if (oldw > oldh)
            newh = neww / ratio;
        else
            neww = newh * ratio;

        Gdiplus::Graphics graphics(&newBmp);
        graphics.SetInterpolationMode(Gdiplus::InterpolationMode::InterpolationModeHighQualityBicubic);
        graphics.SetSmoothingMode(Gdiplus::SmoothingModeAntiAlias);
        graphics.DrawImage(gdibmp.m_pBitmap, 0, 0, (int)neww, (int)newh);

        //add `newBmp` to image list
        HBITMAP hBitmap;
        newBmp.GetHBITMAP(Gdiplus::Color::Transparent, &hBitmap);
        ImageList_AddMasked(m_ImageList, hBitmap, 0);
    }
}

---

使用GdiPlus::GetHICON 获取图标句柄...使用CGdiPlusBitmapResource 类，应该可以使用以下内容：

HICON hicon;
m_pBitmap.Load(IDB_RIBBON_HOMELARGE, _T("PNG"), AfxGetResourceHandle());
m_pBitmap.m_pBitmap->GetHICON(&hicon);
pList->Add(hicon);

或使用GetHBITMAP

还要确保启用 Visual Styles 以改进 ListView 图标的外观。

用透明背景测试图像：

Answer 2

PNG 图像包含部分透明的像素（alpha

如上所述，图像只有在浅灰色或白色背景上显示时才能看起来不错。但这并没有发生，背景是黑色的。现在，望远镜周围的抗锯齿像素非常明显，它们根据 alpha 值变成各种深灰色，不再与文档图像的白色背景混合。使用 GDI 函数时非常典型的错误，它不喜欢 alpha。

您可以使用 GDI+ 对其进行修改，确保背景颜色正确。但这是一项相当大的工作量，仍然让您难以正确猜测原始背景颜色。

最好还是回到您使用的任何绘画工具并在那里解决问题。最快的解决方法应该是将其重新保存为 24bpp BMP 图像文件，ymmv。