为啥我的文本在 wxPython 中没有正确对齐？

Posted 2023-03-05

【中文标题】为啥我的文本在 wxPython 中没有正确对齐？

【英文标题】：why is my text not aligning properly in wxPython?为什么我的文本在 wxPython 中没有正确对齐？

【发布时间】：2012-01-27 12:03:51

【问题描述】：

我正在使用 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

【问题讨论】：

复制：***.com/questions/8587060/…

也许您可以添加有关您的测试环境的信息（操作系统、Python 版本、wxPython 版本）。

【参考方案1】：

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

---

您的文本具有以您想要的方式与wx.ALIGN... 对齐的指令，事实上，它是对齐的。然而，StaticText 的大小不是面板的大小，而只是文本的大小。将其位置限制为自己的大小后，您看不到对齐模式之间的差异。

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

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

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

widget在sizer slot中占用的可用空间比例由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()

请注意，为了用三个面板模仿您的示例，代码比所需的要长。您只需使用一个面板即可获得相同的框架视图。事实上，它可以进一步简化，不使用面板并直接在 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 控制视图的几何形状。 您可以使用以下之一将小部件定位在 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()

此选项意味着面板和大小调整器的组合，生成的代码比第一个选项更难简化。

【讨论】：

天哪！，我得出了我自己的答案！！！谢谢 me_in_the_past，花时间回答这些问题，太长了

【参考方案2】：

我认为文本未对齐，因为未设置大小。试试：

t1=wx.StaticText(smth, label="foo", pos=(0,0), size=(200,20), style=wx.ALIGN_RIGHT)
t2=wx.StaticText(smth, label="bar", pos=(0,0), size=(200,20), style=wx.ALIGN_CENTRE)

它会在一个 200*20 的盒子内对齐。默认情况下，大小为“自动”，即 (-1,-1)，即刚好足以让文本可见，并且在该框中对齐不会产生 visible 效果。

However, this does not always work.

【讨论】：

However, this does not always work. 因为你做错了。如果您以这种方式设置文本的大小，您将设置 FIX 大小，因此当您更改框架的大小时，文本的正确位置会丢失。如果你想保持你的文本独立于你的框架/面板的大小，你必须使用sizer。看我的回答。尽管被否决，但它总是有效

However, this does not always work。抱歉，如果您将 Ubuntu 与 wxPython 2.8.10.1 一起使用，那是真的。相反，它适用于Windows。在 ubuntu 中，您可以在我的答案中使用第二种经过测试的策略。

【参考方案3】：

我昨天也遇到了同样的问题，我用的是MAC OS X，wxpython 4.0.6。 最后我发现这个脚本对我有用。

我意识到，如果你最后不使用 SetSizer，静态文本将不会在中心对齐。

My code

【讨论】：

请不要将您的代码作为图像包含在内。相反，请将您的答案edit 包含为formatted text。