Merge pull request #58 from MikeTheWatchGuy/Dev-latest

Dev latest

Demo_Matplotlib.py

@@ -5,7 +5,6 @@ from numpy import arange, sin, pi
 from matplotlib.backends.backend_tkagg import FigureCanvasTkAgg, FigureCanvasAgg
 from matplotlib.figure import Figure
 import matplotlib.backends.tkagg as tkagg
-import sys
 import tkinter as Tk
 
 """
@@ -70,4 +69,3 @@ fig_photo = draw_figure(canvas_elem.TKCanvas, f)
 
 # show it all again and get buttons
 button, values = form.Read()
-

Demo_Matplotlib_Animated.py

@@ -0,0 +1,61 @@
+from tkinter import *
+from random import randint
+import PySimpleGUI as g
+from matplotlib.backends.backend_tkagg import FigureCanvasTkAgg, FigureCanvasAgg
+from matplotlib.figure import Figure
+import matplotlib.backends.tkagg as tkagg
+import tkinter as Tk
+
+VIEW_SIZE = 50     # number of data points visible on 1 screen
+
+def main():
+    fig = Figure()
+
+    ax = fig.add_subplot(111)
+    ax.set_xlabel("X axis")
+    ax.set_ylabel("Y axis")
+    ax.grid()
+
+    canvas_elem = g.Canvas(size=(640, 480))  # get the canvas we'll be drawing on
+    # define the form layout
+    layout = [[g.Text('Animated Matplotlib', size=(40,1), justification='center', font='Helvetica 20')],
+              [canvas_elem],
+              [g.ReadFormButton('Exit', size=(10,2), pad=((280, 0), 3), font='Helvetica 14')]]
+
+    # create the form and show it without the plot
+    form = g.FlexForm('Demo Application - Embedding Matplotlib In PySimpleGUI')
+    form.Layout(layout)
+    form.ReadNonBlocking()
+
+    graph = FigureCanvasTkAgg(fig, master=canvas_elem.TKCanvas)
+    canvas = canvas_elem.TKCanvas
+
+    dpts = [randint(0, 10) for x in range(10000)]
+    for i in range(len(dpts)):
+        button, values = form.ReadNonBlocking()
+        if button is 'Exit' or values is None:
+            exit(69)
+
+        ax.cla()
+        ax.grid()
+
+        ax.plot(range(VIEW_SIZE), dpts[i:i+VIEW_SIZE],  color='purple')
+        graph.draw()
+        figure_x, figure_y, figure_w, figure_h = fig.bbox.bounds
+        figure_w, figure_h = int(figure_w), int(figure_h)
+        photo = Tk.PhotoImage(master=canvas, width=figure_w, height=figure_h)
+
+        canvas.create_image(640/2, 480/2, image=photo)
+
+        figure_canvas_agg = FigureCanvasAgg(fig)
+        figure_canvas_agg.draw()
+
+        # Unfortunately, there's no accessor for the pointer to the native renderer
+        tkagg.blit(photo, figure_canvas_agg.get_renderer()._renderer, colormode=2)
+
+        # time.sleep(.1)
+
+
+if __name__ == '__main__':
+    main()
+    

docs/cookbook.md

@@ -685,7 +685,8 @@ There are a number of features used in this Recipe including:
 * Update of Elements in form (Input, Text)
 * do_not_clear of Input Elements
 
-.
+
+![keypad 2](https://user-images.githubusercontent.com/13696193/44640891-57504d80-a992-11e8-93f4-4e97e586505e.jpg)
 
 
 
@@ -701,7 +702,6 @@ There are a number of features used in this Recipe including:
     #   Update of elements in form (Text, Input)
     #   do_not_clear of Input elements
 
-
     # create the 2 Elements we want to control outside the form
     out_elem = g.Text('', size=(15, 1), font=('Helvetica', 18), text_color='red')
     in_elem = g.Input(size=(10, 1), do_not_clear=True, key='input')
@@ -734,3 +734,67 @@ There are a number of features used in this Recipe including:
             out_elem.Update(keys_entered)  # output the final string
 
         in_elem.Update(keys_entered)  # change the form to reflect current key string
+
+## Animated Matplotlib Graph
+
+Use the Canvas Element to create an animated graph.  The code is a bit tricky to follow, but if you know Matplotlib then this recipe shouldn't be too difficult to copy and modify.
+
+![animated matplotlib](https://user-images.githubusercontent.com/13696193/44640937-91b9ea80-a992-11e8-9c1c-85ae74013679.jpg)
+
+
+    from tkinter import *
+    from random import randint
+    import PySimpleGUI as g
+    from matplotlib.backends.backend_tkagg import FigureCanvasTkAgg, FigureCanvasAgg
+    from matplotlib.figure import Figure
+    import matplotlib.backends.tkagg as tkagg
+    import tkinter as Tk
+
+
+    def main():
+        fig = Figure()
+
+        ax = fig.add_subplot(111)
+        ax.set_xlabel("X axis")
+        ax.set_ylabel("Y axis")
+        ax.grid()
+
+        canvas_elem = g.Canvas(size=(640, 480))  # get the canvas we'll be drawing on
+
+        layout = [[g.Text('Animated Matplotlib', size=(40, 1), justification='center', font='Helvetica 20')],
+                  [canvas_elem],
+                  [g.ReadFormButton('Exit', size=(10, 2), pad=((280, 0), 3), font='Helvetica 14')]]
+
+        # create the form and show it without the plot
+        form = g.FlexForm('Demo Application - Embedding Matplotlib In PySimpleGUI')
+        form.Layout(layout)
+        form.ReadNonBlocking()
+
+        graph = FigureCanvasTkAgg(fig, master=canvas_elem.TKCanvas)
+        canvas = canvas_elem.TKCanvas
+
+        dpts = [randint(0, 10) for x in range(10000)]
+        for i in range(len(dpts)):
+            button, values = form.ReadNonBlocking()
+            if button is 'Exit'  or values is None:
+                exit(69)
+
+            ax.cla()
+            ax.grid()
+
+            ax.plot(range(20), dpts[i:i + 20], color='purple')
+            graph.draw()
+            figure_x, figure_y, figure_w, figure_h = fig.bbox.bounds
+            figure_w, figure_h = int(figure_w), int(figure_h)
+            photo = Tk.PhotoImage(master=canvas, width=figure_w, height=figure_h)
+
+            canvas.create_image(640 / 2, 480 / 2, image=photo)
+
+            figure_canvas_agg = FigureCanvasAgg(fig)
+            figure_canvas_agg.draw()
+
+            tkagg.blit(photo, figure_canvas_agg.get_renderer()._renderer, colormode=2)
+            # time.sleep(.1)
+
+        if __name__ == '__main__':
+            main()