Folder structure question.

[Jeymen]

Hello! So I want to structure my code into different files(frames into file, buttons into file, etc).
Current code:
./src./ui./frames.py

import customtkinter 
app = customtkinter.CTk()
fr_1 = customtkinter.CTkFrame(master=app, height=500, width=250,
                         fg_color='#0F0E17')
fr_1.place(x=155)
frame_2 = customtkinter.CTkFrame(master=app, height=500, width=305, fg_color='#0B0A10')
frame_2.place(x=399)
app.mainloop()

./src./app.py

import tkinter
import pyglet
import os
import customtkinter
import sys
from PIL import Image, ImageTk
import qrcode
import sys
sys.path.append("./src./ui")


import frames
frame_1 = frames.fr_1()
frame_2 = frames.fr_2()
import webbrowser
app = customtkinter.CTk()
app.configure(bg='#11121E')
app.geometry('700x500')
app.title('QR code generator')


# TODO: Make window not resizable

# TODO: Hover/Unhover (example code below)
# button.bind("<Enter>", lambda event: button.configure(text_color="blue")) #text hover color
# button.bind("<Leave>", lambda event: button.configure(text_color="grey"))
# 595

def generate_click():
    # print ('Generate has been clicked!')
    app.geometry('700x500')
    pull_req_link.place_forget()
    pull_req.place_forget()
    issue.place_forget()
    issue_link.place_forget()
    button.place(x=163, y=185)
    qr_data_entry.place(x=163, y=55)
    qr_name_entry.place(x=163, y=101)
    qr_extension_entry.place(x=163, y=147)
    frame_1.configure(width=250)


def support_click():
    print ('Support has been clicked')
    qr_data_entry.place_forget()
    qr_name_entry.place_forget()
    qr_extension_entry.place_forget()
    button.place_forget()
    frame_2.place_forget()
    frame_1.configure(width=900)

    issue.place(x=157, y=70)
    issue_link.place(x=157, y=115)
    pull_req.place(x=157, y=175)
    pull_req_link.place(x=157, y=220)


def issue_link_open():
    webbrowser.open_new_tab('https://example.com/')


def pull_req_link_open():
    webbrowser.open_new_tab('https://example.com/')


def settings_click():

    # customtkinter.set_appearance_mode("Light")
    # app.configure(bg='#F0F0F0')
    # frame_1.configure(fg_color= '#FFFFFF')
    # frame_2.configure(fg_color= "#ECECEC")

    settings_menu.place(x=525, y=4)
    themes.place(x=523, y=5)
    combobox.place(x=525, y=45)


# def themes_click():
#     combobox.place(x = 525, y = 45)
#     combobox.set("Dark")

def themes_settings(choice):
    combobox.set('Dark')
    if choice == 'White':
        customtkinter.set_appearance_mode('Light')
        app.configure(bg='#F0F0F0')
        frame_1.configure(fg_color='#FFFFFF')
        frame_2.configure(fg_color='#ECECEC')
        themes.config(text_color='#212121', bg_color='White')
        settings_menu.configure(fg_color='White')
        combobox.configure(button_color='#343638', fg_color='Gray')
    if choice == 'Dark':
        customtkinter.set_appearance_mode('Dark')
        app.configure(bg='#11121E')
        frame_1.configure(fg_color='#0F0E17')
        frame_2.configure(fg_color='#0B0A10')
        settings_menu.configure(fg_color='#0F0E17')
        combobox.configure(button_color='#3d3d3d', fg_color='#212121')
        themes.configure(text_color='White', bg_color='#0F0E17')


def submit():
    qr_data = qr_data_entry.get()
    qr_name = qr_name_entry.get()
    qr_extension = qr_extension_entry.get()

    allowed_extensions = [
        'png',
        'jpg',
        'PNG',
        'JPG',
        'jpeg',
        'JPEG',
        'jfif',
        'JFIF',
        'webp',
        'WEBP',
        ]
    if qr_extension in allowed_extensions:
        try:
            img = qrcode.make(qr_data)
            type(img)
            img.save(str(qr_name) + '.' + str(qr_extension))
            error.place_forget()
        except:

            # print("QR Code succesfully generated!")

            # print("Error!")

            error.place(x=405, y=110)
    else:

        # print('Please select a valid/supported file extension.')

        error.place(x=405, y=110)


# frame_1 = customtkinter.CTkFrame(master=app, height=500, width=250,
#                                   fg_color='#0F0E17')
# frame_1.place(x=155)
# frame_2 = customtkinter.CTkFrame(master=app, height=500, width=305,
#                                  fg_color='#0B0A10')
# frame_2.place(x=399)

generate_section = customtkinter.CTkButton(
    fg_color=None,
    hover_color=None,
    bg_color=None,
    text='Generate',
    text_font=('Poppins', 21, 'bold'),
    text_color='#796dfc',
    command=generate_click,
    )
generate_section.place(x=0, y=47)
support_section = customtkinter.CTkButton(
    fg_color=None,
    hover_color=None,
    bg_color=None,
    text='Support',
    text_font=('Poppins', 21, 'bold'),
    text_color='#796dfc',
    command=support_click,
    )
support_section.place(x=0, y=87)
settings = customtkinter.CTkButton(
    fg_color=None,
    hover_color=None,
    bg_color=None,
    text='..',
    text_font=('Poppins', 10, 'bold'),
    text_color='#796dfc',
    command=settings_click,
    )
settings.place(x=620, y=15)
qr_data_entry = customtkinter.CTkEntry(master=app,
        placeholder_text='Enter text', width=237, height=30)
qr_data_entry.place(x=163, y=55)
qr_name_entry = customtkinter.CTkEntry(master=app,
        placeholder_text='Enter file name', width=237, height=30)
qr_name_entry.place(x=163, y=101)
qr_extension_entry = customtkinter.CTkEntry(master=app,
        placeholder_text='Enter file extension', width=237, height=30)
qr_extension_entry.place(x=163, y=147)
button = customtkinter.CTkButton(
    master=app,
    text='Submit',
    command=submit,
    text_font=('Poppins', 10, 'bold'),
    text_color='White',
    fg_color='#343638',
    )
button.place(x=163, y=185)
error = customtkinter.CTkLabel(
    master=app,
    text='An error has \n been detected.',
    text_font=('Poppins', 27, 'bold'),
    text_color='#ff4747',
    fg_color='#0B0A10',
    width=200,
    )
issue = customtkinter.CTkLabel(text='Do you want to report a bug?',
                               text_color='White', bg_color='#0F0E17',
                               text_font=('Poppins', 27))
issue_link = customtkinter.CTkButton(
    text_color='#9187FF',
    fg_color=None,
    hover=None,
    bg_color='#0F0E17',
    text='Submit an issue.',
    text_font=('Poppins', 27),
    command=issue_link_open,
    )
pull_req = customtkinter.CTkLabel(text='Do you want to fix a bug?',
                                  text_color='White', bg_color='#0F0E17'
                                  , text_font=('Poppins', 27))
pull_req_link = customtkinter.CTkButton(
    text_color='#9187FF',
    fg_color=None,
    hover=None,
    bg_color='#0F0E17',
    text='Open a pull request.',
    text_font=('Poppins', 27),
    command=pull_req_link_open,
    )
settings_menu = customtkinter.CTkFrame(master=app, height=130,
        width=310, fg_color='#0F0E17')

# themes = customtkinter.CTkButton(fg_color=None, hover_color=None, bg_color="#0F0E17", width= 30, text = "Theme", text_font=(
# 'Poppins', 18, 'bold'), text_color="White", command = themes_click)

themes = customtkinter.CTkLabel(bg_color='#0F0E17', width=30,
                                text='Theme', text_font=('Poppins', 18,
                                'bold'), text_color='White')
combobox = customtkinter.CTkOptionMenu(master=app, values=['Dark',
        'White'], button_color='#3d3d3d', fg_color='#212121',
        command=themes_settings)

app.mainloop()

The problem is that, it runs the frames.py as a separate app.

2022-10-31.19-02-37.mp4

First run - with code above, second run - normal code, one file, no importing.

What do I need help with? Structure different things into different folders(buttons, labels, frames).

[TomSchimansky]

I created two articles in the wiki on how to structure the code into classes:
https://github.com/TomSchimansky/CustomTkinter/wiki/App-structure-and-layout
https://github.com/TomSchimansky/CustomTkinter/wiki/Multiple-frames

The classes can then be located in individual files, and you can have a main.py file where the App class is implemented and then for example a module (folder with init.py file) called frames where all files with the frame classes are located.