python - 为什么我的文本在 wxPython 中没有正确对齐？

Question

我正在使用 wxPython 构建一个 GUI，我正在尝试对齐一些文本，但它根本不起作用。我正在尝试在三个单独的面板中的三个位置(右对齐、居中对齐和左对齐)对齐三个不同的静态文本项。我得到的结果是所有三个静态文本控件都在各自面板的左上角对齐。

这是我的代码:

    self.lastText=wx.StaticText(self.textDisplayPanel1, label=self.lastWords, style=wx.ALIGN_RIGHT)
    self.currentText=wx.StaticText(self.textDisplayPanel2, label=self.currentWords, style=wx.ALIGN_CENTRE)
    self.nextText=wx.StaticText(self.textDisplayPanel3, label=self.nextWords, style=wx.ALIGN_LEFT)

关于如何解决这个问题有什么想法吗？

谢谢!

我正在运行带有 Python 2.7.1 和 wxPython 2.8.12.1 的 mac OSX 10.7.2

Answer 1

编辑:虽然下面评论的所有内容都适用于 Windows，但第一个选项不适用于例如 Ubuntu，因为可能存在错误。评论中给出的先前帖子表明在 OSX 中发现了相同的问题。
在任何情况下，使用垂直大小调整器的第二个选项都适用于 Ubuntu 和 Windows，因此您可以在 OSX 上尝试。

---

你的文本有使用 wx.ALIGN... 以你想要的方式对齐的指令，事实上，它是对齐的。但是，StaticText 的大小不是面板的大小，而是文本的大小。将其位置限制在其自身大小后，您看不到对齐模式之间的差异。

你有两种选择来解决这个问题:

选项 1. 扩大 StaticText 小部件的大小并将您的文本放在上面

您可以使用 size 参数扩展 StaticText 小部件的大小。这是一个糟糕的解决方案，除了固定大小的 parent 或您不会更改大小或在其他应用程序中重用的框架。如果包含文本的小部件的大小发生变化，那么文本的相对位置也将被修改，因为它的大小保持不变。因此，最好通过 sizer 来组织您的小部件。

小部件在 sizer 插槽中占用的可用空间比例由 sizer.Add() 中的第二个参数给出(0 是最小尺寸，1 是满职业):

sizer_2.Add(self.label_1, 0, 0, 0)

要查看面板中对齐的文本，您必须告诉 StaticText 扩展到所有可用空间:

sizer_2.Add(self.label_1, 1, 0, 0)

这里有相关代码:

class MyFrame(wx.Frame):
    def __init__(self, *args, **kwds):
        wx.Frame.__init__(self, *args, **kwds)
        self.panel_1 = wx.Panel(self, -1)
        self.label_1 = wx.StaticText(self.panel_1, -1, "label_1", style=wx.ALIGN_RIGHT)
        self.panel_2 = wx.Panel(self, -1)
        self.label_2 = wx.StaticText(self.panel_2, -1, "label_2", style=wx.ALIGN_CENTRE)
        self.panel_3 = wx.Panel(self, -1)
        self.label_3 = wx.StaticText(self.panel_3, -1, "label_3")

        self.panel_1.SetBackgroundColour(wx.Colour(0, 255, 0))
        self.panel_2.SetBackgroundColour(wx.Colour(0, 255, 255))
        self.panel_3.SetBackgroundColour(wx.Colour(219, 112, 147))

        sizer_1 = wx.BoxSizer(wx.HORIZONTAL)
        sizer_2 = wx.BoxSizer(wx.HORIZONTAL)
        sizer_3 = wx.BoxSizer(wx.HORIZONTAL)
        sizer_4 = wx.BoxSizer(wx.HORIZONTAL)

        sizer_2.Add(self.label_1, 1, 0, 0)
        sizer_3.Add(self.label_2, 1, 0, 0)
        sizer_4.Add(self.label_3, 1, 0, 0)

        self.panel_1.SetSizer(sizer_2)
        self.panel_2.SetSizer(sizer_3)
        self.panel_3.SetSizer(sizer_4)

        sizer_1.Add(self.panel_1, 1, wx.EXPAND, 0)
        sizer_1.Add(self.panel_2, 1, wx.EXPAND, 0)
        sizer_1.Add(self.panel_3, 1, wx.EXPAND, 0)

        self.SetSizer(sizer_1)
        sizer_1.Fit(self)
        self.Layout()

