Creating broader visual elements

Next, let us 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 figure:

Let us define a method called init_gui() that 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. Further, we need five more attributes to handle the five new widgets:

        self.current_pattern = IntVar()
        self.number_of_units = IntVar()
        self.bpu = IntVar()
        self.to_loop = BooleanVar()
        self.beats_per_minute = IntVar()

We begin with the Top Bar section. The Top Bar is simple. It has a few labels, three Spinboxes, and an Entry...