时间戳

首页 > 解决方案 > 使图像网格框可滚动

jupyter-notebook - 使图像网格框可滚动

问题描述

我想让显示行的左侧元素（图像网格）可滚动而不是缩小。我尝试调整布局元素，将它们放在父框中，等等......但无法弄清楚。

万一有所不同，这将通过瞧仪表板显示

import io
import random

import ipywidgets as ipw
import numpy as np
from PIL import Image as PILImage
from IPython.display import display


def random_image(size=100):
    arr = np.random.randint(255, size=(size, size, 3), dtype=np.uint8)
    img = PILImage.fromarray(arr)
    with io.BytesIO() as fileobj:
        img.save(fileobj, 'PNG')
        img_b = fileobj.getvalue()
    img_w = ipw.Image(value=img_b)
    return img_w

# Grid of images
img_grid = ipw.VBox([ipw.HBox([random_image() for _ in range(10)]) for row in range(30)],
                     layout=ipw.Layout(height='500px', overflow_y='scroll'))
img_large = random_image(size=500)

# Display on one line
display(ipw.HBox([img_grid, img_large]))

标签： jupyter-notebookipywidgetsvoila

解决方案

推荐阅读