英文:
Vispy Axis starts in wrong position before PAN/ZOOM
问题
我正在尝试为图像显示 X 和 Y 轴。
在进行平移/缩放操作之前，图像的轴信息显示不正确。
但一旦您平移或缩放图像，轴就会正确显示。
下面我能够复制 Embed Vispy into QT 示例中的相同问题。
请查看修改后的代码如下：
"""将 VisPy 嵌入 Qt===================在 PyQt5 应用程序中显示 VisPy 可视化。"""
我能够复制 Embed Vispy into QT 示例中的相同问题。
请查看修改后的代码如下：
"""将 VisPy 嵌入 Qt===================在 PyQt5 应用程序中显示 VisPy 可视化。"""
我能够复制 Embed Vispy into QT 示例中的相同问题。
请查看修改后的代码如下：
"""将 VisPy 嵌入 Qt===================在 PyQt5 应用程序中显示 VisPy 可视化。"""
英文:
I am trying to show X Y axis for an image.
Axis information of the image shows incorrectly before pan/zoom activity.
But as soon as you pan or zoom the image, axis comes out properly.
Below I was able to replicate same issue with Embed Vispy into QT example.
Please find modified code below:
"""Embed VisPy into Qt===================Display VisPy visualizations in a PyQt5 application."""import numpy as npfrom PyQt5 import QtWidgetsfrom vispy.scene import SceneCanvas, visuals, AxisWidgetfrom vispy.app import use_appIMAGE_SHAPE = (600, 800) # (height, width)CANVAS_SIZE = (800, 600) # (width, height)NUM_LINE_POINTS = 200class MyMainWindow(QtWidgets.QMainWindow):def __init__(self, *args, **kwargs):super().__init__(*args, **kwargs)central_widget = QtWidgets.QWidget()main_layout = QtWidgets.QHBoxLayout()self._controls = Controls()main_layout.addWidget(self._controls)self._canvas_wrapper = CanvasWrapper()main_layout.addWidget(self._canvas_wrapper.canvas.native)central_widget.setLayout(main_layout)self.setCentralWidget(central_widget)class Controls(QtWidgets.QWidget):def __init__(self, parent=None):super().__init__(parent)layout = QtWidgets.QVBoxLayout()self.colormap_label = QtWidgets.QLabel("Image Colormap:")layout.addWidget(self.colormap_label)self.colormap_chooser = QtWidgets.QComboBox()self.colormap_chooser.addItems(["viridis", "reds", "blues"])layout.addWidget(self.colormap_chooser)self.line_color_label = QtWidgets.QLabel("Line color:")layout.addWidget(self.line_color_label)self.line_color_chooser = QtWidgets.QComboBox()self.line_color_chooser.addItems(["black", "red", "blue"])layout.addWidget(self.line_color_chooser)layout.addStretch(1)self.setLayout(layout)class CanvasWrapper:def __init__(self):self.canvas = SceneCanvas(size=CANVAS_SIZE)self.grid = self.canvas.central_widget.add_grid()self.view_top = self.grid.add_view(0, 1, bgcolor='cyan')image_data = _generate_random_image_data(IMAGE_SHAPE)self.image = visuals.Image(image_data,texture_format="auto",cmap="viridis",parent=self.view_top.scene,)self.view_top.camera = "panzoom"self.view_top.camera.set_range(x=(0, IMAGE_SHAPE[1]), y=(0, IMAGE_SHAPE[0]), margin=0)self.x_axis = AxisWidget(axis_label="X Axis Label", orientation='bottom')self.x_axis.stretch = (1, 0.1)self.grid.add_widget(self.x_axis, row=1, col=1)self.grid.padding = 0self.x_axis.link_view(self.view_top)self.y_axis = AxisWidget(axis_label="Y Axis Label", orientation='left')self.y_axis.stretch = (0.1, 1)self.grid.add_widget(self.y_axis, row=0, col=0)self.y_axis.link_view(self.view_top)def _generate_random_image_data(shape, dtype=np.float32):rng = np.random.default_rng()data = rng.random(shape, dtype=dtype)return datadef _generate_random_line_positions(num_points, dtype=np.float32):rng = np.random.default_rng()pos = np.empty((num_points, 2), dtype=np.float32)pos[:, 0] = np.arange(num_points)pos[:, 1] = rng.random((num_points,), dtype=dtype)return posif __name__ == "__main__":app = use_app("pyqt5")app.create()win = MyMainWindow()win.show()app.run()
Below is the screenshot of the initial image which is generated.
Once we do a pan or zoom on the canvas the axis corrects itself.
Kindly let me know what is to be done to get proper axis for the image.
答案1
得分: 0
一个解决方案由David Hoese (@djhoese)提出，作为GitHub问题的评论：
> 看起来这似乎与小部件添加到网格的顺序有关，而不是它们创建的时间。以下是__init__方法的新相关部分：
> image_data = _generate_random_image_data(IMAGE_SHAPE)
> self.image = visuals.Image(
> image_data,
> texture_format="auto",
> cmap="viridis",
> # parent=self.view_top.scene,
> )
> self.x_axis = AxisWidget(
> axis_label="X轴标签", orientation='bottom')
> self.x_axis.stretch = (1, 0.1)
> self.y_axis = AxisWidget(
> axis_label="Y轴标签", orientation='left')
> self.y_axis.stretch = (0.1, 1)
> self.grid.add_widget(self.x_axis, row=1, col=1)
> self.grid.add_widget(self.y_axis, row=0, col=0)
> self.view_top = self.grid.add_view(0, 1, bgcolor='cyan')
> self.image.parent = self.view_top.scene
> self.view_top.camera = "panzoom"
> self.x_axis.link_view(self.view_top)
> self.y_axis.link_view(self.view_top)
> self.view_top.camera.set_range(
> x=(0, IMAGE_SHAPE1), y=(0, IMAGE_SHAPE[0]), margin=0)
这对我有用，因为view_top在轴小部件之后添加。请注意，必须在链接视图之前声明/设置相机，否则它们将链接/附加到错误的转换以进行更改。
如果这对你有帮助，请记得感谢David提供的意见。
英文:
A solution was proposed by David Hoese (@djhoese) as a comment in Github issues:
> It really seems it has to do with the order the widgets are added to
> the grid not when they are created. Here's the new relevant portion of
> the init method:
>
> image_data = _generate_random_image_data(IMAGE_SHAPE)
> self.image = visuals.Image(
> image_data,
> texture_format="auto",
> cmap="viridis",
> # parent=self.view_top.scene,
> )
>
> self.x_axis = AxisWidget(
> axis_label="X Axis Label", orientation='bottom')
> self.x_axis.stretch = (1, 0.1)
>
> self.y_axis = AxisWidget(
> axis_label="Y Axis Label", orientation='left')
> self.y_axis.stretch = (0.1, 1)
>
> self.grid.add_widget(self.x_axis, row=1, col=1)
> self.grid.add_widget(self.y_axis, row=0, col=0)
> self.view_top = self.grid.add_view(0, 1, bgcolor='cyan')
> self.image.parent = self.view_top.scene
>
> self.view_top.camera = "panzoom"
> self.x_axis.link_view(self.view_top)
> self.y_axis.link_view(self.view_top)
>
> self.view_top.camera.set_range(
> x=(0, IMAGE_SHAPE1), y=(0, IMAGE_SHAPE[0]), margin=0)
>
> This works for me because the view_top is added after the axes
> widgets. Note that the camera has to be declared/set before the views
> are linked otherwise they are linked/attached to the wrong transform
> for changes.
If this helps you remember to thank David for his input.
通过集体智慧和协作来改善编程学习和解决问题的方式。致力于成为全球开发者共同参与的知识库，让每个人都能够通过互相帮助和分享经验来进步。
评论