Odtnhj

I'm going crazy trying to figure out a very simple thing, but I can't get my head around it with such a crazy deep hierarchy of windows, layouts, graphic layouts, objects, viewboxes, imageviews, imageitems etc.

I have a green square image in a 16:9 window and it appears nice big & centred. See image below.

There is a small gap on either side, and I would like to add two very thin images, like the red one and the blue one below. But I'd like:

• the green square to not move


• the red, blue and green images should all be the same height (which is the same height as in the prev image)


• the red and blue images should be centred in the gap to the left and right of the green square

How can I do this? (Ideally I would do it without manually calculating the coordinates and placing them there!)

Basic code below

import pyqtgraph as pg
from pyqtgraph.Qt import QtGui
import numpy as np
#%%
imdatas = [
 np.random.randint(0, 255, [256, 32, 3]) * np.array([1., 0.5, 0.5]),
 np.random.randint(0, 255, [256, 255, 3]) * np.array([0.5, 1.0, 0.5]),
 np.random.randint(0, 255, [256, 32, 3]) * np.array([0., 0.0, 0.1])
]

pg.setConfigOptions(imageAxisOrder='row-major')

_app = QtGui.QApplication()
win = pg.GraphicsLayoutWidget()
win.show() 

for imdata in imdatas:
 imgv = pg.ImageItem() 
 view = win.addViewBox(lockAspect=True, invertY=True)
 view.addItem(imgv)
 imgv.setImage(imdata)

while True: _app.processEvents()