jupyter notebook 中图像的交互式标记

Question

我有一个图片列表：

pictures = {im1,im2,im3,im4,im5,im6}

在哪里

IM1：

IM2：

IM3：

IM4：

IM5：

IM6：

我想将图片分配给标签（1、2、3、4 等）

例如，这里的图片1到3属于标签1，图片4属于标签2，图片5属于标签3，图片6属于标签4。

-> label = {1,1,1,2,3,4}

由于我在标记图像时需要查看图像，因此我需要一种在标记图像时执行此操作的方法。我正在考虑创建一系列图像：

然后我通过单击属于相同标签的第一张和最后一张图片来定义范围，例如：

你怎么认为 ？这有可能吗？

我想为不同范围的图片分配不同的标签。

例如：当完成第一个标签的选择后，可以通过双击指示它 ，然后选择第二个标签范围，然后双击，然后选择第三个标签范围，然后双击，然后进行第四个标签范围的选择等。

不必通过双击来更改标签的选择，也可以只是按钮或您可能拥有的任何其他想法。

最后应该有标签列表。

Answer 1

从本质上讲，您正在寻找的大多数交互都归结为能够显示图像，并实时检测对它们的点击。在这种情况下，您可以使用 jupyter 小部件（又名ipywidgets）模块来实现您正在寻找的大部分（如果不是全部）。

查看此处描述的按钮小部件，并解释如何注册其点击事件。问题 - 我们无法在按钮上显示图像，而且我在ipywidgets文档中找不到任何方法来做到这一点。有一个图像小部件，但它不提供on_click事件。所以构建一个自定义布局，在每个图像下面都有一个按钮：

COLS = 4
ROWS = 2
IMAGES = ...
IMG_WIDTH = 200
IMG_HEIGHT = 200

def on_click(index):
    print('Image %d clicked' % index)

import ipywidgets as widgets
import functools

rows = []

for row in range(ROWS):
    cols = []
    for col in range(COLS):
        index = row * COLS + col
        image = widgets.Image(
            value=IMAGES[index], width=IMG_WIDTH, height=IMG_HEIGHT
        )
        button = widgets.Button(description='Image %d' % index)
        # Bind the click event to the on_click function, with our index as argument
        button.on_click(functools.partial(on_click, index))

        # Create a vertical layout box, image above the button
        box = widgets.VBox([image, button])
        cols.append(box)

    # Create a horizontal layout box, grouping all the columns together
    rows.append(widgets.HBox(cols))

# Create a vertical layout box, grouping all the rows together
result = widgets.VBox(rows)

从技术上讲，您还可以编写一个自定义小部件来显示图像并监听点击，但我认为这不值得您花费时间和精力。

祝你好运！