def change_text_size():
    editor.text_size = size.value
    # resize the widget because if the text is made bigger, this might affect the size of the TextBox so guizero needs to know how to maintain the intended layout
    editor.resize(1, 1)
    editor.resize("fill", "fill")

from guizero import App, TextBox, PushButton, Box, Combo, CheckBox, Slider

def open_file():
    with open(file_name.value, "r") as f:
        editor.value = f.read()

def save_file():
    with open(file_name.value, "w") as f:
        f.write(editor.value)

def change_font():
    editor.font = font.value

def change_text_size():
    editor.text_size = size.value
    editor.resize(1, 1)
    editor.resize("fill", "fill")


def change_text_col():
    editor.text_color=(red.value,green.value,blue.value)


app = App(title="textzero")

file_controls = Box(app, align="top", width="fill", border=True)
file_name = TextBox(file_controls, text="text_file.txt", width=50, align="left")
save_button = PushButton(file_controls, text="Save", command=save_file, align="right")
open_button = PushButton(file_controls, text="Open", command=open_file, align="right")

editor = TextBox(app, multiline=True, height="fill", width="fill")

preferences_controls = Box(app, align="bottom", width="fill", border=True)
font = Combo(preferences_controls, options=["courier", "times new roman", "verdana"], align="left", command=change_font)
size = Slider(preferences_controls,  align="left", start = 8, end = 42, command=change_text_size)
red = Slider(preferences_controls,  align="left", start = 0, end = 255, command=change_text_col)
green = Slider(preferences_controls,  align="left", start = 0, end = 255, command=change_text_col)
blue = Slider(preferences_controls,  align="left", start = 0, end = 255, command=change_text_col)









app.display()