Question

我在两个缩放面板1和缩放面板2中使用矩形补丁想法是必须在矩形中插入面板，当我在Zooom 1中移动矩形时，两个矩形可以同时移动；在缩放面板2中，矩形在同一时间和同一区域移动

在这个示例中，如何将矩形艺术家与matplotlib一起使用

const bodyParser = require('body-parser')
const cors = require('cors')

module.exports = app => {
    app.use(bodyParser.json())
    app.use(cors())
}

谢谢大家

Answer 1

所做的更改：

添加了2个Zoom面板之间的通信。每个用户都可以由add_subscriber(subscriber_name, action_to_make)添加一个订户，并且其中每个用户按下该键都将呼叫所有action_to_make(click)。
由于Zoom和Zoom2基本上是同一类的2个实例（具有相同的代码），因此我删除了第二类的定义，并将zoom_panel和zoom_panel2设为同一类的不同实例。
将Zoom更改为仅实例化Figure and Rectangle以及所有实例一次并更新它们，而不是创建一个新实例并将其放置在旧实例之上。

import wx
from numpy import arange, sin, pi,cos
import numpy as np
import matplotlib
import matplotlib.pyplot as plt
from matplotlib.backends.backend_wxagg import FigureCanvasWxAgg as FigureCanvas
from matplotlib.figure import Figure
import matplotlib.patches as patches

class MainFrame(wx.Frame):
    def __init__(self, parent ):
        wx.Panel.__init__(self, parent,name="Main", size = (1000,800))
        self.Panel = Panel(self)


class Panel(wx.Panel):
    def __init__(self,parent):
        super().__init__(parent)
        panel = wx.Panel(self)
        self.canvas_panel = CanvasPanel(self)
        self.zoom_panel=Zoom(parent=self)
        self.zoom_panel2=Zoom(parent=self)

        self.zoom_panel.add_subscriber("zoom_panel2", self.zoom_panel2.on_notified)
        self.zoom_panel2.add_subscriber("zoom_panel", self.zoom_panel.on_notified)

        canvas_sizer = wx.BoxSizer(wx.HORIZONTAL)
        canvas_sizer.Add(self.canvas_panel,1,wx.EXPAND)
        canvas_sizer.Add(self.zoom_panel,1,wx.EXPAND)
        canvas_sizer.Add(self.zoom_panel2,1,wx.EXPAND)

        sizer = wx.BoxSizer(wx.VERTICAL)
        sizer.Add(panel)
        sizer.Add(canvas_sizer)
        self.SetSizerAndFit(sizer)
        self.Show()

class CanvasPanel(wx.Panel):
    """ Panel du graphique matplotlib """
    def __init__(self, parent , size=(200,350)):
        super().__init__(parent)
        self.figure = Figure(figsize =(4,4))
        self.canvas = FigureCanvas(self, -1, self.figure)
        self.axes = self.figure.add_subplot(111)
        self.Size = self.canvas.Size
        self.parent = parent
        t = arange(0.5, 3.0, 0.01)
        s = cos(2 * pi * t)
        self.axes.plot(t, s)
        self.axes.get_xaxis().set_visible(False)
        self.axes.get_yaxis().set_visible(False)
        self.canvas.mpl_connect('button_press_event', self.on_press)
        x = y = -0.2
        self.rect = patches.Rectangle((x, y), 0.4,0.4,edgecolor='g', alpha=1, fill=None, label='Label')
        self.axes.add_patch(self.rect)
        self.axes.plot()

    def on_press(self, click):
        x1, y1 = click.xdata, click.ydata
        zx1 = x1 - 0.2
        zy1 = y1 - 0.2
        zx2 = x1 + 0.2
        zy2 = y1 + 0.2
        self.rect.set_x(x1 - 0.2) #Move the rectangle and centre it on the X click point
        self.rect.set_y(y1 - 0.2) #Move the rectangle and centre it on the Y click point


        self.axes.plot()
        self.canvas.draw()
        self.zoom_axes=[zx1,zx2,zy1,zy2]
        self.parent.zoom_panel.Update(self)
        self.parent.zoom_panel2.Update(self)



class Zoom(wx.Panel):
    def __init__(self,parent):
        wx.Panel.__init__(self,parent,size=(200,200))
        self.Show()
        self.subscriber_list = {}
        #init figure&canvas
        self.figure = Figure(figsize =(4,4))
        self.canvas = FigureCanvas(self, -1, self.figure)
        self.axes = self.figure.add_subplot(111)
        self.axes.get_xaxis().set_visible(False)
        self.axes.get_yaxis().set_visible(False)
        self.axes.axis([-0.2,0.2,-0.2,0.2]) # set default display window
        self.canvas.mpl_connect('button_press_event', self.on_press)
        #add rectangle
        x = y = 0.01
        self.rect = patches.Rectangle((x, y), 0.02, 0.02,edgecolor='g', alpha=1, fill=None, label='Label')
        self.axes.add_patch(self.rect)

        #first display
        self.axes.plot()
        self.canvas.draw()

    def Update(self,parent):
        #Load axis values of the selected rectangle
        zoom_axes=parent.zoom_axes

        #clear Axes
        self.axes.clear()

        #Apply axis of drawn rectangle to the plot
        self.axes.axis(zoom_axes)



        #draw same plot as on the main panel
        t = arange(0.5, 3.0, 0.01)
        s = cos(2 * pi * t)
        self.axes.plot(t, s, 'C0')

        #draw rectangle
        self.axes.add_patch(self.rect)

        #display
        self.axes.plot()
        self.canvas.draw()

    def on_press(self, click):
        self.perform_press(click)
        self.notify_subscribers(click)


    def perform_press(self, click):
        x1, y1 = click.xdata, click.ydata
        zx1 = x1 - 0.01
        zy1 = y1 - 0.01
        zx2 = x1 + 0.01
        zy2 = y1 + 0.01
        self.rect.set_x(x1 - 0.01) #Move the rectangle and centre it on the X click point
        self.rect.set_y(y1 - 0.01) #Move the rectangle and centre it on the Y click point

        self.axes.plot()
        self.canvas.draw()
        self.zoom_axes=[zx1,zx2,zy1,zy2]

    def notify_subscribers(self, click):
        for subscriber in self.subscriber_list:
            self.subscriber_list.get(subscriber)(click)

    # adds a new subscriber to the list. "name" is a subscriber identifier, "action" is called as "action(name)" every time this element is clicked
    def add_subscriber(self, name, action):
        self.subscriber_list[name]=action

    def on_notified(self, click):
        #Do something here
        #print("Zoom received notification from Zoom2: ", click)
        self.perform_press(click)


app = wx.App()
frame = MainFrame(None).Show()
app.MainLoop()

如何使用带有矩形拼贴的艺术家同时移动2个retcngale

1 个答案: