284 lines
13 KiB
Python
284 lines
13 KiB
Python
|
'''--------------------------------------------------------------------------------------------------
|
||
|
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
|
||
|
print("python2.7")
|
||
|
except ImportError: #Fuer Python >3
|
||
|
from tkinter import *
|
||
|
from tkinter import filedialog as fd
|
||
|
print("python >3")
|
||
|
|
||
|
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 = self.winfo_screenheight()
|
||
|
self.w = self.winfo_screenwidth()
|
||
|
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("<Configure>", 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
|
||
|
'''
|
||
|
try:
|
||
|
print("closing")
|
||
|
self.controller.commandStop()
|
||
|
self.controller.stopAcquisitionServer()
|
||
|
print("destroy")
|
||
|
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)
|