Как правильно выровнять изображения в wx python внутри 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

Используйте опции ALIGN в пределах sizer.
Флаги 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.AL_CALT 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)

, чтобы увидеть, работает ли он. Мы начинаем со stati c текстов, потому что изображения всегда сложнее. Когда вы видите, что это работает, вы можете попробовать то же самое с изображениями, используя wx.ALIGN_RIGHT, wx.ALIGN_CENTER.