AbstractBaseWidget class

Creates a new AbstractBaseWidget class that is inherited by the button and display of the calculator. It shares common functionality including rebuilding the gui on resize.

Author: self-init

calculator/gui/base_widget.py

@@ -0,0 +1,39 @@
+import api
+import tkinter as tk
+from abc import ABC, abstractmethod
+
+class AbstractBaseWidget(ABC):
+    def __init__(self, calculator: api.Calculator):
+        self.parent = None
+        self.frame = None
+        self.calculator = calculator
+        self.prev_window_resolution = (0,0)
+    
+    def get_window_resolution(self):
+        return (self.parent.winfo_width(), self.parent.winfo_height())
+
+    def init_gui(self, parent):
+        self.parent = parent
+        self.frame = tk.Frame(parent)
+        self.prev_window_resolution = self.get_window_resolution()
+        self._create_layout(self.prev_window_resolution)
+    
+    @abstractmethod
+    def _create_layout(self, window_resolution: tuple):
+        pass
+
+    def _destroy_layout(self):
+        for child in self.frame.winfo_children():
+            child.destroy()
+
+    @abstractmethod
+    def _update(self):
+        pass
+
+    def update(self):
+        window_resolution = self.get_window_resolution()
+        if self.prev_window_resolution != window_resolution:
+            self._destroy_layout()
+            self._create_layout(window_resolution)
+        self._update()
+        self.prev_window_resolution = window_resolution

calculator/gui/button.py

@@ -1,6 +1,7 @@
 import api
 import tkinter as tk
 from dataclasses import dataclass, field
+from gui.base_widget import AbstractBaseWidget
 
 NO_BUTTON = "NO_BUTTON"
 
@@ -34,15 +35,15 @@ def calc_button(root, calculator: api.Calculator, display_text):
     button = tk.Button(root, text=display_text, command=lambda: calculator.input_button(display_text))
     return button
 
-class CalculatorButtons:
-    def __init__(self, calculator: api.Calculator):
-        self.calculator = calculator
-        self.frame = None
-        self.buttons = []
-
-    def create_gui(self, root, layout: ButtonLayout=LAYOUT_STANDARD):
-        self.frame = tk.Frame(root)
+class CalculatorButtons(AbstractBaseWidget):
+    def _create_layout(self, window_resolution):
+        aspect_ratio = window_resolution[0] / window_resolution[1]
+        self.create_buttons(LAYOUT_STANDARD)
+    
+    def _update(self):
+        pass
 
+    def create_buttons(self, layout: ButtonLayout):
         for i, label in enumerate(layout.buttons):
             if label == NO_BUTTON:
                 continue
@@ -55,14 +56,9 @@ def create_gui(self, root, layout: ButtonLayout=LAYOUT_STANDARD):
 
             button = calc_button(self.frame, self.calculator, label)
             button.grid(column=x, row=y, sticky=tk.NSEW, columnspan=size_x, rowspan=size_y)
-
-            self.buttons.append(button)
 
         for i in range(layout.width):
             self.frame.grid_columnconfigure(i, uniform="calc_buttons", weight=1)
 
         for i in range(int(len(layout.buttons)/layout.width)):
-            self.frame.grid_rowconfigure(i, weight=1)
-
-    def update(self):
-        pass
+            self.frame.grid_rowconfigure(i, weight=1)

calculator/gui/display.py

@@ -1,21 +1,20 @@
 import api
 import tkinter as tk
+from gui.base_widget import AbstractBaseWidget
 
-class CalculatorDisplay:
+class CalculatorDisplay(AbstractBaseWidget):
     def __init__(self, calculator: api.Calculator):
-        self.calculator = calculator
-        self.frame = None
+        super().__init__(calculator)
         self.upper_entry = None
         self.lower_entry = None
 
-    def create_gui(self, root):
-        self.frame = tk.Frame(root)
+    def _create_layout(self, window_resolution):
         self.upper_entry = tk.Entry(self.frame, state=tk.DISABLED, justify=tk.RIGHT)
         self.lower_entry = tk.Entry(self.frame, state=tk.DISABLED, justify=tk.RIGHT)
         self.upper_entry.pack(fill=tk.BOTH,expand=True,side=tk.TOP)
         self.lower_entry.pack(fill=tk.BOTH,expand=True,side=tk.BOTTOM)
-    
-    def update(self):
+        
+    def _update(self):
         self.upper_entry.configure(state=tk.NORMAL)
         self.lower_entry.configure(state=tk.NORMAL)
 

calculator/main.py

@@ -15,8 +15,8 @@ def create_gui(self):
         self.display = gui.CalculatorDisplay(self.calculator)
         self.buttons = gui.CalculatorButtons(self.calculator)
 
-        self.display.create_gui(self.window)
-        self.buttons.create_gui(self.window)
+        self.display.init_gui(self.window)
+        self.buttons.init_gui(self.window)
 
         self.display.frame.pack(fill=tk.BOTH,expand=True,side=tk.TOP,padx=10,pady=(10,0))
         self.buttons.frame.pack(fill=tk.BOTH,expand=True,side=tk.BOTTOM,padx=10,pady=(0,10))