Creating broader visual elements

Next, let's lay out the broader visual elements of our program. For the sake of modularity, we divide the program into four broad visual sections, as shown in the following diagram:

Let's define a method called init_gui(), which is called from within the __init__ method as follows (see code 3.03.py):

def init_gui(self):
   self.create_top_bar()
   self.create_left_drum_loader()
   self.create_right_button_matrix()
   self.create_play_bar()

We then proceed to define all four of these methods (3.03.py). The code is not discussed here, as we have done similar coding in previous chapters.

We begin with the Top Bar section. The Top Bar is simple. It has a few labels, three Spinboxes, and an Entry widget. We will not reproduce the entire code here (see code 3.03.py) as we have already seen examples of creating Labels and Entry widgets several...