Programutveckling för Tekniska Tillämpningar Arbetsblad 4

Transkript

1 Programutveckling för Tekniska Tillämpningar Arbetsblad 4 I detta arbetsblad innehåller följande moment: 1. Skapa en wxpython applikation med huvudfönster och rapportfönster. 2. Integrering av beräkningskod i användargränssnitt. 3. Uppritning av geometri, elementnät och elementflöden. Skapa en wxpython applikation i wxglade Starta wxglade. Marker Application i trädvyn. I egenskapsfönstret sätts Name till applikationens namn. Namnge på samma sätt applikationens klass i rutan Class. För att programmet skall bli lättare att underhålla är det bra om varje klass i wxglade genereras som separata filer. Detta sätts i rutan Code Generation genom att välja Separate file for each class. Det sista vi gör för applikationsklassen är att ange var de genererade filerna skall placeras. Detta anges i rutan Output path. Vi har nu definierat applikationsklassen och de övergripande inställningarna i wxglade. I nästa steg skall vi definiera huvudfönstret för programmet. Huvudfönster Huvudfönstret är programmets centralpunkt. Det är från detta fönster som flödet i programmet styrs och underfönster öppnas. En klass för huvudfönstret skapas genom att välja en wx.frame i verktygslådan. Figur 1 Skapa en wx.frame för huvudfönster En dialogruta visas där wxglade frågar efter vilken typ av Frame klass som skall skapas. Ange wxframe och ge klassen namnet mainwindow. I nästa steg skall vi sätta en del standardvärden för fönstret i egenskapsmenyn. Under Common fliken sätt följande egenskaper: Egenskap Värde Name mainwindow Size 640, 480

2 Under fliken Widget anges applikationens titel i rutan Title. Denna titel kommer att visas längst upp i fönstret. Kryssa sedan för Has menubar. Nu skapas en MenuBar instans som i sin tur kopplas till huvudfönstret. I egenskapsfönstret sätts namnet på meny instansen till mainmenu. Klicka sedan på "Edit menus..." för att skapa meny strukturen. Ange följande struktur: När strukturen är klar väljs OK. Figur 2 Menystruktur I nästa steg skall vi skapa ett verktygsfält. Klicka på mainwindow i trädvyn. Under fliken Widget i egenskapsfönstret markeras alternativet Has ToolBar. Ange namnet på det skapade verktygsfältet till maintoolbar. Bilderna till verktygsfältet har storleken 22x22 varför egenskapen Bitmapsize sätts till 22, 22. Egenskaperna wxtb_flat, wxtb_text skall också markeras. Klicka därefter på Edit tools och skapa på samma sätt som för menyraden följande struktur:

3 Figur 3 Struktur för verktygsfält (maintoolbar) Generering av programkod Innan vi kan gå vidare och integrera beräkningskoden måste wxglade generera källkod för det skapade gränssnittet. Innan kodgenereringen kan påbörjas måste indata i wxglade sparas. Detta görs genom att välja File/Save i menyn i verktygsfältet för wxglade. I nästa steg markeras instansen Application i trädvyn. Under Application fliken i egenskapsfönstret sätts egenskapen Top window till det just skapade huvudfönstret. Om allt fungerat kan koden genereras genom att klicka på knappen Generate code. Nu skall det finnas två Python filer i målkatalogen, en för applikationsklassen och en för själva huvudfönstret. Integrering av beräkningskod i användargränssnittet Lägg till följande i början av MainWindow.py: # * coding: utf 8 * # generated by wxglade on Sun Apr 19 16:39: import wx from model import * # begin wxglade: dependencies För att hantera programmets initiering skapar vi en egen initieringsmetod _initapp(). Metoden placeras efter de av wxglade genererade metoderna set_properties och do_layout(). def _initapp(self): Initiera program variabler. # Skapa en instans av datamodellen

