From 4b971f7d0a4a2d24ca1620306dbc93e56a7bdb86 Mon Sep 17 00:00:00 2001
From: PySimpleGUI <PySimpleGUI@PySimpleGUI.com>
Date: Sun, 14 Aug 2022 16:37:39 -0400
Subject: [PATCH] New Demo Program -  Simulated Buttons With Highlighting

---
 ..._Simulated_With_Highlighting_Using_Bind.py | 78 +++++++++++++++++++
 1 file changed, 78 insertions(+)
 create mode 100644 DemoPrograms/Demo_Button_Simulated_With_Highlighting_Using_Bind.py

diff --git a/DemoPrograms/Demo_Button_Simulated_With_Highlighting_Using_Bind.py b/DemoPrograms/Demo_Button_Simulated_With_Highlighting_Using_Bind.py
new file mode 100644
index 00000000..eb5856a8
--- /dev/null
+++ b/DemoPrograms/Demo_Button_Simulated_With_Highlighting_Using_Bind.py
@@ -0,0 +1,78 @@
+import PySimpleGUI as sg
+
+"""
+    Demo Program - Simulated Buttons with Mouseover Highlights
+
+    The purpose of this demo is to teach you 5 unique PySimpleGUI constructs that when combined
+    create a "Button" that highlights on mouseover regarless of the Operating System.
+    Because of how tktiner works, mouseover highlighting is inconsistent across operating systems for Buttons.
+    This is one (dare I say "clever") way to get this effect in your program
+
+    1. Binding the Enter and Leave tkinter events
+    2. Using Tuples as keys
+    3. Using List Comprehensions to build a layout
+    4. Using Text Elements to Simulate Buttons
+    5. Using a "User Defined Element" to make what appears to be a new type of Button in the layout
+
+    The KEY to making this work simply is these "Buttons" have a tuple as a key.
+        The format of the key is ('-B-', button_text)
+
+    An element's bind method will make a tuple if the original key is a tuple.
+        (('-B-', button_text), 'ENTER') will be the event when the mouse is moved over the "Button"
+
+    Copyright 2022 PySimpleGUI.org
+"""
+
+
+
+def TextButton(text):
+    """
+    A User Defined Element.  It looks like a Button, but is a Text element
+    :param text:    The text that will be put on the "Button"
+    :return:        A Text element with a tuple as the key
+    """
+    return sg.Text(text, key=('-B-', text), relief='raised', enable_events=True, font='_ 15',text_color=sg.theme_button_color_text(), background_color=sg.theme_button_color_background())
+
+def do_binds(window, button_text):
+    """
+    This is magic code that enables the mouseover highlighting to work.
+    """
+    for btext in button_text:
+        window[('-B-', btext)].bind('<Enter>', 'ENTER')
+        window[('-B-', btext)].bind('<Leave>', 'EXIT')
+
+def main():
+    # Defines the text on the 3 buttons we're making
+    button_text = ('Button 1', 'Button 2', 'Button 3')
+
+    # The window's layout
+    layout = [[TextButton(text) for text in button_text],
+              [sg.Ok(), sg.Exit()]]
+
+    window = sg.Window('Custom Mouseover Highlighting Buttons', layout, finalize=True)
+
+    # After the window is finalized, then can perform the bindings
+    do_binds(window, button_text)
+
+    # The Event Looop
+    while True:
+        event, values = window.read()
+        print(event, values)
+        if event == sg.WIN_CLOSED or event == 'Exit':
+            break
+        # if the event is a tuple, it's one of our TextButtons
+        if isinstance(event, tuple):
+            # if second item is one of the bound strings, then do the mouseeover code
+            if event[1] in ('ENTER', 'EXIT'):
+                button_key = event[0]
+                if event[1] == 'ENTER':
+                    window[button_key].update(text_color=sg.theme_button_color_background(), background_color=sg.theme_button_color_text())
+                if event[1] == 'EXIT':
+                    window[button_key].update(text_color=sg.theme_button_color_text(), background_color=sg.theme_button_color_background())
+            else:   # a "normal" button click (Text clicked) so print the text which we put into the tuple
+                print('Button pressed = ', event[1])
+    window.close()
+
+
+if __name__ == '__main__':
+    main()
\ No newline at end of file