More intuitive descriptions of place, pack, and grid functions

[KoyoChatani]

*First of all, please note that I am using a translation tool to write the following text, so there may be some inaccuracies.

More intuitive descriptions of place, pack, and grid functions

• When I look at code using the place, pack, and grid placement functions implemented in the customtkinter library, I sometimes find it difficult to understand where each widget is placed. I believe this is because the widget definitions and the actual placement functions are handled separately.

Example:

import customtkinter as ctk

class App(ctk.CTk):
    def __init__(self):
        super().__init__()
        
        self.title("Example App")
        
        frame1 = ctk.CTkFrame(self)
        frame1.pack(fill="both", expand=True)
        
        frame2 = ctk.CTkFrame(self)
        frame2.pack(fill="both", expand=True)
        
        frame1.grid_columnconfigure(0, weight=1)
        
        button = ctk.CTkButton(frame1, text="Hello, World!")
        button.grid(row=0, column=0)

In this example…

• The line button.grid(row=0, column=0) does not indicate which widget the button is placed on. This is because the button's master setting is defined in the button definition section.

• For frame1, where the button is placed, the column weight is set with frame1.grid_columnconfigure(0, weight=1). Since this is also declared separately from the actual placement process, it is difficult to imagine how the widget will be placed without actually executing the code.

My ideal would be something like this:

• In the placement process, it is clear which widget is placed on what.
• In the placement process, the detailed placement settings (such as grid_columnconfigure) of the placement destination are clear.

I understand that I should create a new class or function for the placement process to solve such problems, but due to my inexperience, I could not come up with a concrete implementation. I would like to ask for your help.

I hope this helps! If you need any further assistance, feel free to ask.

[limafresh]

It's very simple.
When creating a button, in the first line

btn = ctk.CTkButton(root, text="Hello!", width=100)

we configure the button, specify what it should be. And in the second

btn.pack()

we place the button.
Each of these 2 stages of button creation has its own function and purpose.

[KoyoChatani]

I would like to add some clarification as my explanation may not have been clear.

import customtkinter as ctk

class App(ctk.CTk):
    def __init__(self):
        super().__init__()
        
        self.title("Example App")
        
        frame1 = ctk.CTkFrame(self)
        frame1.pack(fill="both", expand=True)
        
        frame2 = ctk.CTkFrame(self)
        frame2.pack(fill="both", expand=True)
        
        frame1.grid_columnconfigure(0, weight=1)
        
        button = ctk.CTkButton(frame1, text="Hello, World!")
        button.grid(row=0, column=0)

Regarding button.grid(row=0, column=0), the issue I am raising in this discussion is that it is unclear whether the button is placed in frame1 or frame2 just by looking at this placement code. I understand, as you mentioned, that there is a purpose for separating the configuration and placement processes.

Of course, it is possible to recognize the placement destination by checking the setting section of the button, but in reality, the setting process and placement process often occur at completely different times. This problem frequently occurs when the setting and placement processes are separated by code.

We want to write the placement process in such a way that the placement destination and placement position can be intuitively determined just by looking at the placement process code.