4 self._model = FlowModel() Metoden anropas sist i MainWindow klassens init () metod. def init (self, *args, **kwds): # begin wxglade: MainWindow. init kwds["style"] = wx.default_frame_style wx.frame. init (self, *args, **kwds) # < bortklippt kod > self.bind(wx.evt_tool, self.oncalcstart, id=5) # end wxglade self._initapp() Var noga med att inte ändra kod mellan de speciella taggar som wxglade skapar (# begin wxglade, # end wxglade) Modellhantering (Ny, Öppna och Spara) För att kunna hantera öppna och spara modeller i programmet uppdateras vår modellklass med en variabel, filename, som skall lagra modellens aktuella filnamn. Variabeln läggs till i klassens konstruktor. class FlowModel: def init (self): self.filename = "" self.createinput() Eftersom vi nu lagrar vilket filnamn som modellen användare modifierar vi också metoden read FromFile som skapades i förra arbetsbladet. Nu anges parametern till denna metod med standardvärdet, filename=, vilket medför att vi kan utelämna denna parameter vid anrop och istället använda den inbyggda variabeln, self.filename, för att ange från vilken fil indata skall läsas. def readfromfile(self, filename=""): if filename!= "": self.filename = filename inputfile = open(self.filename, 'r') Vi skall nu koppla kod till händelsemetoderna skapade tidigare. Metoden onnew() används för att skapa en ny modell. Detta görs enkelt genom att skapa en ny instans och tilldela denna till klassvariabeln self._model. def onnew(self, event): # wxglade: MainWindow.<event_handler> self._model = FlowModel() För att öppna en fil behöver vi visa en standard fildialogruta där användaren kan välja en fil som skall läsas in. wxpython innehåller en sådan klass wx.fileselector. Nedan visas hur metoden onopen() implementerats med hjälp av denna. def onopen(self, event): # wxglade: MainWindow.<event_handler>

5 Menyhändelse för att spara öppna en modell. self._model.filename = wx.fileselector( "Open file", default_extension="*.flw", wildcard="*.flw", flags=wx.fd_open) if self._model.filename!="": self._model.readfromfile() Om användare avbryter dialogrutan returnerar metoden en tom sträng. Parametern flags=wx.fd_open anger att dialogfönstret skall användas för att välja en existerande fil som skall öppnas. Motsvarande flagga för en dialogruta som uppmanar om filnamn för att spara är flags=wx.fd_save. Skapa på motsvarande sätt händelsemetoderna onsave() och onsaveas(). Skapa en tom metod, savetofile(), i modellklassen för att spara modellen till fil (Denna implementeras i nästa arbetsblad). Exekvering av beräkning Beräkningen skall utföras när menyn Beräkning/Starta eller knappen Beräkna väljs. Metoden som är kopplad till dessa metoder är definierad i oncalcstart(). I denna metod skall koden för exekvering av beräkningen flyttas, dvs den kod som i arbetsblad 3 låg i huvudprogrammet för model.py. En flagga läggas till i modellklassen, som sätts till True när en modell har lästs in från fil. Använd denna flagga i oncalcstart() för att se till att beräkningen inte exekveras utan inlästa data. Fönster för resultatrapport Klicka på Application Skapa en wxframe med klassnamnet ReportWindow Flik Common Ange namnet till reportwindow Sätt Size till 700,500 Flik Widget Sätt Title = Report Window Lägg till en TextCtrl Flik Common Sätt namn till reporttext Sätt Font till Courier New/Consolas 11 Flik Layout

