使用wx.VListBox OnDrawItem()中的控件绘制自定义面板

Question

我有一个简单的应用程序，它在wx.VListBox中显示用户信息列表每个项目都是使用OnDrawItem()呈现的，当我需要绘制文本、线条或图像时，一切都很正常。

应用程序外观：

​

​

如何添加几个文本标签(姓名和电子邮件)也少wx.ComboBox，少wx.ComboBox到每一行？

我认为解决方案是呈现一些基于wx.Panel的自定义控件，所有控件都在该面板上布局，但是如何在wx.VListBox的每一行上呈现带有其子控件的面板呢？

我当前完整的代码(只需复制/粘贴)：

import wx


class UserInfo(object):
    def __init__(self, name, email, *args, **kwargs):
        super(self.__class__, self).__init__(*args, **kwargs)

        self.name = name
        self.email = email


class UserListBox(wx.VListBox):
    def __init__(self, parent, users, *args, **kwargs):
        super(self.__class__, self).__init__(parent, *args, **kwargs)

        self.bh = 10
        self.users = users

        self.SetItemCount(len(self.users))

    def OnMeasureItem(self, idx):
        image_height = self.bh + 4
        name_size = self.GetTextExtent(self.users[idx].name)
        email_size = self.GetTextExtent(self.users[idx].email)
        return max(image_height, name_size[1] + email_size[1] + 6)

    def OnDrawSeparator(self, dc, rect, idx):
        oldpen = dc.GetPen()
        dc.SetPen(wx.Pen(wx.BLACK))
        dc.DrawLine(rect.x, rect.y, rect.x + rect.width, rect.y)
        rect.Deflate(0, 2)
        dc.SetPen(oldpen)

    def OnDrawItem(self, dc, rect, n):
        # Draw the name label to the right of the bitmap
        textx = rect.x + 2 + self.bh + 2
        lblrect = wx.Rect(textx, rect.y,
                          rect.width - textx,
                          rect.height)
        user = self.users[n]
        dc.DrawLabel(user.name, lblrect,
                     wx.ALIGN_LEFT | wx.ALIGN_TOP)
        dc.DrawLabel(user.email, lblrect,
                     wx.ALIGN_LEFT | wx.ALIGN_BOTTOM)


class AppFrame(wx.Frame):
    def __init__(self, parent, *args, **kwargs):
        super(self.__class__, self).__init__(parent, *args, **kwargs)

        sizer = wx.BoxSizer(wx.VERTICAL)
        self.SetSizer(sizer)

        users = list()
        for n in range(100):
            users.append(UserInfo('John %s' % n, 'john@doe.com'))

        listobx = UserListBox(self, users, size=(150, 250), style=wx.BORDER_SUNKEN)
        sizer.Add(listobx, flag=wx.EXPAND)

        btn = wx.Button(self, label='Do it!')
        sizer.Add(btn)


class DemoApp(wx.App):
    def OnInit(self):
        self.frame = AppFrame(None, title="App Demo")
        self.frame.Show()
        return True

if __name__ == '__main__':
    app = DemoApp()
    app.MainLoop()

Answer 1

您可以使用wxRendererNative类的方法来绘制自定义控件的本机外观表示，例如，在您的示例中，您可以使用DrawComboBoxDropButton()。每当单击图像时(甚至当鼠标悬停在图像上时)，您都必须创建一个真正的wxComboBox，以允许用户更改它的值。