Hallo zusammen,
ich versuche mich gerade in dem Thema Grafische oberfläche
ich versuche ensprechend deminer grafischen vorlage eine eingabefeld für mein raspberry zu bauen
aber bei der anordnung der Objekte hab ich nur Probleme
Mein Display ist auf 640x400 eingestellt , und ist auf ein raspberry 3b+
wie kann ich die objekte so anordnen wie ich sie haben möchte :
danke im vorraus
MCSITK Vergiss gleich wieder irgendwelche festen Grössen in Pixeln. Das macht man mit `Frame`, `grid()` und/oder `pack()`, und schaut welche Elemente sinnvollerweise ”wachsen” können sollten falls sich der Platz durch ändern der Fenstergrösse ändert.
Als erstes würde ich klären in wie weit die Funktionalität von den optisch gleich aufgebauten Hälften (links/rechts) verallgemeinerbar ist, so dass man vielleicht eine Klasse schreiben kann, die dann für beide Hälften verwendbar ist.
Dank der Excel-Tabelle ist es etwas einfacher, mit Grid zu arbeiten, aber man kann sich dennoch ziemlich schnell vertun.
Hier ein Beispiel für das Layout:
from tkinter import Tk, Label, Button, Text, OptionMenu, Variable, END
from tkinter.messagebox import showinfo
def select1(value):
showinfo("Auswahl", f"{value} wurde im linken DropDown-Menü ausgewählt")
def select2(value):
showinfo("Auswahl", f"{value} wurde im rechten DropDown-Menü ausgewählt")
def show_text_left():
text = text_widget_links.get("1.1", END)
showinfo("Text im linken Widget", text)
def show_text_right():
text = text_widget_rechts.get("1.1", END)
showinfo("Text im rechten Widget", text)
root = Tk()
# Zugriff auch über Variable.get()
auswahl1 = Variable(root)
auswahl2 = Variable(root)
auswahl_werte = list(map(str, range(10)))
OptionMenu(root, auswahl1, *auswahl_werte, command=select1).grid(
row=0, column=0, columnspan=3
)
OptionMenu(root, auswahl2, *auswahl_werte, command=select2).grid(
row=0, column=4, columnspan=3
)
text_widget_links = Text(root, font="Arial 16", height=20, width=40)
text_widget_links.grid(row=1, column=0, columnspan=3)
text_widget_rechts = Text(root, font="Arial 16", height=20, width=40)
text_widget_rechts.grid(row=1, column=4, columnspan=3)
Button(root, text="Beenden", font="Arial 16", command=root.destroy).grid(
row=2, column=0
)
Button(root, text="Verkleinern", font="Arial 16", command=root.iconify).grid(
row=2, column=2
)
Button(root, text="Linker Text", font="Arial 16", command=show_text_left).grid(
row=2, column=4
)
Button(root, text="Rechter Text", font="Arial 16", command=show_text_right).grid(
row=2, column=6
)
root.mainloop()Ein bisschen Funktionalität ist vorhanden, aber kein OOP.
Hi,
man könnte auch Godot für GUI einsetzen. Ein User hat die 3er Version auf den PI gebracht, 2D und dadurch auch GUI sind da sehr gut benutzbar. Godot RPI 4 - Reddit
Ich persönlich kann PyQt empfehlen, das nutze ich eigentlich immer für GUIs, auch auf dem Raspberry Pi.
Zudem gibt es auch einen grafischen Designer, der per "Drag an Drop" die Interfaces zusammen bauen lässt. Das ist vor allem für Einsteiger sehr angenehm.
Martin Fitzpatrick betreibt mit PythonGUIs eine wundervolle Seite zum Lernen dieses Frameworks.
Dein Problem kann man dort ganz einfach mit einem Grid Layout, oder einer Kombination von Horizontalen + Vertikalen Layouts realisieren.
Größen und co. kannst du auch direkt alles im Designer definieren, dann passt das direkt.
Ob ich jetzt mal guizero noch (https://lawsie.github.io/guizero/about/) in den Ring werfen soll? 
Naja, zumindest arbeitet das wenigstens mit TK und hilft evtl. zum Einstieg in die Programmierung von GUIs.
Ich finde QT5/6 geil, aber komme nicht auf die Idee das einem Anfänger zu empfehlen.
werte1 = list(LANGUAGES.values())
Das erste Element als Auswahl gesetzt und das zweite Argument ist die komplette Liste
OptionMenu(root, auswahl1, werte1, command=select1).grid(
row=0, column=0, columnspan=3
)Es gibt auch noch das Argument default, welches festlegt, was als Erstes ausgewählt ist.
Weitere Infos gibt es hier: https://www.pythontutorial.net/tkinter/tkinter-optionmenu/
Hallo,
und falls du bei der 'combobox' bleiben willst:
import tkinter as tk
from tkinter import ttk
class TestWindow(tk.Frame):
def __init__(self, master):
tk.Frame.__init__(self, master)
choice = ttk.Combobox(self)
choice["values"] = list(range(5))
choice.grid(row=0, column=0)
def main():
root = tk.Tk()
root.title("Nur ein Test")
app = TestWindow(root)
app.pack()
app.mainloop()
if __name__ == "__main__":
main()Weitere Infos:
https://docs.python.org/3/libr…obox#tkinter.ttk.Combobox
Grüße
Dennis
Da fehlt der Import von `tkinter`. `LANGUAGES`, `translate_text()`, `recognize_speech()`, und `exit_program()` sind undefiniert. Und ich kann mir kaum vorstellen das die tatsächlich keine Argumente brauchen, denn das alles was da auf Modulebene existiert, also die ganze globalen Variablen, dürfen da nicht stehen. Das Hauptprogramm gehört in eine Funktion. Die heisst üblicherweise `main()`.
Kommentare sollen dem Leser einen Mehrwert über den Code geben. Faustregel: Kommentare beschreiben nicht *was* der Code macht, denn das steht da bereits als Code, sondern warum er das macht. Sofern das nicht offensichtlich ist. Offensichtlich ist in aller Regel auch was in der Dokumentation von Python und den verwendeten Bibliotheken steht.
Die Fenstergrösse sollte man wie schon gesagt nicht vorgeben, die ergibt sich aus dem Inhalt. Und falls man die Anwendung im Vollbild darstellen will, sollte man *das* machen, unabhängig davon wie gross der Bildschirm ist.
Wenn es eine Konstante in `tkinter` für eine Zeichenkette mit einer festen Bedeutung als Argument gibt, sollte man diese Konstante benutzen.
Bei `StringVar` kann man den Wert gleich beim erstellen übergeben.
Ungetestet:
#!/usr/bin/env python3
import tkinter as tk
from functools import partial
LANGUAGES = {"Deutsch": "de", "Englisch": "en", "Spanisch": "es"}
DEFAULT_SOURCE_LANGUAGE = "en"
DEFAULT_TARGET_LANGUAGE = "de"
assert all(
language in LANGUAGES.values()
for language in [DEFAULT_SOURCE_LANGUAGE, DEFAULT_TARGET_LANGUAGE]
)
def translate_text(
input_text, source_language_var, output_text, target_language_var
):
...
def recognize_speech(input_text):
...
def main():
window = tk.Tk()
window.title("Textübersetzer")
input_text = tk.Text(window, height=10, width=30)
input_text.grid(row=0, column=0, padx=10, pady=10, sticky=tk.NSEW)
output_text = tk.Text(window, height=10, width=30)
output_text.grid(row=0, column=1, padx=10, pady=10, sticky=tk.NSEW)
tk.Label(window, text="Ausgangssprache:").grid(
row=1, column=0, padx=10, pady=5, sticky=tk.E
)
source_language_var = tk.StringVar(window, DEFAULT_SOURCE_LANGUAGE)
tk.OptionMenu(window, source_language_var, *LANGUAGES.values()).grid(
row=1, column=1, padx=10, pady=5, sticky=tk.EW
)
tk.Label(window, text="Zielsprache:").grid(
row=2, column=0, padx=10, pady=5, sticky=tk.E
)
target_language_var = tk.StringVar(window, DEFAULT_TARGET_LANGUAGE)
tk.OptionMenu(window, target_language_var, *LANGUAGES.values()).grid(
row=2, column=1, padx=10, pady=5, sticky=tk.EW
)
tk.Button(
window,
text="Übersetzen",
command=partial(
translate_text,
input_text,
source_language_var,
output_text,
target_language_var,
),
).grid(row=3, column=0, columnspan=2, padx=10, pady=10, sticky=tk.EW)
tk.Button(
window, text="Mikrofon", command=partial(recognize_speech, input_text)
).grid(row=4, column=0, padx=10, pady=10, sticky=tk.EW)
tk.Button(window, text="Exit", command=window.quit).grid(
row=4, column=1, columnspan=2, padx=10, pady=10, sticky=tk.EW
)
window.rowconfigure(0, weight=1)
for i in range(2):
window.columnconfigure(i, weight=1)
window.mainloop()
if __name__ == "__main__":
main()