6 Sätt proportion till 1 Sätt wxexpand Flik Widget Sätt wxte_multiline, wxte_rich2, wxte_readonly Trädvyn. Klicka på Application. Spara. Välj Generate code. För att kunna använda fönsterklassen, ReportWindow, måste modulen för denna importeras från MainWindow.py. # * coding: utf 8 * # generated by wxglade on Sun Apr 19 16:39: import wx from model import * from ReportWindow import * För att kunna använda den nya klassen måste denna instantieras. Detta görs lämpligtvis i onshow Report() metoden. Ett fönster i wxpython visas inte bara för att en instans av det skapats, utan metoden Show() måste anropas för att visa det på skärmen. Koden blir då: def onshowreport(self, event): # wxglade: MainWindow.<event_handler> self._reportwindow = ReportWindow(self, 1) self._reportwindow.show() För att kunna presentera en resultatrapport måste metoden createreport() i model.py modifieras så att all utdata skrivs till en fil istället för till skärmen. En klassvariabel läggs också till i modellklassen för att lagra filnamnet till den genererade rapporten. print kommandot är inte tillgängligt för att skriva till fil utan write() metoden för filklassen används istället. Följande exempel visar hur data kan skrivas till fil. def createreport(self): reportfile = open(self.reportfilename, "w") reportfile.write("element koordinater\n\n") reportfile.write( "%5s %10s %10s %10s %10s %10s %10s\n" % ("Elnr", "x1(m)", "x2(m)", "x3(m)", "y1(m)", "y2(m)", "y3(m)") ) i = 1 for elx, ely in zip(self._ex, self._ey): reportfile.write( "%05d %10.2f %10.2f %10.2f %10.2f %10.2f %10.2f\n" % (i, elx[0], elx[1], elx[2], ely[0], ely[1], ely[2]) ) i+=1 Lägg märke till att \n används för att göra radbrytningar i utskrifter när write() metoden används.

7 Uppritning av geometri När programmet läst in indata skall geometrin visas i huvudfönstret. För att kunna implementera uppritningen av detta måste en wxpanel kontroll läggas till huvudfönstret. Välj sizer1 i trädvyn och ändra namnet till mainsizer. En sizer är en kontroll som själv innehåller andra kontroller. Klicka på wxpanel kontrollen i verktygslådan. Figur 4 wxpanel kontroll Klicka sedan på det streckade området i huvudfönstret för att placera kontrollen. Ge kontrollen namnet mainpanel (i property fönstret). Sätt också bakgrundsfärgen till vit genom att ange egenskapen Background = #ffffff. Om allt fungerat skall fönstret se ut som i följande figur: Figur 5 Fönster med wxpanel För att kunna rita på mainpanel måste först två stycken händelsemetoder skapas och knytas till händelser. Uppritningen skall ske i metoden onpaint(). Metoden har som parameter variabeln event. wxpython fyller denna variabel med information om den aktuella händelsen. def onpaint(self, event): Uppritningshändelse för fönster. dc = wx.paintdc(self.mainpanel) gc = wx.graphicscontext.create(dc) # Rita linjer gc.setpen(wx.pen('blue',1))

8 gc.strokeline(20,20,150,150) # Rita punkter gc.setpen(wx.nullpen) gc.setbrush(wx.brush('red')) gc.setfont(self._font) gc.drawellipse(50, 50, 20, 20) gc.drawtext(u"det är kul att rita i wxpython", 50, 50) För att metoden skall utföra uppritning måste den kopplas till en händelse. Detta görs med metoden Bind() för kontrollen mainpanel i metoden _oninitapp(). På samma gång skapas också klassvariablen self._font som behövs för uppritningen in onpaint(). # Skapa en font för att rita med self._font = wx.font(10, wx.swiss, wx.normal, wx.bold, False, "Arial") # Koppla uppritning och omskalningshändelser till metoder. self.mainpanel.bind(wx.evt_paint, self.onpaint) För att kunna skala om uppritningen i fönstret då detta ändrar storlek måste ytterligare en händelsemetod skapas och kopplas, onsize(). Denna metod kommer att anropas varje gång fönstret ändrar storlek. Storleken på det uppdaterade fönstret kan hämtas med metoden GetSize() i event variabeln. def onsize(self, event): Storleksändringshändelse för fönster. self._width, self._height = event.getsize() På samma sätt som för onpaint() metoden kopplas händelsemetoden, onsize(), till händelsen med hjälp av Bind() metoden för mainpanel instansen. # Koppla uppritning och omskalningshändelser till metoder. self.mainpanel.bind(wx.evt_paint, self.onpaint) self.mainpanel.bind(wx.evt_size, self.onsize) Nu finns metoderna på plats för att implementera uppritningen av geometri och elementnät. För att rita upp elementnät kan det var bra att Koordinattransformation För att objektet skall ritas upp i lämplig storlek måste en skalning göras. Detta går till så att man bestämmer lägsta och högsta värdet på koordinaterna och till detta lägger en marginal på exempelvis 10% av objektets storlek. På detta sätt bestämmer man x min, y min, x max och y max. Utifrån dessa värden bestämmer man skalfaktor s och translation x 0 och y 0 enligt

