'''-------------------------------------------------------------------------------------------------- Die View bildet die Oberflaeche ab. Sie ist in 3 Sektoren Top, Main und ButtonFrame unterteilt. Der TopFrame beihnahltet die Taskleiste, der Button Frame gibt Informationen raus. Im Main Frame sind die Buttons yu starten und stoppen der Buchstabierungen. HIerfuer sind extra Seiten erstellt, die beliebig, je nach Situation ausgetauscht werden koennen ''' try: from Tkinter import * #Fuer Python 2.7 import tkFileDialog as fd except ImportError: #Fuer Python >3 from tkinter import * from tkinter import filedialog as fd from UIController import * class View(Tk): def __init__(self, c, path_default, *args, **kwargs): '''-------------------------------------------------------------------------------------------------- In der Init wird das Lazout gesetyt und die Funktionen yur erstellung der Frames aufgerufen, zudem wird dem schliesen des Fensters sowie den anpassen der Groesse andere Funktionen hinterlegt ''' Tk.__init__(self, *args, **kwargs) img = PhotoImage(file='icon.png') self.tk.call('wm', 'iconphoto', self._w, img) self.controller = c self.PATH_DEFAULT = path_default self.title("Visuelles Buchstabieren") self.h = 1000 self.w = 2000 self.geometry('{}x{}'.format(self.w,self.h)) self.faktor = [(0.073),(0.727), (0.2)] #self.resizable(height=False, width= False) self.layout = { "background": "#00001E", "backgroundBtn": "#1C86EE", "fontColor": "#FFFFFF", "backgroundBar": "#00002E", "font": ('Calibri', 20, 'bold'), "fontSmall": ('Calibri', 14, 'bold'), "fontInfo": ('Calibri', 25) } self.createTopFrame() self.createMainFrame() self.createBottomFrame() self.bind("", self.adjustSize) self.protocol("WM_DELETE_WINDOW", self.onClosing) def changeFrame(self, pageName): '''-------------------------------------------------------------------------------------------------- Setzt dem Frame passend zum pageName in den Vordergrund ''' frame = self.frames[pageName] frame.tkraise() def adjustSize(self, event): '''-------------------------------------------------------------------------------------------------- passt nach Faktoren die einyelnen Seitenteile der jeweiligen Frame Groesse an ''' if(str(event.widget) =="."): self.h = event.height self.w = event.width self.topFrame.configure(height=(self.h*self.faktor[0]), width=self.w) self.mainFrame.configure(height=(self.h*self.faktor[1]), width=self.w) self.bottomFrame.configure(height=(self.h*self.faktor[2]), width=self.w) self.container.configure(height=(self.h*self.faktor[1]), width=self.w) for f in self.frames: self.frames[f].configure(height=(self.h*self.faktor[1]), width=self.w) self.frames[f].adjustSize(height=(self.h*self.faktor[1]), width=self.w) def onClosing(self): '''-------------------------------------------------------------------------------------------------- Stoppt alle laufenden Threads und schliesst OpenVibe und den Aquisitionserver bevor sich das Fenster schliesst ''' print("closing") self.controller.commandStop() self.controller.stopAcquisitionServer() print("destroy") try: self.dialog.destroy() except: pass self.destroy() def createTopFrame(self): '''-------------------------------------------------------------------------------------------------- Erstellt die Buttons und Textfelder fuer die Taskleiste und positionier diese im Frame ''' self.topFrame = Frame(self, bg=self.layout["backgroundBar"], height=50, width=500) self.changeBtn = Button(self.topFrame, text="Wechsel zu taktilen BCI", command=lambda: self.controller.actionPerformed("wechsel"), height=3, width = 30, font=self.layout["fontSmall"], bg=self.layout["backgroundBtn"], fg=self.layout["fontColor"]) self.saveBtn = Button(self.topFrame, text="Auswaehlen der Datei", command=lambda: self.controller.actionPerformed("speicherort"), height=3, width = 30, font=self.layout["fontSmall"], bg=self.layout["backgroundBtn"], fg=self.layout["fontColor"]) #self.setBtn = Button(self.topFrame, text="Auswaehlen der Datei", command=lambda: self.controller.actionPerformed("setFile"), height=2, width = 25, font=self.layout["fontSmall"], bg=self.layout["backgroundBtn"], fg=self.layout["fontColor"]) self.toplabel = Label(self.topFrame, text="visuelles BCI", font=self.layout["font"], bg=self.layout["backgroundBar"], fg=self.layout["fontColor"], ) self.topFrame.grid(column=0, row=0) self.topFrame.grid_propagate(0) self.topFrame.pack_propagate(0) self.changeBtn.grid(column=0, row=0, padx=10,pady=5) self.saveBtn.grid(column=1, row=0, padx=10, pady=5) #self.setBtn.grid(column=2, row=0, padx=10, pady=5) self.toplabel.grid(column=2, row=0, padx=100, pady=2) def createMainFrame(self): '''-------------------------------------------------------------------------------------------------- Erstellt und postioniert einen Container als Platzhalter fuer die verschiedenen Seiten. Anscliessend erstellt es die verschiedenen Seiten und speicher diese in eine Liste ''' self.mainFrame = Frame(self, bg=self.layout["background"], height=250, width=500) self.mainFrame.grid(column=0, row=1) self.mainFrame.pack_propagate(0) self.container = Frame(self.mainFrame, bg=self.layout["background"], height=250, width=500) self.container.pack(side="top", fill="both", expand = True) self.container.pack_propagate(0) self.container.grid_propagate(0) self.frames = {} for F in (StartPage, WorkingPageTaktil, WorkingPageVisuell): page_name = F.__name__ frame = F(parent=self.container, controller=self.controller, layout=self.layout) self.frames[page_name] = frame frame.grid(row=0, column=0, sticky="nsew") self.changeFrame("StartPage") def createBottomFrame(self): '''-------------------------------------------------------------------------------------------------- Erstellt und positioniert ein Label fuer die ganzen Informationen ''' self.bottomFrame = Frame(self, bg=self.layout["backgroundBar"], height=100, width=500) self.bottomlabel = Label(self.bottomFrame, text="Hier stehen Infos\nGanz viele", justify='left', font=self.layout["fontInfo"], bg=self.layout["backgroundBar"], fg=self.layout["fontColor"]) self.bottomFrame.grid(column=0, row=2) self.bottomFrame.pack_propagate(0) self.bottomFrame.grid_propagate(0) self.bottomlabel.grid(padx=5,pady=5) def setInfoText(self, text): self.bottomlabel['text'] = text def setTitleText(self,text): self.title(text) self.toplabel["text"] = text def setChangeBtnText(self,text): self.changeBtn["text"] = text def setDefaultPath(self, path): self.PATH_DEFAULT = path def openfiledialog(self): path = self.PATH_DEFAULT #file = fd.askopenfilename(initialdir=path) file = fd.askdirectory(initialdir=path) return file def savefiledialog(self): self.dialog = Tk() self.dialog.title("Visuelles Buchstabieren") h = 100 w = 400 self.dialog.geometry('{}x{}'.format(w,h)) self.dialog.geometry("+{}+{}".format(100,200)) l = Label(self.dialog, text="Bitte geben Sie einen Speichernamen ein:") eingabefeld = Entry(self.dialog) okBtn = Button(self.dialog, text="OK", command=lambda:self.okBtn(eingabefeld.get())) l.pack() eingabefeld.pack() okBtn.pack() self.dialog.protocol("WM_DELETE_WINDOW", self.closeDialog) self.dialog.mainloop() def okBtn(self, text): path = self.PATH_DEFAULT + "/" + text print(path) self.controller.copyspelling(path) self.dialog.destroy() def closeDialog(self): self.controller.copyspelling("-1") self.dialog.destroy() def getWindowSize(self): return [self.winfo_x(), self.winfo_y(), self.winfo_height(), self.winfo_width()] class StartPage(Frame): '''-------------------------------------------------------------------------------------------------- Bildet die Seite in der die Aktionen ausgesucht werden koennen. Beihaltet 2 Buttons einen zum starten des freien Buchstabierens und einen yum starten des gefuerten Buchstabierens ''' def __init__(self, parent, controller, layout): self.layout = layout Frame.__init__(self, parent, height=250, width=500, bg=self.layout["background"]) self.grid_propagate(0) self.pack_propagate(0) self.controller = controller self.container = Frame(self, bg=self.layout["background"], height=250, width=500) self.btnFrame = Frame(self.container, bg=self.layout["background"], height=250, width=250) self.container.columnconfigure(0, weight=1) # Set weight to row and self.container.rowconfigure(0, weight=1) # column where the widget is self.container.grid_propagate(0) self.container.pack_propagate(0) self.container.pack() self.btnFrame.grid() testBtn = Button(self.btnFrame, text="gefuehrtes Buchstabieren", command=lambda: self.controller.actionPerformed("copySpelling"), height=6, width = 20, font=self.layout["font"], bg=self.layout["backgroundBtn"], fg=self.layout["fontColor"]) #testBtn = Button(self.btnFrame, text="copySpelling", command=lambda: self.controller.actionPerformed("test"), height=6, width = 20, font=self.layout["font"], bg=self.layout["backgroundBtn"], fg=self.layout["fontColor"]) testBtn.grid(row=0,column=0, padx=25,pady=25) freeSpellingBtn = Button(self.btnFrame, text="freies Buchstabieren", command=lambda: self.controller.actionPerformed("freeSpelling"), height=6, width = 20, font=self.layout["font"], bg=self.layout["backgroundBtn"], fg=self.layout["fontColor"]) freeSpellingBtn.grid(row=0, column=1, padx=25,pady=25) def adjustSize(self, height, width): self.container.configure(height=height, width= width) self.btnFrame.configure(height=(height*4)/5, width= width/2) class WorkingPageTaktil(Frame): '''-------------------------------------------------------------------------------------------------- Bildet die Seite nach Auswahl einer Aktion. Beihaltet einen mittig plazierten Buttons zum stoppen des ablaufenden Vorgang ''' def __init__(self, parent, controller, layout): self.layout = layout Frame.__init__(self, parent, height=250, width=500, bg=self.layout["background"]) self.controller = controller self.columnconfigure(0, weight=1) # Set weight to row and self.rowconfigure(0, weight=1) # column where the widget is stopBtn = Button(self, text="stop", command=lambda: self.controller.actionPerformed("stop"), height=4, width = 15, font=self.layout["font"], bg=self.layout["backgroundBtn"], fg=self.layout["fontColor"]) stopBtn.grid() def adjustSize(self, height, width): pass class WorkingPageVisuell(Frame): '''-------------------------------------------------------------------------------------------------- Bildet die Seite nach Auswahl einer Aktion. Beihaltet einen mittig unten plazierten Buttons zum stoppen des ablaufenden Vorgang ''' def __init__(self, parent, controller, layout): self.layout = layout Frame.__init__(self, parent, height=250, width=500, bg=self.layout["background"]) self.controller = controller self.grid_propagate(0) self.pack_propagate(0) self.windowFrame = Frame(self, height=200, width=500, bg=self.layout["background"]) self.windowFrame.grid(column=0, row=0) self.buttonFrame = Frame(self, height=50, width=500, bg=self.layout["background"]) self.buttonFrame.grid(column=0, row=1) self.buttonFrame.columnconfigure(0, weight=1) # Set weight to row and self.buttonFrame.rowconfigure(0, weight=1) # column where the widget is stopBtn = Button(self.buttonFrame, text="stop", command=lambda: self.controller.actionPerformed("stop"), height=1, width = 15, font=self.layout["font"], bg=self.layout["backgroundBtn"], fg=self.layout["fontColor"]) stopBtn.grid() def adjustSize(self, height, width): self.windowFrame.configure(height=(height*9)/10, width= width) self.buttonFrame.configure(height=(height)/10, width= width)