如何将ipywidget滑块置于matplotlib widget图像侧边？

我是ipywidget新手，目前用ipywidget滑块切换matplotlib figure里的图像，但想把滑块移到图像侧边。查了类似问题没找到满意方案，因为必须保留matplotlib绘图库和%matplotlib widget命令，这样才能方便获取光标位置。

当前代码：

%matplotlib widget
import ipywidgets as widgets
import matplotlib.pyplot as plt
import numpy as np

# 生成和我的数据格式一致的示例数据 #
example_time = np.array([-5, -1, -0.5, -0.2, 0, 0.1, 0.2, 0.5, 1, 2, 5, 10])
example_data = np.random.rand(len(example_time), 192,192)

fig, ax = plt.subplots(1,1)
def single_img_plot(val):
    ax.clear()
    ax.imshow(example_data[np.where(example_time==val)[0][0]])
    ax.set_title("{} ns".format(val))

slider = widgets.interact(single_img_plot, val=widgets.SelectionSlider(
    description=' ', orientation='vertical', options=example_time[::-1], value=example_time[0]))

当前效果：滑块位于图像上方；期望效果：垂直滑块和图像并排，位于图像右侧。

要实现垂直滑块与图像并排布局，需使用ipywidgets的HBox组件将matplotlib画布与滑块放在同一水平容器中，同时手动绑定滑块事件替代默认的interact布局。修改后的代码如下：

%matplotlib widget
import ipywidgets as widgets
import matplotlib.pyplot as plt
import numpy as np

# 生成示例数据
example_time = np.array([-5, -1, -0.5, -0.2, 0, 0.1, 0.2, 0.5, 1, 2, 5, 10])
example_data = np.random.rand(len(example_time), 192,192)

# 创建绘图对象，预留右侧空间给滑块
fig, ax = plt.subplots(1,1)
plt.subplots_adjust(right=0.8)

def single_img_plot(val):
    ax.clear()
    ax.imshow(example_data[np.where(example_time==val)[0][0]])
    ax.set_title("{} ns".format(val))

# 创建垂直滑块并绑定事件
slider = widgets.SelectionSlider(
    description='时间', 
    orientation='vertical', 
    options=example_time[::-1], 
    value=example_time[0]
)
slider.observe(lambda change: single_img_plot(change['new']), names='value')

# 水平排列图像与滑块
widgets.HBox([fig.canvas, slider])

关键调整说明： #

• 替换widgets.interact为手动事件绑定：避免interact自动生成的默认上下布局，获得布局控制权
• 使用HBox组件：将matplotlib的fig.canvas（图像载体）与垂直滑块水平拼接
• 调整图像边距：plt.subplots_adjust(right=0.8)避免滑块遮挡图像内容
• 保留%matplotlib widget：完全不影响光标位置获取等交互功能

内容的提问来源于stack exchange，提问作者Matias Feldman