9 k Width xmax xmin s = min k Height ymax ymin 1 k x0 = s xmin + Width 2 1 k y0 = Height s ymin Height 2 Koordinater för uppritning kan då bestämmas enligt x y s s = x 0 = y 0 + s x s y Följande figur visar hur koordinatsystemet är definierat i en wxpanel kontroll samt det nya koordinatsystemet för uppritning. y (0,0) (0,width) x s Canvas k * height height (x 0, y 0 ) x (0,height ) (height, widt h) k * width width y s Figur 6 Koordinatsystem i wxpanel kontroll För att hantera koodinattransformationen implementeras en metod, calcscaling(), i MainWindow för beräkning av skalfaktorerna. Variablerna self.width och self.height läggs till init metoden i MainWindow. Variablerna kommer att innehålla stoleken på fönstret. def _initapp(self): # < bortklippt kod > # Koppla uppritning och omskalningshändelser till metoder.

10 self._width, self._height = self.mainpanel.getsize() self.mainpanel.bind(wx.evt_paint, self.onpaint) self.mainpanel.bind(wx.evt_size, self.onsize) def calcscaling(self): Beräkna skalfaktorer för uppritning. limits = self._flowmodel.limits self._k = 0.8 # < bortklippt kod > self._x0 =... self._y0 =... För att förenkla hanteringen av koordinattransformationerna kan det vara lämpligt att implementera en metod som konverterar från verkliga koordinater till skärmkoordinater. Denna kan ha följande principiella utseende (Implementerad i MainWindow): def worldtoscreen(self, x, y): return ( {skärmkoordinat x}, {skärmkoordinat y}) Där {skärmkoodinat x} och {skärmkoodinat x} ersätts med beräkningar för skärmkoordinater. Skalfaktorerna beräknade tidigare är beroende av storleken på fönstret. Eftersom fönstrets storlek kan ändras av användaren måste detta också hanteras av programmet. Vi har tidigare implementerat metoden onsize() och nu utökas denna metod med ett anrop till calcscaling(). Uppritning def onsize(self, event): Storleksändringshändelse för fönster. self._width, self._height = event.getsize() self.calcscaling() Eftersom programmet skall kunna rita upp ett antal olika saker skapas en variabel self._drawmode, samt ett antal konstanter som anger olika typer av uppritning. Denna anger vilken typ av uppritning som skall göras. När programmet startas är self._drawmode satt till self.dm_none för att ingen uppritning skall göras. def _initapp(self): Initiera program variabler. # < borklippt kod > # Uppritningsvariabler self._width, self._height = self.mainpanel.getsize() self.dm_geometry = 0 self.dm_mesh = 1

11 self.dm_flow = 2 self.dm_scalar = 3 self.dm_none = 1 self._drawmode = self.dm_geometry # Koppla uppritning och omskalningshändelser till metoder. self.mainpanel.bind(wx.evt_paint, self.onpaint) self.mainpanel.bind(wx.evt_size, self.onsize) Uppritningen i formuläret implementeras lämpligen i metoden, onpaint(), i MainWindow. def onpaint(self, event): Uppritningshändelse för fönster. dc = wx.paintdc(self.mainpanel) gc = wx.graphicscontext.create(dc) self.calcscaling() if self._drawmode == self.dm_geometry: self.drawgeometry(gc) if self._drawmode == self.dm_mesh: self.drawmesh(gc) if self._drawmode == self.dm_flow: self.drawmesh(gc) self.drawflow(gc) För att inte överlasta onpaint() metoden med kod delas denna upp i fler metoder för uppritning. Lägg märke till att GraphicsContext variabeln, gc, skickas med anropen till de olika metoderna. Detta medför att metoderna för uppritning inte bara kan användas för uppritning till skärmen utan också kan användas för att göra uppritning till skrivare. Implementera metoder för uppritning av geometri, elementnät och elementflöde (huvudspänningar för plan spänning) Redovisning Redovisningen av uppgiften skall innehålla: Programlista Beskrivning av indataformat Skärmdumpar (Alt+Print Screen)