如何在wxpython的sizer中右对齐图像

Question

我有两个图像，我想将一个图像居中对齐，另一个图像向右对齐。

不知何故，这两幅图像都对齐到了中心。如何才能强制它们以不同的方式对齐？

提前谢谢你！！

def __init__(self, parent):
    wx.Frame.__init__(self, parent, -1, "Index Calculator", size=(1200, 1000))
    self.panel = wx.Panel(self)
    sizer = wx.BoxSizer(wx.VERTICAL)
    self.SetBackgroundColour("white")
    self.SetIcon(wx.Icon("images/logo.bmp"))

    png = wx.Image("images/logo.bmp", wx.BITMAP_TYPE_ANY).ConvertToBitmap()
    self.img = wx.StaticBitmap(self.panel, -1, png, (10, 5), (png.GetWidth(), png.GetHeight()))

    png_1 = wx.Image("images/logo1.png", wx.BITMAP_TYPE_ANY).ConvertToBitmap()
    self.img1 = wx.StaticBitmap(self.panel, -1, png_1, (10, 5), (png.GetWidth(), png.GetHeight()))

    self.log_text = wx.StaticText(self.panel, label="Results", pos=(6, 1))
    self.log = wx.TextCtrl(self.panel, wx.ID_ANY, size=(250, 100),
                           style=wx.TE_MULTILINE | wx.TE_READONLY | wx.VSCROLL)
    self.button = wx.Button(self.panel, label="Generate Index Score")

    # self.end_text = wx.StaticText(self.panel, label="Powered by", pos=(400, 300))

    sizer.Add(self.img, 0, wx.EXPAND | wx.ALL, 5)
    sizer.Add(self.log_text, 0, wx.EXPAND | wx.ALL, 5)
    sizer.Add(self.log, 0, wx.EXPAND | wx.ALL, 5)
    sizer.Add(self.button, 0, wx.EXPAND | wx.ALL, 5)
    sizer.Add(self.img_1, 0, wx.EXPAND | wx.ALL, 5)

    self.panel.SetSizerAndFit(sizer)
    self.Bind(wx.EVT_BUTTON, self.OnButton)

Answer 1

使用sizer中的ALIGN选项。

wx.ALIGN*标志允许您在sizer分配给它的空间内指定项的对齐方式，并针对边框进行调整(如果有)。

wx.ALIGN_CENTER或wx.ALIGN_CENTRE

wx.ALIGN_LEFT

wx.ALIGN_RIGHT

wx.ALIGN_TOP

wx.ALIGN_BOTTOM

wx.ALIGN_CENTER_VERTICAL或wx.ALIGN_CENTRE_VERTICAL

wx.ALIGN_CENTER_HORIZONTAL或wx.ALIGN_CENTRE_HORIZONTAL

#!/usr/bin/env python3

import wx


class MyFrame(wx.Frame):
    def __init__(self, parent):
        wx.Frame.__init__(self, parent, -1, "Index Calculator", size=(1200, 1000))
        self.panel = wx.Panel(self)
        sizer = wx.BoxSizer(wx.VERTICAL)
        self.SetBackgroundColour("white")
        self.SetIcon(wx.Icon("image/tick1.png"))

        png = wx.Image("image/tick1.png", wx.BITMAP_TYPE_ANY).ConvertToBitmap()
        self.img = wx.StaticBitmap(self.panel, -1, png, (10, 5), (png.GetWidth(), png.GetHeight()))

        png_1 = wx.Image("image/tick2.png", wx.BITMAP_TYPE_ANY).ConvertToBitmap()
        self.img1 = wx.StaticBitmap(self.panel, -1, png_1, (10, 5), (png.GetWidth(), png.GetHeight()))

        self.img2 = wx.StaticBitmap(self.panel, -1, png_1, (10, 5), (png.GetWidth(), png.GetHeight()))

        self.log_text = wx.StaticText(self.panel, label="Results", pos=(6, 1))
        self.log = wx.TextCtrl(self.panel, wx.ID_ANY, size=(250, 100),
                               style=wx.TE_MULTILINE | wx.TE_READONLY | wx.VSCROLL)
        self.button = wx.Button(self.panel, label="Generate Index Score")

        # self.end_text = wx.StaticText(self.panel, label="Powered by", pos=(400, 300))

        sizer.Add(self.img, 0, wx.ALIGN_LEFT | wx.ALL, 5)
        sizer.Add(self.img1, 0, wx.CENTER | wx.ALL, 5)
        sizer.Add(self.log_text, 0, wx.EXPAND | wx.ALL, 5)
        sizer.Add(self.log, 0, wx.EXPAND | wx.ALL, 5)
        sizer.Add(self.button, 0, wx.EXPAND | wx.ALL, 5)
        sizer.Add(self.img2, 0, wx.ALIGN_RIGHT | wx.ALL, 5)

        self.panel.SetSizerAndFit(sizer)
        self.Show()

if __name__ == "__main__":
    app = wx.App()
    frame = MyFrame(None)
    app.MainLoop()

​

​

Answer 2

如果展开，则sizer不能进行任何对齐，因为小部件已扩展到所有可用空间。首先，试着改变

 sizer.Add(self.log_text, 0, wx.ALL | wx.ALIGN_RIGHT, 5)

看看它能不能用。我们从静态文本开始，因为图像总是更难。当你看到它的工作，你可以尝试同样的图像，使用wx.ALIGN_RIGHT，wx.ALIGN_CENTER。