ipywidgets button only works once: use the same button multiple times

huangapple
go评论85阅读模式
英文:

ipywidgets button only works once: use the same button multiple times

问题

I can help you translate the code comments and variable names. Here's the translated code:

  1. 我有以下类，有4个按钮可用：
  2. - 下一张图片
  3. - 上一张图片
  4. - 最后一张图片
  5. - 第一张图片
  7. 在 **jupyter notebook** 中，我想点击所需的按钮，以跳转到关联的图片。但是按钮**只能点击一次**（相同的或另一个按钮），我无法浏览所有图片。
  9. 如何使这个类中的按钮可以多次使用？
  11. ```python
  12. class DisplayButtons:
  13.     
  14.     def __init__(self, low_path, restored_path):
  15.         self.left = None
  16.         self.right = None
  17.         self.top_right = None
  18.         self.top_left = None
  19.         self.index = None
  20.         self.box = None
  21.         self.low_path = low_path
  22.         self.restored_path = restored_path
  23.         
  24.     def plot_restoration(self):
  25.         clear_output()
  26.         display(self.box)
  28.         img = imread(self.low_path[self.index])
  29.         if img.ndim == 3: img = img[0]
  30.         height, width = img.shape
  31.         if height < 450: height, width = height * 2, width * 2
  32.         img_restored = imread(self.restored_path[self.index])
  33.         plt.figure(figsize = (height/50, width/50))
  34.         plt.subplot(1, 2, 1)
  35.         plt.imshow(img)
  36.         plt.subplot(1, 2, 2)
  37.         plt.imshow(img_restored)
  38.         plt.show()
  39.         
  40.     def is_end(self):
  41.         return self.index == len(self.low_path) - 1
  42.     
  43.     def is_start(self):
  44.         return self.index == 0
  45.     
  46.     def is_displayed(self):
  47.         return self.index is not None
  48.         
  49.     def go_top_left(self):
  50.         if not self.is_start():
  51.             self.initialize()
  52.         
  53.     def initialize(self):
  54.         self.index=0
  55.         self.plot_restoration()    
  56.     
  57.     def go_left(self):
  58.         if not self.is_displayed or self.is_start():
  59.             self.initialize()
  60.         else: 
  61.             self.index -= 1
  62.             self.plot_restoration()
  64.     def go_right(self):
  65.         if not self.is_end():
  66.             self.index += 1
  67.             self.plot_restoration()
  69.     def go_top_right(self):
  70.         if not self.is_end():
  71.             self.index = len(self.low_path) - 1
  72.             self.plot_restoration()
  73.             
  74.     def set_buttons(self):
  75.         # 定义按钮
  76.         scroll = ['⇤', '←', '→', '⇥']
  77.         layout = widgets.Layout(width='auto', height='auto')
  78.         buttons = [Button(description=s, layout=layout) for s in scroll]
  79.         button_1, button_2, button_3, button_4 = buttons
  81.         box_1 = VBox([buttons[0]])
  82.         box_2 = VBox([buttons[1]])
  83.         box_3 = VBox([buttons[2]])
  84.         box_4 = VBox([buttons[3]])
  85.         self.box = HBox([box_1, box_2, box_3, box_4])
  86.         
  87.         # 单击时启动函数
  88.         button_1.on_click(self.go_top_left())
  89.         button_2.on_click(self.go_left())
  90.         button_3.on_click(self.go_right())
  91.         button_4.on_click(self.go_top_right())
  92.         
  93.         display(self.box)

Please note that the comments and variable names are translated, but the code itself remains in its original form.

英文:

I have the following class and I have 4 buttons to go to:

  • the next image
  • the previous image
  • the last image
  • the first image

Working with jupyter notebook, I want to click on the required button, which goes to the associated image. But the button only works once (the same or another button) and I can't go through all images.

How can I do to use buttons multiple times with this class?

  1. class DisplayButtons:
  2. def __init__(self, low_path, restored_path):
  3. self.left = None
  4. self.right = None
  5. self.top_right = None
  6. self.top_left = None
  7. self.index = None
  8. self.box = None
  9. self.low_path = low_path
  10. self.restored_path = restored_path
  11. def plot_restoration(self):
  12. clear_output()
  13. display(self.box)
  14. img = imread(self.low_path[self.index])
  15. if img.ndim == 3: img = img[0]
  16. height, width = img.shape
  17. if height &lt; 450: height, width = height * 2, width * 2
  18. img_restored = imread(self.restored_path[self.index])
  19. plt.figure(figsize = (height/50, width/50))
  20. plt.subplot(1, 2, 1)
  21. plt.imshow(img)
  22. plt.subplot(1, 2, 2)
  23. plt.imshow(img_restored)
  24. plt.show()
  25. def is_end(self):
  26. return self.index == len(self.low_path) - 1
  27. def is_start(self):
  28. return self.index == 0
  29. def is_displayed(self):
  30. return self.index is not None
  31. def go_top_left(self):
  32. if not self.is_start():
  33. self.initialize()
  34. def initialize(self):
  35. self.index=0
  36. self.plot_restoration()    
  37. def go_left(self):
  38. if not self.is_displayed or self.is_start():
  39. self.initialize()
  40. else: 
  41. self.index -= 1
  42. self.plot_restoration()
  43. def go_right(self):
  44. if not self.is_end():
  45. self.index += 1
  46. self.plot_restoration()
  47. def go_top_right(self):
  48. if not self.is_end():
  49. self.index = len(self.low_path) - 1
  50. self.plot_restoration()
  51. def set_buttons(self):
  52. # Define buttons
  53. scroll = [&#39;⇤&#39;, &#39;←&#39;, &#39;→&#39;, &#39;⇥&#39;]
  54. layout = widgets.Layout(width=&#39;auto&#39;, height=&#39;auto&#39;)
  55. buttons = [Button(description=s, layout = layout) for s in scroll]
  56. button_1, button_2, button_3, button_4 = buttons
  57. box_1 = VBox([buttons[0]])
  58. box_2 = VBox([buttons[1]])
  59. box_3 = VBox([buttons[2]])
  60. box_4 = VBox([buttons[3]])
  61. self.box = HBox([box_1, box_2, box_3, box_4])
  62. # Launch of function when click
  63. button_1.on_click(self.go_top_left())
  64. button_2.on_click(self.go_left())
  65. button_3.on_click(self.go_right())
  66. button_4.on_click(self.go_top_right())
  67. display(self.box)

Thanks for your help

答案1

得分: 1

  1. 传递方法引用而不是调用方法
  2. 为按钮的事件处理程序添加第二个参数，表示点击的按钮小部件实例。
  3. 您将需要一些其他逻辑更新，但前两点应足够涵盖如何多次使用按钮。
英文:

  1. Pass the method reference instead of calling the method

  2. Add a 2nd argument to the buttons' event handlers, representing the clicked button widget instance.

  3. You are going to need to some other logic updates, but the first two points should cover enough how to use the buttons multiple times

    1. from ipywidgets import Button, HBox, Layout, VBox
    3. class DisplayButtons:
    5.     def __init__(self, low_path, restored_path):
    6.         self.left = None
    7.         self.right = None
    8.         self.top_right = None
    9.         self.top_left = None
    10.         self.index = None
    11.         self.box = None
    12.         self.low_path = low_path
    13.         self.restored_path = restored_path
    15.     def plot_restoration(self):
    16.         clear_output()
    17.         display(self.box)
    19.         img = imread(self.low_path[self.index])
    20.         if img.ndim == 3: img = img[0]
    21.         height, width = img.shape
    22.         if height &lt; 450: height, width = height * 2, width * 2
    23.         img_restored = imread(self.restored_path[self.index])
    24.         plt.figure(figsize = (height/50, width/50))
    25.         plt.subplot(1, 2, 1)
    26.         plt.imshow(img)
    27.         plt.subplot(1, 2, 2)
    28.         plt.imshow(img_restored)
    29.         plt.show()
    31.     def is_end(self):
    32.         return self.index == len(self.low_path) - 1
    34.     def is_start(self):
    35.         return self.index == 0
    37.     def is_displayed(self):
    38.         return self.index is not None
    40.     def go_top_left(self, b): # &lt;- 2. button argument
    41.         if not self.is_start():
    42.             self.initialize()
    44.     def initialize(self):
    45.         self.index=0
    46.         self.plot_restoration()    
    48.     def go_left(self, b): # &lt;- 2. button argument
    49.         if not self.is_displayed or self.is_start():
    50.             self.initialize()
    51.         else: 
    52.             self.index -= 1
    53.             self.plot_restoration()
    55.     def go_right(self, b): # &lt;- 2. button argument
    56.         if not self.is_end():
    57.             self.index += 1
    58.             self.plot_restoration()
    60.     def go_top_right(self, b): # &lt;- 2. button argument
    61.         if not self.is_end():
    62.             self.index = len(self.low_path) - 1
    63.             self.plot_restoration()
    65.     def set_buttons(self):
    66.         # Define buttons
    67.         scroll = [&#39;⇤&#39;, &#39;←&#39;, &#39;→&#39;, &#39;⇥&#39;]
    68.         layout = widgets.Layout(width=&#39;auto&#39;, height=&#39;auto&#39;)
    69.         buttons = [Button(description=s, layout = layout) for s in scroll]
    70.         button_1, button_2, button_3, button_4 = buttons
    72.         box_1 = VBox([buttons[0]])
    73.         box_2 = VBox([buttons[1]])
    74.         box_3 = VBox([buttons[2]])
    75.         box_4 = VBox([buttons[3]])
    76.         self.box = HBox([box_1, box_2, box_3, box_4])
    78.         # Launch of function when click
    79.         button_1.on_click(self.go_top_left) # &lt;- 1. method reference
    80.         button_2.on_click(self.go_left) # &lt;- 1. method reference
    81.         button_3.on_click(self.go_right) # &lt;- 1. method reference
    82.         button_4.on_click(self.go_top_right) # &lt;- 1. method reference
    84.         display(self.box)

huangapple
  • 本文由 发表于 2023年4月13日 16:45:12
  • 转载请务必保留本文链接：https://go.coder-hub.com/76003430.html
  • button
  • display
  • ipywidgets
  • jupyter-notebook
  • onclick
匿名

发表评论

匿名网友

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen:

确定