请注意，为了用三个面板模仿您的示例，代码比需要的要长。您使用一个唯一的面板获得相同的框架 View 。事实上，它可以进一步简化，而不是使用面板并直接在 sizer 上设置 StaticText:

class MyFrame2(wx.Frame):
    def __init__(self, *args, **kwds):
        wx.Frame.__init__(self, *args, **kwds)
        self.label_1 = wx.StaticText(self, -1, "label_1", style=wx.ALIGN_RIGHT)
        self.label_2 = wx.StaticText(self, -1, "label_2", style=wx.ALIGN_CENTRE)
        self.label_3 = wx.StaticText(self, -1, "label_3")

        self.label_1.SetBackgroundColour(wx.Colour(127, 255, 0))
        self.label_2.SetBackgroundColour(wx.Colour(0, 255, 255))
        self.label_3.SetBackgroundColour(wx.Colour(219, 112, 147))

        sizer = wx.BoxSizer(wx.HORIZONTAL)
        sizer.Add(self.label_1, 1, wx.EXPAND, 0)
        sizer.Add(self.label_2, 1, wx.EXPAND, 0)
        sizer.Add(self.label_3, 1, wx.EXPAND, 0)
        self.SetSizer(sizer)
        sizer.Fit(self)
        self.Layout()

选项 2. 将小部件本身定位在 sizer 可用空间的所需位置。为此，您可以使用 StaticText 的 position 参数。但这会产生与上述使用 size 相同的问题。所以你又想用 sizer 来控制 View 的几何形状。您使用以下方法之一将小部件定位在 sizer 中:

sizer_6.Add(self.label_5, 0, wx.ALIGN_RIGHT, 0)

或

sizer_7.Add(self.label_6, 0, wx.ALIGN_CENTER_HORIZONTAL, 0)

出于某种原因，为此你需要一个垂直的 BoxSizer(同样，如果你想使用 wx.ALIGN_CENTER_VERTICAL，你将需要一个水平的 BoxSizer:

class MyFrame(wx.Frame):
    def __init__(self, *args, **kwds):
        wx.Frame.__init__(self, *args, **kwds)
        self.panel_4 = wx.Panel(self, -1)
        self.label_5 = wx.StaticText(self.panel_4, -1, "label_5")
        self.panel_5 = wx.Panel(self, -1)
        self.label_6 = wx.StaticText(self.panel_5, -1, "label_6")
        self.panel_6 = wx.Panel(self, -1)
        self.label_7 = wx.StaticText(self.panel_6, -1, "label_7")

        self.panel_4.SetBackgroundColour(wx.Colour(0, 255, 255))
        self.panel_5.SetBackgroundColour(wx.Colour(127, 255, 0))
        self.panel_6.SetBackgroundColour(wx.Colour(219, 112, 219))

        sizer_1 = wx.BoxSizer(wx.HORIZONTAL)
        sizer_8 = wx.BoxSizer(wx.VERTICAL)
        sizer_7 = wx.BoxSizer(wx.VERTICAL)
        sizer_6 = wx.BoxSizer(wx.VERTICAL)

        sizer_6.Add(self.label_5, 0, wx.ALIGN_RIGHT, 0)
        sizer_7.Add(self.label_6, 0, wx.ALIGN_CENTER_HORIZONTAL, 0)
        sizer_8.Add(self.label_7, 0, 0, 0)

        self.panel_4.SetSizer(sizer_6)
        self.panel_5.SetSizer(sizer_7)
        self.panel_6.SetSizer(sizer_8)

        sizer_1.Add(self.panel_4, 1, wx.EXPAND, 0)
        sizer_1.Add(self.panel_5, 1, wx.EXPAND, 0)
        sizer_1.Add(self.panel_6, 1, wx.EXPAND, 0)

        self.SetSizer(sizer_1)
        sizer_1.Fit(self)
        self.Layout()

此选项意味着面板和 sizer 的组合，生成的代码比第一个选项所示的代码更难简化。