Python oktatás


Edigraph
Egy grafikus interface lépésről lépésre történő felépítése a Tkinter modul segítségével

Kulcsszavak : Tkinter Írás típusa : példaprogram

Publikálás dátuma: 2007-10-28 18:44:18 daroczy
Módosítás dátuma: 2008-06-25 13:03:35

A példaprogramot Henri Garreta Bevezetés a programozásba – Python nyelv címmmel az Université de la Méditerranée – Faculté des Sciences de Luminy -n tartott kurzusának website-járól vettem át a szerző szíves engedélyével.

A következő példa célja a Tkinter - a Python rendelkezésére álló legjelentősebb - grafikus könyvtár fő elemeinek bemutatása egy (nagyon) szerény gráfszerkesztő, vagyis egy olyan program lépésről-lépésre történő megkonstruálásán keresztül, ami lehetővé teszi címkével ellátott csúcsokból és élekből álló gráfok létrehozását. Végső állapotában az alkalmazás a következő megjelenésű:

0. lépés

Célkitűzés : Kiindulni: a lehető legkisebb grafikus interface-ű alkalmazásból. Nyilvánvalóan semmit sem fog csinálni, de működőképes lesz! (az egérkattintásra reagálni fog):

 
 1
 2
 3
 4
 5
 6
 

from Tkinter import *

application = Tk()
application.title("Edigraph 0")

application.mainloop()
 

Magyarázatok: A grafikus környezetek többségében minden egyes alkalmazás egy főframe-hez van kapcsolva: a fenti kép egy ilyen frame-nek az elemeit mutatja: a címsort, a négy gombot (egyet bal- és hármat jobboldalon) a hozzájuk kapcsolt funkciókkal. Ez a keret ad egyben lehetőséget a manuális átméretezésre (az oldalak illetve a sarkok elmozdítására).

A Tkinter-ben egy főframe a Tk class egy objektuma (a Tk() kifejezés ezen class constructorának a hívása). Az application névadás különösen célszerű, mert ez a frame szoros kapcsolatban van az alkalmazással és a felhasználó szemében az alkalmazást reprezentálja.

Ez a program a lehető legegyszerűbb, - viszont bemutatja a grafikus interface-ek jellemzőit - ami meglehetősen zavarba ejtő amikor először találkozunk vele : az alkalmazás működésének a lényegi része a Tkinter által szolgáltatott mainloop függvényben van elrejtve, úgy tűnik tehát, hogy kisiklik a programozó kezei közül. Tehát az alkalmazás a grafikus interface elemek létrehozásának (esetünkben az : application=Tk()) többé-kevésbé fontos művelete és ezen elemek konfigurációja (esetünkben : application.title("Edigraph 0")) után belemerül a mainloop -ban elrejtett eseményfigyelő hurokba, mintha elszunnyadt volna azon eseményekre várva, amiket majd a felhasználó generál az egérrel, a klaviatúrával, stb. Azt mondjuk, hogy az alkalmazás eseményvezérelt ( esemény-programozás ról is beszélnek).

Következésként, amint azt a példaprogram menetében látni fogjuk, az alkalmazás "algoritmikus" részét különálló függvényekre fogjuk szétszedni, amiket az alkalmazás a felhasználói interface által detektált eseményekre válaszul fog hívni.

1. lépés

Célkitűzés : Az általános térbeli elrendezés tanulmányozásához három, átmenetileg üres és színes panelt helyezünk el:

 
  1
  2
  3
  4
  5
  6
  7
  8
  9
 10
 11
 12
 13
 14
 15
 16
 

from Tkinter import *

application = Tk()
application.title("Edigraph 1")

canvas = Canvas(application, bg="#C8FFFF", width=400, height=400)
canvas.pack(side=RIGHT, fill=BOTH, expand=True, padx=2, pady=2)

paneUpper = Frame(application, width=150, height = 200,
           padx=4, pady=4, bd=2, relief = RIDGE)
paneUpper.pack(side=TOP)

paneLower = Frame(application, bg='red')
paneLower.pack(side=BOTTOM, fill=BOTH, expand=True)

application.mainloop()
 

Magyarázatok: Létrehoztunk egy Canvas -t (a canvas változó reprezentálja) és két Frame -et (paneUpper és paneLower változók). Egy Canvas (vászon) olyan grafikus műveleteket tesz lehetővé, mint egyenesek, görbék, sík felületek, stb. rajzolását. Ezzel szemben egy Frame -nek lehet kerete, de csak más widget-ek konténereként szolgál.

Kivétel nélkül minden widget-et egy olyan művelettel hozunk létre, aminek első argumentuma egy parent (szülő) widget (esetünkben az application ). Így egy grafikus interface widget-jei - kivétel nélkül - egy egyedi fastruktúrába vannak szervezve, aminek a gyökere a főframe ( a Tk objektum). Egy adott widget szülője tartalmazza (grafikai szempontból, az az a képernyőn) az illető widget-et; ráadásul a szülő lerombolása maga után vonja a kérdéses widget lerombolását.

A fent bemutatott constructor-ok argumentumai :

argumentumjelentése
bg (background) a widget RGB-rendszerben megadott háttérszíne, (az az a piros, a zöld és a kék szín intenzitását egy 0 és 255 közé eső egészekből alkotott számhármassal adjuk meg). Ezeket a számokat különösen kényelmes hexadecimális formában megadni, mert azok egymásutáni pozíciója nyilvánvaló : #C8FFFF jelentése : 200 (C8 hexadecimális érték) piros, 255 (FF hexadecimális érték) zöld és 255 kék.
width, height a widget szélessége és magassága
padx, pady függőleges és vízszintes térkitöltés (az az a szegélyt a tartalomtól elválasztó rész méretei)
bd a szegély vastagsága
relief a szegély formája (RIDGE = gerinc)

Minden widget-et el kell helyezzünk a szülő-widget-ében, miután létrehoztuk, ezt teszi a pack metódus, melynek néhány argumentuma :

argumentumjelentése
side a szülő-widget-nek az az oldala, amelyik mellé kell tenni a szóban forgó widget-et
expand kell-e nagyítani a widget-et, amikor a szülő-widget-et nagyítjuk ?
fillmely irányokba nő a widget mérete (amikor a szülő-widget-et nagyítjuk)
padx, pady térkitöltés (az az a widget és a szülő-widget közötti térrész mérete)

Jegyezzük meg, hogy a widget-ek elhelyezésének sorrendje egyáltalán nem közömbös : minden widget az előtte elhelyezett widget-ek által szabadon hagyott helyre kerül.

2. lépés

Célkitűzés : Ez a lépés csak arra szolgál, hogy ne felejtsünk a főablak aljára egy állapotsort tenni:

 
  1
  2
  3
  4
  5
  6
  7
  8
  9
 10
 11
 12
 13
 14
 15
 16
 17
 18
 19
 20
 21
 22
 23
 

#! /usr/bin/env python
# -*- coding: iso-8859-2 -*-

from Tkinter import *

application = Tk()
application.title("Edigraph 2")

statusBar = Label(application, text="Ide hamarosan help szöveg jön",
           bd=1, relief=SUNKEN, anchor=W)
statusBar.pack(side=BOTTOM, fill=X)

canvas = Canvas(application, bg="#C8FFFF", width=400, height=400)
canvas.pack(side=RIGHT, fill=BOTH, expand=True, padx=2, pady=2)

paneUpper = Frame(application, width=150, height = 200,
           padx=4, pady=4, bd=2, relief = RIDGE)
paneUpper.pack(side=TOP)

paneLower = Frame(application, bg='red')
paneLower.pack(side=BOTTOM, fill=BOTH, expand=True)

application.mainloop()
 

Magyarázatok: Itt nincs szükség sok magyarázatra. Létrehozunk egy Label objektumot "Ide hamarosan help szöveg jön"szöveggel, vékony (bd=1) és süllyesztett (SUNKEN) kerettel, nyugati irányba horgonyozva (vagyis a szöveg balra lesz igazítva).

Jegyezzük meg, hogy jelentősége van annak, hogy milyen sorrendben hívjuk a pack utasításokat : minden elem az elhelyezés pillanatában rendelkezésre álló térrészhez képpest helyezkedik el. Például a statusBar.pack(...) kifejezést a canvas.pack(...) vagy a paneUpper.pack(...) után írva, az előző elrendezés helyett a következőt kapnánk :

Még rosszabb a helyzet, ha a statusBar.pack(...) kifejezést hátra írtuk volna. vagyis a paneLower.pack(...) után. Ez esetben a következő lrendezést kapnánk :

3. lépés

Célkitűzés : Megjelenik a currentState (pillanatnyi állapot) változóval szinkronizált három rádiógomb (radiobutton): a Vertex létrehozása, Él létrehozása, Címke definiálása

 
  1
  2
  3
  4
  5
  6
  7
  8
  9
 10
 11
 12
 13
 14
 15
 16
 17
 18
 19
 20
 21
 22
 23
 24
 25
 26
 27
 28
 29
 30
 31
 32
 33
 34
 35
 36
 37
 38
 39
 40
 41
 42
 43

#! /usr/bin/env python
# -*- coding: iso-8859-2 -*-

from Tkinter import *

STATE_CREATION_VERTEX = 'createVertex'
STATE_CREATION_LINE = 'createLine'
STATE_DEFINITION_ETIQUETTE = 'modifLabel'

application = Tk()
application.title("Edigraph 3")

currentState = StringVar(application)
currentState.set(STATE_CREATION_VERTEX)

statusBar = Label(application, text="Ide hamarosan help szöveg jön",
           bd=1, relief=SUNKEN, anchor=W)
statusBar.pack(side=BOTTOM, fill=X)

canvas = Canvas(application, bg="#C8FFFF", width=400, height=400)
canvas.pack(side=RIGHT, fill=BOTH, expand=True, padx=2, pady=2)

paneUpper = Frame(application, width=150, height = 200,
           padx=4, pady=4, bd=2, relief = RIDGE)
paneUpper.pack(side=TOP)

lab = Label(paneUpper, text="Balegérgomb :")
lab.grid(row=0, sticky=W)

rb = Radiobutton(paneUpper, variable=currentState, text='Vertex létrehozása',
               value=STATE_CREATION_VERTEX)
rb.grid(row=1, sticky=W)
rb = Radiobutton(paneUpper, variable=currentState, text='Él létrehozása',
               value=STATE_CREATION_LINE)
rb.grid(row=2, sticky=W)
rb = Radiobutton(paneUpper, variable=currentState, text='Címke definiálása',
               value=STATE_DEFINITION_ETIQUETTE)
rb.grid(row=3, sticky=W)

paneLower = Frame(application, bg='red')
paneLower.pack(side=BOTTOM, fill=BOTH, expand=True)

application.mainloop()
 

Magyarázatok : Itt több érdekes újdonság van. Négy új widget-et - egy Label (a lab változó értéke) és három Radiobutton (az rb változó egymást követő értékei) - generálunk. Jegyezzük meg, hogy ezeknek a widget-eknek nem az általános keret (a Tk objektum, ami az application változó értéke), hanem a panneauSup változóhoz rendelt Frame objektum a szülője.

Következésként ezeknek a widget-eknek a pozícionálása nem az alkalmazás frame-jéhez viszonyítva történik, hanem a balfelső kis frame-hez képpest. Ezeket a műveleteket a grid geometria manager hajtja végre, ami jelen esetben egy 4 soros és 1 oszlopos rácsot (row=0, ... row=3) definiál, mivel semmilyen oszlopszám nincs expliciten megadva. A sticky=W paraméter jelzi, hogy amikor a rács cellája nagyobb, mint a widget, amit tartalmaz, akkor az utóbbi a cella baloldali falához tapad (W jelentése : West ).

Egy radio button -csoport egy "szinkronizált" jelölőnégyzet együttes abban az értelemben, hogy amikor kiválasztunk egy jelölőnégyzetet, akkor az a jelölőnégyzet, amelyik kivolt jelölve, megszűnik kijelöltnek lenni (mint a rádiók sávváltasztója). Ez a szinkronizálás a currentState változóhoz rendelt StringVar objektumon keresztül történik, mely változót minden egyes radio button létrehozásakor argumentumként adunk meg : amikor kiválasztunk egy gombot, akkor a gombhoz rendelt értéket (amit a a gomb létrehozásakor a value paraméter definiál) a StringVar objektumhoz rendeljük, ami úgy reagál erre a változásra, hogy kiugratja azt a nyomógombot, ami eddig be volt nyomva.

Jegyezzük meg, hogy a neve ellenére egy StringVariable objektum nem egy közönséges Python-változó, hanem egy karakterláncot tartalmazó valódi widget, ami képes detektálni az őt érintő változásokat és jelezni az ilyen eseményeket más widget-eknek. Így amikor megjelölünk egy gombot, akkor ez az esemény előidézi a gombhoz kapcsolt StringVariable értékének a megváltozását, ami viszont az előzőleg megjelölt gomb kioldását idézi elő. Amikor létrehoztuk a StringVariable objektumot, hozzárendeltük a currentState változóhoz, ez utóbbi egy szokványos Python-változó.

4. lépés

Detektáljuk a rádiógombokon történő kattintásokat, hogy frissítsük az állapotsorba kiírt szöveget ::

 
  1
  2
  3
  4
  5
  6
  7
  8
  9
 10
 11
 12
 13
 14
 15
 16
 17
 18
 19
 20
 21
 22
 23
 24
 25
 26
 27
 28
 29
 30
 31
 32
 33
 34
 35
 36
 37
 38
 39
 40
 41
 42
 43
 44
 45
 46
 47
 48
 49
 50
 51
 52
 53
 54
 55
 56
 57

#! /usr/bin/env python
# -*- coding: iso-8859-2 -*-

from Tkinter import *

STATE_CREATION_VERTEX = 'createVertex'
STATE_CREATION_LINE = 'createLine'
STATE_DEFINITION_ETIQUETTE = 'modifLabel'

HELP_CREATION_VERTEX = "Vertex létrehozása : kattints a hely meghatározásához"
HELP_CREATION_LINE = "Él létrehozása : kattints a kezdőpont definiálásához"
HELP__DEFINITION_ETIQUETTE = "Címke definiálása : jelölje meg a csúcsot"

application = Tk()
application.title("Edigraph 4")

currentState = StringVar(application)
currentState.set(STATE_CREATION_VERTEX)

def checkBoxCreateVertex():
   statusBar.config(text=HELP_CREATION_VERTEX)

def checkBoxCreateLine():
   statusBar.config(text=HELP_CREATION_LINE)

def checkBoxDefEtiquette():
   statusBar.config(text=HELP__DEFINITION_ETIQUETTE)

statusBar = Label(application, text=HELP_CREATION_VERTEX,
           bd=1, relief=SUNKEN, anchor=W)    
statusBar.pack(side=BOTTOM, fill=X)    

canvas = Canvas(application, bg="#C8FFFF", width=400, height=400)
canvas.pack(side=RIGHT, fill=BOTH, expand=True, padx=2, pady=2)

paneUpper = Frame(application, width=150, height = 200,
           padx=4, pady=4, bd=2, relief = RIDGE)
paneUpper.pack(side=TOP)

lab = Label(paneUpper, text="Balegérgomb :")
lab.grid(row=0, sticky=W)

rb = Radiobutton(paneUpper, variable=currentState, text='Vertex létrehozása',
               value=STATE_CREATION_VERTEX, command=checkBoxCreateVertex)

rb.grid(row=1, sticky=W)
rb = Radiobutton(paneUpper, variable=currentState, text='Él létrehozása',
               value=STATE_CREATION_LINE, command=checkBoxCreateLine)
rb.grid(row=2, sticky=W)
rb = Radiobutton(paneUpper, variable=currentState, text='Címke definiálása',
               value=STATE_DEFINITION_ETIQUETTE, command=checkBoxDefEtiquette)
rb.grid(row=3, sticky=W)

paneLower = Frame(application, bg='red')
paneLower.pack(side=BOTTOM, fill=BOTH, expand=True)

application.mainloop()
 
Magyarázatok : Ez nem olyan bonyolult : minden egyes rádiógomb létrehozásakor egy command nevű kiegészítő paraméter adja meg azt a függvényt, amit akkor kell meghívni, amikor a rádiógombra kattintunk. Rádiógombonként a függvények hatása az állapotsor text tulajdonsága (attributum) értékének megváltoztatására korlátozódik.

Ennek apropóján figyeljük meg a config metódus alkalmazását. Minden widgetnek van config metódusa, ami gyakorlatilag lehetővé teszi a widget bármelyik tulajdonsága (a dokumentáció az opció kifejezést használja) értékének a megadását. Tehát három féle módon lehet inicializálni vagy megváltoztatni ezeket a tulajdonságokat :


- a widget létrehozásakor a konstruktor paramétermegadásával. Példa :
lab=Label(panneauSup, text="Bouton gauche :")

- a config metódus - melynek argumentumai gyakorlatilag megegyeznek a konstruktor argumentumaival - egy későbbi hívásával. Példa :
statusBar.config(text=HELP_CREATION_VERTEX)

- végül: egyes különösen fontos tulajdonságok saját metódus segítségével is definiálhatók. Példa :
application.title("Edigraph 4")

5. lépés

A baloldali egérgomb kattintásainak detektálása a vásznon (canvas). (A távlati cél: felhasználás csúcsok és élek generálására.)

 
  1
  2
  3
  4
  5
  6
  7
  8
  9
 10
 11
 12
 13
 14
 15
 16
 17
 18
 19
 20
 21
 22
 23
 24
 25
 26
 27
 28
 29
 30
 31
 32
 33
 34
 35
 36
 37
 38
 39
 40
 41
 42
 43
 44
 45
 46
 47
 48
 49
 50
 51
 52
 53
 54
 55
 56
 57
 58
 59
 60
 61
 62
 63
 64
 65
 66
 67
 68
 69
 70
 71

#! /usr/bin/env python
# -*- coding: iso-8859-2 -*-

from Tkinter import *

STATE_CREATION_VERTEX = 'createVertex'
STATE_CREATION_LINE = 'createLine'
STATE_DEFINITION_ETIQUETTE = 'modifLabel'

HELP_CREATION_VERTEX      = "Vertex létrehozása : kattints a hely meghatározásához"
HELP_CREATION_LINE = "Él létrehozása : kattints a kezdőpont definiálásához"
HELP__DEFINITION_ETIQUETTE = "Címke definiálása : jelölje meg a csúcsot"

R = 3                       # a vertexek sugara
COLOUR_VERTEX = 'black'     # a vertexek színe

application = Tk()
application.title("Edigraph 5")

currentState = StringVar(application)
currentState.set(STATE_CREATION_VERTEX)

def checkBoxCreateVertex():
   statusBar.config(text=HELP_CREATION_VERTEX)

def checkBoxCreateLine():
   statusBar.config(text=HELP_CREATION_LINE)

def checkBoxDefEtiquette():
   statusBar.config(text=HELP__DEFINITION_ETIQUETTE)

def pressButtonLeft(event):
   if currentState.get() == STATE_CREATION_VERTEX:
       createVertex(event.x, event.y)
   elif currentState.get() == STATE_CREATION_LINE:
       print "Az élek létrehozása még nincs implementálva"
   else: # currentState.get() == STATE_DEFINITION_ETIQUETTE
       print "Címke definiálása még nincs implementálva"

statusBar = Label(application, text=HELP_CREATION_VERTEX,
           bd=1, relief=SUNKEN, anchor=W)
statusBar.pack(side=BOTTOM, fill=X)

canvas = Canvas(application, bg="#C8FFFF", width=400, height=400)
canvas.pack(side=RIGHT, fill=BOTH, expand=True, padx=2, pady=2)

canvas.bind('<Button-1>', pressButtonLeft)

paneUpper = Frame(application, width=150, height = 200,
           padx=4, pady=4, bd=2, relief = RIDGE)
paneUpper.pack(side=TOP)

lab = Label(paneUpper, text="Balegérgomb :")
lab.grid(row=0, sticky=W)

rb = Radiobutton(paneUpper, variable=currentState, text='Vertex létrehozása',
               value=STATE_CREATION_VERTEX, command=checkBoxCreateVertex)

rb.grid(row=1, sticky=W)
rb = Radiobutton(paneUpper, variable=currentState, text='Él létrehozása',
               value=STATE_CREATION_LINE, command=checkBoxCreateLine)
rb.grid(row=2, sticky=W)
rb = Radiobutton(paneUpper, variable=currentState, text='Címke definiálása',
               value=STATE_DEFINITION_ETIQUETTE, command=checkBoxDefEtiquette)

rb.grid(row=3, sticky=W)

paneLower = Frame(application, bg='red')
paneLower.pack(side=BOTTOM, fill=BOTH, expand=True)

application.mainloop()
 

Magyarázatok : A csúcsot egy 3 pixel sugarú fekete kör reprezentálja (lásd az R és a COLOUR_VERTEX paramétereket). Az egérrel történő vertex-geneálás három szinten igényel beavatkozást a programba :


- először : valahova be kell jegyezni, hogy amikor a pointer a canvas fölött van, akkor az 1-es egérgomb lenyomása egy bizonyos függvény hívását kell hogy kiváltsa. A « canvas.bind("<Button-1>", pressButtonLeft) » az az utasítás, amelyik megtesz egy ilyen bejegyzést. A "<button-1>" karakterlánc a hagyományos reprezentációja az « első egérgomb lenyomása » (vagyis a balegérgomb) eseménynek; pressButtonLeft a szóban forgó függvény neve;

- utána : meg kell írni a pressButtonLeft függvényt úgy, hogy az vegye figyelembe azt a tényt, hogy ugyanannak az eseménynek (a balegérgomb lenyomásának) más lesz a hatása az aktuálisan kiválasztott rádiógombnak megfelelően. Mivel a currentState objektum az, ami felvilágosítást ad a rádiógombok állapotáról, ezért a fönt bemutatott kódot kapjuk

- végül, írni kell egy függvényt, ami a specifikusan a vertex létrehozásával foglalkozik; ezt a függvényt annak a pontnak a koordinátáival hívjuk, amelyik ponton az egérrel generáljuk az eseményt; és ez a függvény tartalmazza a canvas createOval metódusának a hívását.

6. lépés

A csúcs és élgenerálás implementálása (a createVertex(x, y) és a createLine(orig, endP) függvények) . Be kell vezetni egy új állapotot, ami annak a körülménynek a jellemzésére szolgál, hogy már kiválasztottuk a csúcsot, ami az élnek az egyik végpontja és hogy a következő kattintás a másik végpontot fogja definiálni.

 
  1
  2
  3
  4
  5
  6
  7
  8
  9
 10
 11
 12
 13
 14
 15
 16
 17
 18
 19
 20
 21
 22
 23
 24
 25
 26
 27
 28
 29
 30
 31
 32
 33
 34
 35
 36
 37
 38
 39
 40
 41
 42
 43
 44
 45
 46
 47
 48
 49
 50
 51
 52
 53
 54
 55
 56
 57
 58
 59
 60
 61
 62
 63
 64
 65
 66
 67
 68
 69
 70
 71
 72
 73
 74
 75
 76
 77
 78
 79
 80
 81
 82
 83
 84
 85
 86
 87
 88
 89
 90
 91
 92
 93
 94
 95
 96
 97
 98
 99
100
101
102
103
104
105
106
107
108
109

#! /usr/bin/env python
# -*- coding: iso-8859-2 -*-

from Tkinter import *

STATE_CREATION_VERTEX      = 'createVertex'
STATE_CREATION_LINE = 'createLine'
ETAT_SUITE_CREATION_ARETE = 'suiteCreationArete'
STATE_DEFINITION_ETIQUETTE = 'modifLabel'

HELP_CREATION_VERTEX      = "Vertex létrehozása : kattints a hely meghatározásához"
HELP_CREATION_LINE = "Él létrehozása : kattints a kezdőpont definiálásához"
AIDE_SUITE_CREATION_ARETE = "Él létrehozása : kattints a végpontok definiálásához"
HELP__DEFINITION_ETIQUETTE = "Címke definiálása : jelölje meg a csúcsot"

R = 3                       # rayon des sommets   a vertexek sugara
COLOUR_VERTEX = 'black'     # couleur des sommets   a vertexek színe

application = Tk()
application.title("Edigraph 6")

currentState = StringVar(application)
currentState.set(STATE_CREATION_VERTEX)

def neighbourVertex(x, y):
   pres = 10
   objets = canvas.find_enclosed(x - pres, y - pres, x + pres, y + pres)
   if len(objets) > 0:    # ha van...
       return objets[0]   # ...akkor az elsőt vesszük
   else:
       return None

def createVertex(x, y):
   vertex = canvas.create_oval(x - R, y - R, x + R, y + R,
               fill = COLOUR_VERTEX, width = 0)

def checkBoxCreateVertex():
   statusBar.config(text=HELP_CREATION_VERTEX)

def checkBoxCreateLine():
   statusBar.config(text=HELP_CREATION_LINE)

def checkBoxDefEtiquette():
   statusBar.config(text=HELP__DEFINITION_ETIQUETTE)

def centre(vertex):
   a, b, c, d = canvas.coords(vertex)
   return (a + c) / 2, (b + d) / 2

def createLine(orig, endP):
   x0, y0 = centre(orig)
   x1, y1 = centre(endP)
   line_ = canvas.create_line(x0, y0, x1, y1)

def pressButtonLeft(event):
   global vertexSelected

   if currentState.get() == STATE_CREATION_VERTEX:
       createVertex(event.x, event.y)
   
   elif currentState.get() == STATE_CREATION_LINE:
       s = neighbourVertex(event.x, event.y)
       if s != None:
           vertexSelected = s
           currentState.set(ETAT_SUITE_CREATION_ARETE)
           statusBar.config(text=AIDE_SUITE_CREATION_ARETE)

   elif currentState.get() == ETAT_SUITE_CREATION_ARETE:
       s = neighbourVertex(event.x, event.y)
       if s != None:
           createLine(vertexSelected, s)
           currentState.set(STATE_CREATION_LINE)
           statusBar.config(text=HELP_CREATION_LINE)

   else: # currentState.get() == STATE_DEFINITION_ETIQUETTE
       print "Címke definiálása még nincs implementálva"

statusBar = Label(application, text=HELP_CREATION_VERTEX,
           bd=1, relief=SUNKEN, anchor=W)
statusBar.pack(side=BOTTOM, fill=X)

canvas = Canvas(application, bg="#C8FFFF", width=400, height=400)
canvas.pack(side=RIGHT, fill=BOTH, expand=True, padx=2, pady=2)

canvas.bind('<Button-1>', pressButtonLeft)

paneUpper = Frame(application, width=150, height = 200,
           padx=4, pady=4, bd=2, relief = RIDGE)
paneUpper.pack(side=TOP)

lab = Label(paneUpper, text="Balegérgomb :")
lab.grid(row=0, sticky=W)

rb = Radiobutton(paneUpper, variable=currentState, text='Vertex létrehozása',
               value=STATE_CREATION_VERTEX, command=checkBoxCreateVertex)

rb.grid(row=1, sticky=W)
rb = Radiobutton(paneUpper, variable=currentState, text='Él létrehozása',
               value=STATE_CREATION_LINE, command=checkBoxCreateLine)
rb.grid(row=2, sticky=W)
rb = Radiobutton(paneUpper, variable=currentState, text='Címke definiálása',
               value=STATE_DEFINITION_ETIQUETTE, command=checkBoxDefEtiquette)

rb.grid(row=3, sticky=W)

paneLower = Frame(application, bg='red')
paneLower.pack(side=BOTTOM, fill=BOTH, expand=True)

application.mainloop()

Megjegyzés : az ellipszis definiálásához a createOval metódus argumentumai között azon téglalap balfelső és jobbalsó csúcsának koordinátáit adjuk meg, amelyikbe az ellipszis beírható:

7. lépés

A jobb egérgombbal a csúcsokra kattintva képesek leszünk áthelyezni őket. (Kellemetlen meglepetés : az élek nem követik a csúcsokat !)

 
  1
  2
  3
  4
  5
  6
  7
  8
  9
 10
 11
 12
 13
 14
 15
 16
 17
 18
 19
 20
 21
 22
 23
 24
 25
 26
 27
 28
 29
 30
 31
 32
 33
 34
 35
 36
 37
 38
 39
 40
 41
 42
 43
 44
 45
 46
 47
 48
 49
 50
 51
 52
 53
 54
 55
 56
 57
 58
 59
 60
 61
 62
 63
 64
 65
 66
 67
 68
 69
 70
 71
 72
 73
 74
 75
 76
 77
 78
 79
 80
 81
 82
 83
 84
 85
 86
 87
 88
 89
 90
 91
 92
 93
 94
 95
 96
 97
 98
 99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131

#! /usr/bin/env python
# -*- coding: iso-8859-2 -*-

from Tkinter import *

STATE_CREATION_VERTEX = 'createVertex'
STATE_CREATION_LINE = 'createLine'
ETAT_SUITE_CREATION_ARETE = 'suiteCreationArete'
STATE_DEFINITION_ETIQUETTE = 'modifLabel'

HELP_CREATION_VERTEX      = "Vertex létrehozása : kattints a hely meghatározásához"
HELP_CREATION_LINE = "Él létrehozása : kattints a kezdőpont definiálásához"
AIDE_SUITE_CREATION_ARETE = "Él létrehozása : kattints a végpontok definiálásához"
HELP__DEFINITION_ETIQUETTE = "Címke definiálása : jelölje meg a csúcsot"

R = 3                       # rayon des sommets   a vertexek sugara
COLOUR_VERTEX = 'black'     # couleur des sommets   a vertexek színe

vertexToMove = None  # (néha) a csúcsot éppen áthelyezzük

application = Tk()
application.title("Edigraph 7")

currentState = StringVar(application)
currentState.set(STATE_CREATION_VERTEX)

def neighbourVertex(x, y):
   pres = 10
   objets = canvas.find_enclosed(x - pres, y - pres, x + pres, y + pres)
   if len(objets) > 0:    # ha van...
       return objets[0]   # ...akkor az elsőt vesszük
   else:
       return None

def createVertex(x, y):
   vertex = canvas.create_oval(x - R, y - R, x + R, y + R,
               fill = COLOUR_VERTEX, width = 0)

def checkBoxCreateVertex():
   statusBar.config(text=HELP_CREATION_VERTEX)

def checkBoxCreateLine():
   statusBar.config(text=HELP_CREATION_LINE)

def checkBoxDefEtiquette():
   statusBar.config(text=HELP__DEFINITION_ETIQUETTE)

def centre(vertex):
   a, b, c, d = canvas.coords(vertex)
   return (a + c) / 2, (b + d) / 2

def createLine(orig, endP):
   x0, y0 = centre(orig)
   x1, y1 = centre(endP)
   line_ = canvas.create_line(x0, y0, x1, y1)

def pressButtonLeft(event):
   global vertexSelected

   if currentState.get() == STATE_CREATION_VERTEX:
       createVertex(event.x, event.y)

   elif currentState.get() == STATE_CREATION_LINE:
       s = neighbourVertex(event.x, event.y)
       if s != None:
           vertexSelected = s
           currentState.set(ETAT_SUITE_CREATION_ARETE)
           statusBar.config(text=AIDE_SUITE_CREATION_ARETE)

   elif currentState.get() == ETAT_SUITE_CREATION_ARETE:
       s = neighbourVertex(event.x, event.y)
       if s != None:
           createLine(vertexSelected, s)
           currentState.set(STATE_CREATION_LINE)
           statusBar.config(text=HELP_CREATION_LINE)

   else: # currentState.get() == STATE_DEFINITION_ETIQUETTE
       print "Címke definiálása még nincs implementálva"

def moveVertex(x, y):
   canvas.coords(vertexToMove, x - R, y - R, x + R, y + R)

def pressButtonRight(event):
   global vertexToMove
   s = neighbourVertex(event.x, event.y)
   if s != None:
       vertexToMove = s

def moveButtonRight(event):
   if vertexToMove != None:
       moveVertex(event.x, event.y)

def releaseButtonRight(event):
   global vertexToMove
   vertexToMove = None

statusBar = Label(application, text=HELP_CREATION_VERTEX,
           bd=1, relief=SUNKEN, anchor=W)
statusBar.pack(side=BOTTOM, fill=X)

canvas = Canvas(application, bg="#C8FFFF", width=400, height=400)
canvas.pack(side=RIGHT, fill=BOTH, expand=True, padx=2, pady=2)

canvas.bind('<Button-1>', pressButtonLeft)
canvas.bind('<Button-3>', pressButtonRight)
canvas.bind('<B3-Motion>', moveButtonRight)
canvas.bind('<ButtonRelease-3>', releaseButtonRight)

paneUpper = Frame(application, width=150, height = 200,
           padx=4, pady=4, bd=2, relief = RIDGE)
paneUpper.pack(side=TOP)

lab = Label(paneUpper, text="Balegérgomb :")
lab.grid(row=0, sticky=W)

rb = Radiobutton(paneUpper, variable=currentState, text='Vertex létrehozása',
               value=STATE_CREATION_VERTEX, command=checkBoxCreateVertex)

rb.grid(row=1, sticky=W)
rb = Radiobutton(paneUpper, variable=currentState, text='Él létrehozása',
               value=STATE_CREATION_LINE, command=checkBoxCreateLine)
rb.grid(row=2, sticky=W)
rb = Radiobutton(paneUpper, variable=currentState, text='Címke definiálása',  
               value=STATE_DEFINITION_ETIQUETTE, command=checkBoxDefEtiquette)

rb.grid(row=3, sticky=W)

paneLower = Frame(application, bg='red')
paneLower.pack(side=BOTTOM, fill=BOTH, expand=True)

application.mainloop()

 

8. lépés

Összekapcsoljuk a csúcsokat és az éleket annak érdekében, hogy az előbbiek elmozdulása maga után vonja az utóbbiak módosulását.

 
  1
  2
  3
  4
  5
  6
  7
  8
  9
 10
 11
 12
 13
 14
 15
 16
 17
 18
 19
 20
 21
 22
 23
 24
 25
 26
 27
 28
 29
 30
 31
 32
 33
 34
 35
 36
 37
 38
 39
 40
 41
 42
 43
 44
 45
 46
 47
 48
 49
 50
 51
 52
 53
 54
 55
 56
 57
 58
 59
 60
 61
 62
 63
 64
 65
 66
 67
 68
 69
 70
 71
 72
 73
 74
 75
 76
 77
 78
 79
 80
 81
 82
 83
 84
 85
 86
 87
 88
 89
 90
 91
 92
 93
 94
 95
 96
 97
 98
 99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147

#! /usr/bin/env python
# -*- coding: iso-8859-2 -*-

from Tkinter import *

STATE_CREATION_VERTEX = 'createVertex'
STATE_CREATION_LINE = 'createLine'
ETAT_SUITE_CREATION_ARETE = 'suiteCreationArete'
STATE_DEFINITION_ETIQUETTE = 'modifLabel'

HELP_CREATION_VERTEX      = "Vertex létrehozása : kattints a hely meghatározásához"
HELP_CREATION_LINE = "Él létrehozása : kattints a kezdőpont definiálásához"
AIDE_SUITE_CREATION_ARETE = "Él létrehozása : kattints a végpontok definiálásához"
HELP__DEFINITION_ETIQUETTE = "Címke definiálása : jelölje meg a csúcsot"

R = 3                       # rayon des sommets   a vertexek sugara
COLOUR_VERTEX = 'black'     # couleur des sommets   a vertexek színe

vertexToMove = None     # (néha) a csúcsot éppen áthelyezzük
                       # deux dictionnaires:   két szótár:
attributs = { }         # associe a chaque sommet les aretes attenantes  összekapcsolja minegyik vertex-szel a szomszédos élet  
                       # (avec un premier élément expliqué plus tard)
endPoints = { }         # associe a chaque arete ses deux extremités    mindegyik élhez asszociálja a két végpontját

application = Tk()
application.title("Edigraph 8")

currentState = StringVar(application)
currentState.set(STATE_CREATION_VERTEX)

def neighbourVertex(x, y):
   pres = 10
   objets = canvas.find_enclosed(x - pres, y - pres, x + pres, y + pres)
   if len(objets) > 0:    # ha van
       return objets[0]   # ...akkor az elsőt vesszük
   else:
       return None

def createVertex(x, y):
   vertex = canvas.create_oval(x - R, y - R, x + R, y + R,
               fill = COLOUR_VERTEX, width = 0)
   attributs[vertex] = [ "garde-place" ]

def createLine(orig, endP):
   x0, y0 = centre(orig)
   x1, y1 = centre(endP)
   line_ = canvas.create_line(x0, y0, x1, y1)

   endPoints[line_] = (orig, endP)
   attributs[orig].append(line_)
   attributs[endP].append(line_)

def checkBoxCreateVertex():
   statusBar.config(text=HELP_CREATION_VERTEX)

def checkBoxCreateLine():
   statusBar.config(text=HELP_CREATION_LINE)

def checkBoxDefEtiquette():
   statusBar.config(text=HELP__DEFINITION_ETIQUETTE)

def centre(vertex):
   a, b, c, d = canvas.coords(vertex)
   return (a + c) / 2, (b + d) / 2

def pressButtonLeft(event):
   global vertexSelected

   if currentState.get() == STATE_CREATION_VERTEX:
       createVertex(event.x, event.y)

   elif currentState.get() == STATE_CREATION_LINE:
       s = neighbourVertex(event.x, event.y)
       if s != None:
           vertexSelected = s
           currentState.set(ETAT_SUITE_CREATION_ARETE)
           statusBar.config(text=AIDE_SUITE_CREATION_ARETE)

   elif currentState.get() == ETAT_SUITE_CREATION_ARETE:
       s = neighbourVertex(event.x, event.y)
       if s != None:
           createLine(vertexSelected, s)
           currentState.set(STATE_CREATION_LINE)
           statusBar.config(text=HELP_CREATION_LINE)

   else: #currentState.get() == STATE_DEFINITION_ETIQUETTE
           print "Címke definiálása még nincs implementálva"

def replace(line_):
   vertex0, vertex1 = endPoints[line_]
   x0, y0 = centre(vertex0)
   x1, y1 = centre(vertex1)
   canvas.coords(line_, x0, y0, x1, y1)

def moveVertex(x, y):
   canvas.coords(vertexToMove, x - R, y - R, x + R, y + R)
   liste = attributs[vertexToMove]
   for line_ in liste[1:]:
       replace(line_)

def pressButtonRight(event):
   global vertexToMove
   s = neighbourVertex(event.x, event.y)
   if s != None:
       vertexToMove = s

def moveButtonRight(event):
   if vertexToMove != None:
       moveVertex(event.x, event.y)

def releaseButtonRight(event):
   global vertexToMove
   vertexToMove = None

statusBar = Label(application, text=HELP_CREATION_VERTEX,
           bd=1, relief=SUNKEN, anchor=W)
statusBar.pack(side=BOTTOM, fill=X)

canvas = Canvas(application, bg="#C8FFFF", width=400, height=400)
canvas.pack(side=RIGHT, fill=BOTH, expand=True, padx=2, pady=2)

canvas.bind('<Button-1>', pressButtonLeft)
canvas.bind('<Button-3>', pressButtonRight)
canvas.bind('<B3-Motion>', moveButtonRight)
canvas.bind('<ButtonRelease-3>', releaseButtonRight)

paneUpper = Frame(application, width=150, height = 200,
           padx=4, pady=4, bd=2, relief = RIDGE)
paneUpper.pack(side=TOP)

lab = Label(paneUpper, text="Balegérgomb :")
lab.grid(row=0, sticky=W)

rb = Radiobutton(paneUpper, variable=currentState, text='Vertex létrehozása',
               value=STATE_CREATION_VERTEX, command=checkBoxCreateVertex)
rb.grid(row=1, sticky=W)
rb = Radiobutton(paneUpper, variable=currentState, text='Él létrehozása',
               value=STATE_CREATION_LINE, command=checkBoxCreateLine)
rb.grid(row=2, sticky=W)
rb = Radiobutton(paneUpper, variable=currentState, text='Címke definiálása',
               value=STATE_DEFINITION_ETIQUETTE, command=checkBoxDefEtiquette)
rb.grid(row=3, sticky=W)

paneLower = Frame(application, bg='red')
paneLower.pack(side=BOTTOM, fill=BOTH, expand=True)

application.mainloop()
 

9. lépés

Apró gadget-ek. Bevezetjük a csúcs- és élszámlálókat.

 
  1
  2
  3
  4
  5
  6
  7
  8
  9
 10
 11
 12
 13
 14
 15
 16
 17
 18
 19
 20
 21
 22
 23
 24
 25
 26
 27
 28
 29
 30
 31
 32
 33
 34
 35
 36
 37
 38
 39
 40
 41
 42
 43
 44
 45
 46
 47
 48
 49
 50
 51
 52
 53
 54
 55
 56
 57
 58
 59
 60
 61
 62
 63
 64
 65
 66
 67
 68
 69
 70
 71
 72
 73
 74
 75
 76
 77
 78
 79
 80
 81
 82
 83
 84
 85
 86
 87
 88
 89
 90
 91
 92
 93
 94
 95
 96
 97
 98
 99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169

#! /usr/bin/env python
# -*- coding: iso-8859-2 -*-

from Tkinter import *

STATE_CREATION_VERTEX      = 'createVertex'
STATE_CREATION_LINE = 'createLine'
ETAT_SUITE_CREATION_ARETE = 'suiteCreationArete'
STATE_DEFINITION_ETIQUETTE = 'modifLabel'

HELP_CREATION_VERTEX      = "Vertex létrehozása : kattints a hely meghatározásához"
HELP_CREATION_LINE = "Él létrehozása : kattints a kezdőpont definiálásához"
AIDE_SUITE_CREATION_ARETE = "Él létrehozása : kattints a végpontok definiálásához"
HELP__DEFINITION_ETIQUETTE = "Címke definiálása : jelölje meg a csúcsot"

R = 3                       # rayon des sommets   a vertexek sugara
COLOUR_VERTEX = 'black'     # couleur des sommets   a vertexek színe

vertexToMove = None  # (néha) a csúcsot éppen áthelyezzük

                                                       # deux dictionnaires:   két szótár:
attributs = { }             # associe a chaque sommet les aretes attenantes  összekapcsolja minegyik vertex-szel a szomszédos élet
                           # (avec un premier élément expliqué plus tard)
endPoints = { }             # associe a chaque arete ses deux extremités    mindegyik élthez asszociálja a két végpontját
numberOfVertexes = 0           # A létrehozott csúcsok száma
numberOfLines = 0            # A létrehozott élek száma

application = Tk()
application.title("Edigraph 9")

currentState = StringVar(application)
currentState.set(STATE_CREATION_VERTEX)

def neighbourVertex(x, y):
   pres = 10
   objets = canvas.find_enclosed(x - pres, y - pres, x + pres, y + pres)
   if len(objets) > 0:    # ha van...
       return objets[0]   # ...akkor az elsőt vesszük
   else:
       return None

def refreshCounters(nVertexes, nLines):
   global numberOfVertexes, numberOfLines

   numberOfVertexes = nVertexes
   numberOfLines = nLines
   etiqNbrOfVertexes.config(text = str(numberOfVertexes) + " csúcs")
   etiqNbrOfLines.config(text = str(numberOfLines) + " él")

def createVertex(x, y):
   vertex = canvas.create_oval(x - R, y - R, x + R, y + R,
               fill = COLOUR_VERTEX, width = 0)
   attributs[vertex] = [ "garde-place" ]  

   refreshCounters(numberOfVertexes + 1, numberOfLines)

def createLine(orig, endP):
   x0, y0 = centre(orig)
   x1, y1 = centre(endP)
   line_ = canvas.create_line(x0, y0, x1, y1)

   endPoints[line_] = (orig, endP)
   attributs[orig].append(line_)
   attributs[endP].append(line_)

   refreshCounters(numberOfVertexes, numberOfLines + 1)

def checkBoxCreateVertex():
   statusBar.config(text=HELP_CREATION_VERTEX)

def checkBoxCreateLine():
   statusBar.config(text=HELP_CREATION_LINE)

def checkBoxDefEtiquette():
   statusBar.config(text=HELP__DEFINITION_ETIQUETTE)

def centre(vertex):
   a, b, c, d = canvas.coords(vertex)
   return (a + c) / 2, (b + d) / 2

def pressButtonLeft(event):
   global vertexSelected

   if currentState.get() == STATE_CREATION_VERTEX:
       createVertex(event.x, event.y)

   elif currentState.get() == STATE_CREATION_LINE:
       s = neighbourVertex(event.x, event.y)
       if s != None:
           vertexSelected = s
           currentState.set(ETAT_SUITE_CREATION_ARETE)
           statusBar.config(text=AIDE_SUITE_CREATION_ARETE)

   elif currentState.get() == ETAT_SUITE_CREATION_ARETE:
       s = neighbourVertex(event.x, event.y)
       if s != None:
           createLine(vertexSelected, s)
           currentState.set(STATE_CREATION_LINE)
           statusBar.config(text=HELP_CREATION_LINE)

   else: # currentState.get() == STATE_DEFINITION_ETIQUETTE
       print "Címke definiálása még nincs implementálva"

def replace(line_):
   vertex0, vertex1 = endPoints[line_]
   x0, y0 = centre(vertex0)
   x1, y1 = centre(vertex1)
   canvas.coords(line_, x0, y0, x1, y1)

def moveVertex(x, y):
   canvas.coords(vertexToMove, x - R, y - R, x + R, y + R)
   liste = attributs[vertexToMove]
   for line_ in liste[1:]:
       replace(line_)

def pressButtonRight(event):
   global vertexToMove
   s = neighbourVertex(event.x, event.y)
   if s != None:
       vertexToMove = s

def moveButtonRight(event):
   if vertexToMove != None:
       moveVertex(event.x, event.y)

def releaseButtonRight(event):
   global vertexToMove
   vertexToMove = None

statusBar = Label(application, text=HELP_CREATION_VERTEX,
           bd=1, relief=SUNKEN, anchor=W)
statusBar.pack(side=BOTTOM, fill=X)

canvas = Canvas(application, bg="#C8FFFF", width=400, height=400)
canvas.pack(side=RIGHT, fill=BOTH, expand=True, padx=2, pady=2)

canvas.bind('<Button-1>', pressButtonLeft)
canvas.bind('<Button-3>', pressButtonRight)
canvas.bind('<B3-Motion>', moveButtonRight)
canvas.bind('<ButtonRelease-3>', releaseButtonRight)

paneUpper = Frame(application, width=150, height = 200,
           padx=4, pady=4, bd=2, relief = RIDGE)
paneUpper.pack(side=TOP)

lab = Label(paneUpper, text="Balegérgomb :")
lab.grid(row=0, sticky=W)

rb = Radiobutton(paneUpper, variable=currentState, text='Vertex létrehozása',
               value=STATE_CREATION_VERTEX, command=checkBoxCreateVertex)
rb.grid(row=1, sticky=W)
rb = Radiobutton(paneUpper, variable=currentState, text='Él létrehozása',
               value=STATE_CREATION_LINE, command=checkBoxCreateLine)
rb.grid(row=2, sticky=W)
rb = Radiobutton(paneUpper, variable=currentState, text='Címke definiálása',
               value=STATE_DEFINITION_ETIQUETTE, command=checkBoxDefEtiquette)
rb.grid(row=3, sticky=W)

paneLower = Frame(application, bg='red')
paneLower.pack(side=BOTTOM, fill=BOTH, expand=True)

etiqNbrOfLines = Label(paneLower)
etiqNbrOfLines.pack(side=BOTTOM, anchor=W)
etiqNbrOfVertexes = Label(paneLower)
etiqNbrOfVertexes.pack(side=BOTTOM, anchor=W)

refreshCounters(0, 0)

application.mainloop()
 

10. lépés

Hozzáadunk egy gombot, amivel minden törölhető.

 
  1
  2
  3
  4
  5
  6
  7
  8
  9
 10
 11
 12
 13
 14
 15
 16
 17
 18
 19
 20
 21
 22
 23
 24
 25
 26
 27
 28
 29
 30
 31
 32
 33
 34
 35
 36
 37
 38
 39
 40
 41
 42
 43
 44
 45
 46
 47
 48
 49
 50
 51
 52
 53
 54
 55
 56
 57
 58
 59
 60
 61
 62
 63
 64
 65
 66
 67
 68
 69
 70
 71
 72
 73
 74
 75
 76
 77
 78
 79
 80
 81
 82
 83
 84
 85
 86
 87
 88
 89
 90
 91
 92
 93
 94
 95
 96
 97
 98
 99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184

#! /usr/bin/env python
# -*- coding: iso-8859-2 -*-

from Tkinter import *
import tkMessageBox

STATE_CREATION_VERTEX = 'createVertex'
STATE_CREATION_LINE = 'createLine'
ETAT_SUITE_CREATION_ARETE = 'suiteCreationArete'
STATE_DEFINITION_ETIQUETTE = 'modifLabel'

HELP_CREATION_VERTEX = "Vertex létrehozása : kattints a hely meghatározásához"
HELP_CREATION_LINE = "Él létrehozása : kattints a kezdőpont definiálásához"
AIDE_SUITE_CREATION_ARETE = "Él létrehozása : kattints a végpontok definiálásához"
HELP__DEFINITION_ETIQUETTE = "Címke definiálása : jelölje meg a csúcsot"

R = 3                       # a vertexek sugara
COLOUR_VERTEX = 'black'     # a vertexek színe

vertexToMove = None  # (néha) a csúcsot éppen áthelyezzük

                           # két szótár:
attributs = { }             # összekapcsolja minegyik vertex-szel a szomszédos élet
                           # (avec un premier élément expliqué plus tard)
endPoints = { }             # mindegyik élthez asszociálja a két végpontját

numberOfVertexes = 0         # A létrehozott csúcsok száma
numberOfLines = 0            # A létrehozott élek száma

application = Tk()
application.title("Edigraph 10")

currentState = StringVar(application)
currentState.set(STATE_CREATION_VERTEX)

def neighbourVertex(x, y):
   pres = 10
   objets = canvas.find_enclosed(x - pres, y - pres, x + pres, y + pres)
   if len(objets) > 0:    # ha van...
       return objets[0]   # ...akkor az elsőt vesszük
   else:
       return None

def refreshCounters(nVertexes, nLines):
   global numberOfVertexes, numberOfLines

   numberOfVertexes = nVertexes
   numberOfLines = nLines
   etiqNbrOfVertexes.config(text = str(numberOfVertexes) + " vertex")
   etiqNbrOfLines.config(text = str(numberOfLines) + " él")

def createVertex(x, y):
   vertex = canvas.create_oval(x - R, y - R, x + R, y + R,
               fill = COLOUR_VERTEX, width = 0)
   attributs[vertex] = [ "garde-place" ]  

   refreshCounters(numberOfVertexes + 1, numberOfLines)

def createLine(orig, endP):
   x0, y0 = centre(orig)
   x1, y1 = centre(endP)
   line_ = canvas.create_line(x0, y0, x1, y1)

   endPoints[line_] = (orig, endP)
   attributs[orig].append(line_)
   attributs[endP].append(line_)

   refreshCounters(numberOfVertexes, numberOfLines + 1)  

def checkBoxCreateVertex():
   statusBar.config(text=HELP_CREATION_VERTEX)

def checkBoxCreateLine():
   statusBar.config(text=HELP_CREATION_LINE)

def checkBoxDefEtiquette():
   statusBar.config(text=HELP__DEFINITION_ETIQUETTE)

def centre(vertex):
   a, b, c, d = canvas.coords(vertex)
   return (a + c) / 2, (b + d) / 2

def pressButtonLeft(event):
   global vertexSelected

   if currentState.get() == STATE_CREATION_VERTEX:
       createVertex(event.x, event.y)

   elif currentState.get() == STATE_CREATION_LINE:
       s = neighbourVertex(event.x, event.y)
       if s != None:
           vertexSelected = s
           currentState.set(ETAT_SUITE_CREATION_ARETE)
           statusBar.config(text=AIDE_SUITE_CREATION_ARETE)

   elif currentState.get() == ETAT_SUITE_CREATION_ARETE:
       s = neighbourVertex(event.x, event.y)
       if s != None:
           createLine(vertexSelected, s)
           currentState.set(STATE_CREATION_LINE)
           statusBar.config(text=HELP_CREATION_LINE)

   else: # currentState.get() == STATE_DEFINITION_ETIQUETTE
       print "Címke definiálása még nincs implementálva"

def replace(line_):
   vertex0, vertex1 = endPoints[line_]
   x0, y0 = centre(vertex0)
   x1, y1 = centre(vertex1)
   canvas.coords(line_, x0, y0, x1, y1)

def moveVertex(x, y):
   canvas.coords(vertexToMove, x - R, y - R, x + R, y + R)
   liste = attributs[vertexToMove]
   for line_ in liste[1:]:
       replace(line_)

def pressButtonRight(event):
   global vertexToMove
   s = neighbourVertex(event.x, event.y)
   if s != None:
       vertexToMove = s

def moveButtonRight(event):
   if vertexToMove != None:
       moveVertex(event.x, event.y)

def releaseButtonRight(event):
   global vertexToMove
   vertexToMove = None

def clearAll():
   canvas.addtag_all("a_effacer")
   canvas.delete("a_effacer")
   refreshCounters(0, 0)

def pressButtonClear():
   if tkMessageBox.askyesno("Figyelem",
           "Valóban mindent le akar rombolni?"):
       clearAll()

statusBar = Label(application, text=HELP_CREATION_VERTEX,
           bd=1, relief=SUNKEN, anchor=W)
statusBar.pack(side=BOTTOM, fill=X)

canvas = Canvas(application, bg="#C8FFFF", width=400, height=400)
canvas.pack(side=RIGHT, fill=BOTH, expand=True, padx=2, pady=2)

canvas.bind('<Button-1>', pressButtonLeft)
canvas.bind('<Button-3>', pressButtonRight)
canvas.bind('<B3-Motion>', moveButtonRight)
canvas.bind('<ButtonRelease-3>', releaseButtonRight)

paneUpper = Frame(application, width=150, height = 200,
           padx=4, pady=4, bd=2, relief = RIDGE)
paneUpper.pack(side=TOP)

lab = Label(paneUpper, text="Balegérgomb :")
lab.grid(row=0, sticky=W)

rb = Radiobutton(paneUpper, variable=currentState, text='Vertex létrehozása',
               value=STATE_CREATION_VERTEX, command=checkBoxCreateVertex)
rb.grid(row=1, sticky=W)
rb = Radiobutton(paneUpper, variable=currentState, text='Él létrehozása',
               value=STATE_CREATION_LINE, command=checkBoxCreateLine)
rb.grid(row=2, sticky=W)
rb = Radiobutton(paneUpper, variable=currentState, text='Címke definiálása',
               value=STATE_DEFINITION_ETIQUETTE, command=checkBoxDefEtiquette)
rb.grid(row=3, sticky=W)

bouton = Button(paneUpper, text='Mindent töröl', command=pressButtonClear)
bouton.grid(row=4)

paneLower = Frame(application, bg='red')
paneLower.pack(side=BOTTOM, fill=BOTH, expand=True)

etiqNbrOfLines = Label(paneLower)
etiqNbrOfLines.pack(side=BOTTOM, anchor=W)
etiqNbrOfVertexes = Label(paneLower)
etiqNbrOfVertexes.pack(side=BOTTOM, anchor=W)

refreshCounters(0, 0)

application.mainloop()
 

11. lépés

Mindegyik csúcshoz hozzákapcsolunk egy címkét (kiindulásként befagyasztjuk a csúcs létrehozásakor).

 
  1
  2
  3
  4
  5
  6
  7
  8
  9
 10
 11
 12
 13
 14
 15
 16
 17
 18
 19
 20
 21
 22
 23
 24
 25
 26
 27
 28
 29
 30
 31
 32
 33
 34
 35
 36
 37
 38
 39
 40
 41
 42
 43
 44
 45
 46
 47
 48
 49
 50
 51
 52
 53
 54
 55
 56
 57
 58
 59
 60
 61
 62
 63
 64
 65
 66
 67
 68
 69
 70
 71
 72
 73
 74
 75
 76
 77
 78
 79
 80
 81
 82
 83
 84
 85
 86
 87
 88
 89
 90
 91
 92
 93
 94
 95
 96
 97
 98
 99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187

#! /usr/bin/env python
# -*- coding: iso-8859-2 -*-

from Tkinter import *
import tkMessageBox

STATE_CREATION_VERTEX = 'createVertex'
STATE_CREATION_LINE = 'createLine'
ETAT_SUITE_CREATION_ARETE = 'suiteCreationArete'
STATE_DEFINITION_ETIQUETTE = 'modifLabel'

HELP_CREATION_VERTEX      = "Vertex létrehozása : kattints a hely meghatározásához"
HELP_CREATION_LINE = "Él létrehozása : kattints a kezdőpont definiálásához"
AIDE_SUITE_CREATION_ARETE = "Él létrehozása : kattints a végpontok definiálásához"
HELP__DEFINITION_ETIQUETTE = "Címke definiálása : jelölje meg a csúcsot"

R = 3                       # a vertexek sugara
COLOUR_VERTEX = 'black'     #  a vertexek színe

vertexToMove = None  # (néha) a csúcsot éppen áthelyezzük

                           # két szótár:
attributs = { }             # összekapcsolja minegyik vertex-szel a szomszédos élet
                           # (avec un premier élément expliqué plus tard)
endPoints = { }             # mindegyik élthez asszociálja a két végpontját

numberOfVertexes = 0        # A létrehozott csúcsok száma
numberOfLines = 0           # A létrehozott élek száma

application = Tk()
application.title("Edigraph 11")

currentState = StringVar(application)
currentState.set(STATE_CREATION_VERTEX)

def neighbourVertex(x, y):
   pres = 10
   objets = canvas.find_enclosed(x - pres, y - pres, x + pres, y + pres)
   if len(objets) > 0:    # ha van...
       return objets[0]   # ...akkor az elsőt vesszük
   else:
       return None

def refreshCounters(nVertexes, nLines):
   global numberOfVertexes, numberOfLines

   numberOfVertexes = nVertexes
   numberOfLines = nLines
   etiqNbrOfVertexes.config(text = str(numberOfVertexes) + " vertex")
   etiqNbrOfLines.config(text = str(numberOfLines) + " él")

def createVertex(x, y):
   vertex = canvas.create_oval(x - R, y - R, x + R, y + R,
               fill = COLOUR_VERTEX, width = 0)
   s = str(numberOfVertexes)
   etiquette = canvas.create_text(x + 2 * R, y - R, text = s, anchor=W)
   attributs[vertex] = [ etiquette ]   # a placeholder helyén

   refreshCounters(numberOfVertexes + 1, numberOfLines)

def createLine(orig, endP):
   x0, y0 = centre(orig)
   x1, y1 = centre(endP)
   line_ = canvas.create_line(x0, y0, x1, y1)

   endPoints[line_] = (orig, endP)
   attributs[orig].append(line_)
   attributs[endP].append(line_)

   refreshCounters(numberOfVertexes, numberOfLines + 1)

def checkBoxCreateVertex():
   statusBar.config(text=HELP_CREATION_VERTEX)

def checkBoxCreateLine():
   statusBar.config(text=HELP_CREATION_LINE)

def checkBoxDefEtiquette():
   statusBar.config(text=HELP__DEFINITION_ETIQUETTE)

def centre(vertex):
   a, b, c, d = canvas.coords(vertex)
   return (a + c) / 2, (b + d) / 2

def pressButtonLeft(event):
   global vertexSelected

   if currentState.get() == STATE_CREATION_VERTEX:
       createVertex(event.x, event.y)

   elif currentState.get() == STATE_CREATION_LINE:
       s = neighbourVertex(event.x, event.y)
       if s != None:
           vertexSelected = s
           currentState.set(ETAT_SUITE_CREATION_ARETE)
           statusBar.config(text=AIDE_SUITE_CREATION_ARETE)

   elif currentState.get() == ETAT_SUITE_CREATION_ARETE:
       s = neighbourVertex(event.x, event.y)
       if s != None:
           createLine(vertexSelected, s)
           currentState.set(STATE_CREATION_LINE)
           statusBar.config(text=HELP_CREATION_LINE)

   else: # currentState.get() == STATE_DEFINITION_ETIQUETTE
       print "Címke definiálása még nincs implementálva"

def replace(line_):
   vertex0, vertex1 = endPoints[line_]
   x0, y0 = centre(vertex0)
   x1, y1 = centre(vertex1)
   canvas.coords(line_, x0, y0, x1, y1)

def moveVertex(x, y):
   canvas.coords(vertexToMove, x - R, y - R, x + R, y + R)
   liste = attributs[vertexToMove]
   canvas.coords(liste[0], x + 2 * R, y - R)
   for line_ in liste[1:]:
       replace(line_)

def pressButtonRight(event):
   global vertexToMove
   s = neighbourVertex(event.x, event.y)
   if s != None:
       vertexToMove = s

def moveButtonRight(event):
   if vertexToMove != None:
       moveVertex(event.x, event.y)

def releaseButtonRight(event):
   global vertexToMove
   vertexToMove = None

def clearAll():
   canvas.addtag_all("a_effacer")
   canvas.delete("a_effacer")
   refreshCounters(0, 0)

def pressButtonClear():
   if tkMessageBox.askyesno("Figyelem",
           "Valóban mindent le akar rombolni?"):
       clearAll()

statusBar = Label(application, text=HELP_CREATION_VERTEX,
           bd=1, relief=SUNKEN, anchor=W)
statusBar.pack(side=BOTTOM, fill=X)

canvas = Canvas(application, bg="#C8FFFF", width=400, height=400)
canvas.pack(side=RIGHT, fill=BOTH, expand=True, padx=2, pady=2)

canvas.bind('<Button-1>', pressButtonLeft)
canvas.bind('<Button-3>', pressButtonRight)
canvas.bind('<B3-Motion>', moveButtonRight)
canvas.bind('<ButtonRelease-3>', releaseButtonRight)

paneUpper = Frame(application, width=150, height = 200,
           padx=4, pady=4, bd=2, relief = RIDGE)
paneUpper.pack(side=TOP)

lab = Label(paneUpper, text="Balegérgomb :")
lab.grid(row=0, sticky=W)

rb = Radiobutton(paneUpper, variable=currentState, text='Vertex létrehozása',
               value=STATE_CREATION_VERTEX, command=checkBoxCreateVertex)
rb.grid(row=1, sticky=W)
rb = Radiobutton(paneUpper, variable=currentState, text='Él létrehozása',
               value=STATE_CREATION_LINE, command=checkBoxCreateLine)
rb.grid(row=2, sticky=W)
rb = Radiobutton(paneUpper, variable=currentState, text='Címke definiálása',
               value=STATE_DEFINITION_ETIQUETTE, command=checkBoxDefEtiquette)
rb.grid(row=3, sticky=W)

bouton = Button(paneUpper, text='Mindent töröl', command=pressButtonClear)
bouton.grid(row=4)

paneLower = Frame(application, bg='red')
paneLower.pack(side=BOTTOM, fill=BOTH, expand=True)

etiqNbrOfLines = Label(paneLower)
etiqNbrOfLines.pack(side=BOTTOM, anchor=W)
etiqNbrOfVertexes = Label(paneLower)
etiqNbrOfVertexes.pack(side=BOTTOM, anchor=W)

refreshCounters(0, 0)

application.mainloop()
 

12. lépés

Itt képesek leszünk az előzőleg létrehozott csúcsok számára specifikus címkéket definiálni.

 
  1
  2
  3
  4
  5
  6
  7
  8
  9
 10
 11
 12
 13
 14
 15
 16
 17
 18
 19
 20
 21
 22
 23
 24
 25
 26
 27
 28
 29
 30
 31
 32
 33
 34
 35
 36
 37
 38
 39
 40
 41
 42
 43
 44
 45
 46
 47
 48
 49
 50
 51
 52
 53
 54
 55
 56
 57
 58
 59
 60
 61
 62
 63
 64
 65
 66
 67
 68
 69
 70
 71
 72
 73
 74
 75
 76
 77
 78
 79
 80
 81
 82
 83
 84
 85
 86
 87
 88
 89
 90
 91
 92
 93
 94
 95
 96
 97
 98
 99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202

#! /usr/bin/env python
# -*- coding: iso-8859-2 -*-

from Tkinter import *
import tkMessageBox
import tkSimpleDialog

STATE_CREATION_VERTEX = 'createVertex'
STATE_CREATION_LINE = 'createLine'
ETAT_SUITE_CREATION_ARETE = 'suiteCreationArete'
STATE_DEFINITION_ETIQUETTE = 'modifLabel'

HELP_CREATION_VERTEX      = "Vertex létrehozása : kattints a hely meghatározásához"
HELP_CREATION_LINE = "Él létrehozása : kattints a kezdőpont definiálásához"
AIDE_SUITE_CREATION_ARETE = "Él létrehozása : kattints a végpontok definiálásához"
HELP__DEFINITION_ETIQUETTE = "Címke definiálása : jelölje meg a csúcsot"

R = 3                       # rayon des sommets   a vertexek sugara
COLOUR_VERTEX = 'black'     # couleur des sommets   a vertexek színe

vertexToMove = None  # (néha) a csúcsot éppen áthelyezzük

                           # két szótár:
attributs = { }             # összekapcsolja minegyik vertex-szel a szomszédos élet
                           # (avec un premier élément expliqué plus tard)
endPoints = { }             # mindegyik élthez asszociálja a két végpontját

numberOfVertexes = 0        # A létrehozott csúcsok száma
numberOfLines = 0           # A létrehozott élek száma

application = Tk()
application.title("Edigraph 12")

currentState = StringVar(application)
currentState.set(STATE_CREATION_VERTEX)

def neighbourVertex(x, y):
   pres = 10
   objets = canvas.find_enclosed(x - pres, y - pres, x + pres, y + pres)
   if len(objets) > 0:    # ha van...
       return objets[0]   # ...akkor az elsőt vesszük
   else:
       return None

def refreshCounters(nVertexes, nLines):
   global numberOfVertexes, numberOfLines

   numberOfVertexes = nVertexes
   numberOfLines = nLines
   etiqNbrOfVertexes.config(text = str(numberOfVertexes) + " vertex")
   etiqNbrOfLines.config(text = str(numberOfLines) + " él")

def createVertex(x, y):
   vertex = canvas.create_oval(x - R, y - R, x + R, y + R,
               fill = COLOUR_VERTEX, width = 0)
   s = str(numberOfVertexes)
   etiquette = canvas.create_text(x + 2 * R, y - R, text = s, anchor=W)
   attributs[vertex] = [ etiquette ]   # a placeholder helyén

   refreshCounters(numberOfVertexes + 1, numberOfLines)

def createLine(orig, endP):
   x0, y0 = centre(orig)
   x1, y1 = centre(endP)
   line_ = canvas.create_line(x0, y0, x1, y1)

   endPoints[line_] = (orig, endP)
   attributs[orig].append(line_)
   attributs[endP].append(line_)

   refreshCounters(numberOfVertexes, numberOfLines + 1)

def checkBoxCreateVertex():
   statusBar.config(text=HELP_CREATION_VERTEX)

def checkBoxCreateLine():
   statusBar.config(text=HELP_CREATION_LINE)

def checkBoxDefEtiquette():
   statusBar.config(text=HELP__DEFINITION_ETIQUETTE)

def centre(vertex):
   a, b, c, d = canvas.coords(vertex)
   return (a + c) / 2, (b + d) / 2

def definitionEtiquette(vertex):
   etiquette = attributs[vertex][0]
   texte = canvas.itemcget(etiquette, 'text')
   if not texte.isdigit():
       tkMessageBox.showwarning("Címke definiálása",
               "Ennek a csúcsnak a címkéjét már definiáltuk")
   else:
       texte = tkSimpleDialog.askstring("Etiquette",
               "Az új érték megadása :", initialvalue = texte)
       if texte != None:
           canvas.itemconfigure(etiquette, text = texte)

def pressButtonLeft(event):
   global vertexSelected

   if currentState.get() == STATE_CREATION_VERTEX:
       createVertex(event.x, event.y)

   elif currentState.get() == STATE_CREATION_LINE:
       s = neighbourVertex(event.x, event.y)
       if s != None:
           vertexSelected = s
           currentState.set(ETAT_SUITE_CREATION_ARETE)
           statusBar.config(text=AIDE_SUITE_CREATION_ARETE)

   elif currentState.get() == ETAT_SUITE_CREATION_ARETE:
       s = neighbourVertex(event.x, event.y)
       if s != None:
           createLine(vertexSelected, s)
           currentState.set(STATE_CREATION_LINE)
           statusBar.config(text=HELP_CREATION_LINE)

   else: # currentState.get() == STATE_DEFINITION_ETIQUETTE
       s = neighbourVertex(event.x, event.y)
       if s != None:
           definitionEtiquette(s)

def replace(line_):
   vertex0, vertex1 = endPoints[line_]
   x0, y0 = centre(vertex0)
   x1, y1 = centre(vertex1)
   canvas.coords(line_, x0, y0, x1, y1)

def moveVertex(x, y):
   canvas.coords(vertexToMove, x - R, y - R, x + R, y + R)
   liste = attributs[vertexToMove]
   canvas.coords(liste[0], x + 2 * R, y - R)
   for line_ in liste[1:]:
       replace(line_)

def pressButtonRight(event):
   global vertexToMove
   s = neighbourVertex(event.x, event.y)
   if s != None:
       vertexToMove = s

def moveButtonRight(event):
   if vertexToMove != None:
       moveVertex(event.x, event.y)

def releaseButtonRight(event):
   global vertexToMove
   vertexToMove = None

def clearAll():
   canvas.addtag_all("a_effacer")
   canvas.delete("a_effacer")
   refreshCounters(0, 0)

def pressButtonClear():
   if tkMessageBox.askyesno("Figyelem",
           "Valóban mindent le akar rombolni?"):
       clearAll()

statusBar = Label(application, text=HELP_CREATION_VERTEX,
           bd=1, relief=SUNKEN, anchor=W)
statusBar.pack(side=BOTTOM, fill=X)

canvas = Canvas(application, bg="#C8FFFF", width=400, height=400)
canvas.pack(side=RIGHT, fill=BOTH, expand=True, padx=2, pady=2)

canvas.bind('<Button-1>', pressButtonLeft)
canvas.bind('<Button-3>', pressButtonRight)
canvas.bind('<B3-Motion>', moveButtonRight)
canvas.bind('<ButtonRelease-3>', releaseButtonRight)

paneUpper = Frame(application, width=150, height = 200,
           padx=4, pady=4, bd=2, relief = RIDGE)
paneUpper.pack(side=TOP)

lab = Label(paneUpper, text="Balegérgomb :")
lab.grid(row=0, sticky=W)

rb = Radiobutton(paneUpper, variable=currentState, text='Vertex létrehozása',
               value=STATE_CREATION_VERTEX, command=checkBoxCreateVertex)
rb.grid(row=1, sticky=W)
rb = Radiobutton(paneUpper, variable=currentState, text='Él létrehozása',
               value=STATE_CREATION_LINE, command=checkBoxCreateLine)
rb.grid(row=2, sticky=W)
rb = Radiobutton(paneUpper, variable=currentState, text='Címke definiálása',
               value=STATE_DEFINITION_ETIQUETTE, command=checkBoxDefEtiquette)
rb.grid(row=3, sticky=W)

bouton = Button(paneUpper, text='Mindent töröl', command=pressButtonClear)
bouton.grid(row=4)

paneLower = Frame(application, bg='red')
paneLower.pack(side=BOTTOM, fill=BOTH, expand=True)

etiqNbrOfLines = Label(paneLower)
etiqNbrOfLines.pack(side=BOTTOM, anchor=W)
etiqNbrOfVertexes = Label(paneLower)
etiqNbrOfVertexes.pack(side=BOTTOM, anchor=W)

refreshCounters(0, 0)

application.mainloop()
 

13. lépés

Bevezetjük a címkék kiírására szolgáló ListBox-ot. (Azon csúcsok címkéit írja ki, melyekre átdefiniáltuk a címkéket.).

 
  1
  2
  3
  4
  5
  6
  7
  8
  9
 10
 11
 12
 13
 14
 15
 16
 17
 18
 19
 20
 21
 22
 23
 24
 25
 26
 27
 28
 29
 30
 31
 32
 33
 34
 35
 36
 37
 38
 39
 40
 41
 42
 43
 44
 45
 46
 47
 48
 49
 50
 51
 52
 53
 54
 55
 56
 57
 58
 59
 60
 61
 62
 63
 64
 65
 66
 67
 68
 69
 70
 71
 72
 73
 74
 75
 76
 77
 78
 79
 80
 81
 82
 83
 84
 85
 86
 87
 88
 89
 90
 91
 92
 93
 94
 95
 96
 97
 98
 99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209

#! /usr/bin/env python
# -*- coding: iso-8859-2 -*-

from Tkinter import *
import tkMessageBox
import tkSimpleDialog

STATE_CREATION_VERTEX = 'createVertex'
STATE_CREATION_LINE = 'createLine'
ETAT_SUITE_CREATION_ARETE = 'suiteCreationArete'
STATE_DEFINITION_ETIQUETTE = 'modifLabel'

HELP_CREATION_VERTEX      = "Vertex létrehozása : kattints a hely meghatározásához"
HELP_CREATION_LINE = "Él létrehozása : kattints a kezdőpont definiálásához"
AIDE_SUITE_CREATION_ARETE = "Él létrehozása : kattints a végpontok definiálásához"
HELP__DEFINITION_ETIQUETTE = "Címke definiálása : jelölje meg a csúcsot"

R = 3                       # rayon des sommets   a vertexek sugara
COLOUR_VERTEX = 'black'     # couleur des sommets   a vertexek színe

vertexToMove = None  # (néha) a csúcsot éppen áthelyezzük

                           # két szótár:
attributs = { }             # összekapcsolja minegyik vertex-szel a szomszédos élet
                           # (avec un premier élément expliqué plus tard)
endPoints = { }             # mindegyik élthez asszociálja a két végpontját

numberOfVertexes = 0        # A létrehozott csúcsok száma
numberOfLines = 0           # A létrehozott élek száma

application = Tk()
application.title("Edigraph 13")

currentState = StringVar(application)
currentState.set(STATE_CREATION_VERTEX)

def neighbourVertex(x, y):
   pres = 10
   objets = canvas.find_enclosed(x - pres, y - pres, x + pres, y + pres)
   if len(objets) > 0:    # ha van...
       return objets[0]   # ...akkor az elsőt vesszük
   else:
       return None

def refreshCounters(nVertexes, nLines):
   global numberOfVertexes, numberOfLines

   numberOfVertexes = nVertexes
   numberOfLines = nLines
   etiqNbrOfVertexes.config(text = str(numberOfVertexes) + " vertex")
   etiqNbrOfLines.config(text = str(numberOfLines) + " él")

def createVertex(x, y):
   vertex = canvas.create_oval(x - R, y - R, x + R, y + R,
               fill = COLOUR_VERTEX, width = 0)
   s = str(numberOfVertexes)
   etiquette = canvas.create_text(x + 2 * R, y - R, text = s, anchor=W)
   attributs[vertex] = [ etiquette ]   # a placeholder helyén

   refreshCounters(numberOfVertexes + 1, numberOfLines)

def createLine(orig, endP):
   x0, y0 = centre(orig)
   x1, y1 = centre(endP)
   line_ = canvas.create_line(x0, y0, x1, y1)

   endPoints[line_] = (orig, endP)
   attributs[orig].append(line_)
   attributs[endP].append(line_)

   refreshCounters(numberOfVertexes, numberOfLines + 1)

def checkBoxCreateVertex():
   statusBar.config(text=HELP_CREATION_VERTEX)

def checkBoxCreateLine():
   statusBar.config(text=HELP_CREATION_LINE)

def checkBoxDefEtiquette():
   statusBar.config(text=HELP__DEFINITION_ETIQUETTE)

def centre(vertex):
   a, b, c, d = canvas.coords(vertex)
   return (a + c) / 2, (b + d) / 2

def definitionEtiquette(vertex):
   etiquette = attributs[vertex][0]
   texte = canvas.itemcget(etiquette, 'text')
   if not texte.isdigit():
       tkMessageBox.showwarning("Címke definiálása",
               "Ennek a csúcsnak a címkéjét már definiáltuk")
   else:
       texte = tkSimpleDialog.askstring("Etiquette",
               "Az új érték megadása :", initialvalue = texte)
       if texte != None:
           canvas.itemconfigure(etiquette, text = texte)
           listeEtiquettes.insert(END, texte)

def pressButtonLeft(event):
   global vertexSelected

   if currentState.get() == STATE_CREATION_VERTEX:
       createVertex(event.x, event.y)

   elif currentState.get() == STATE_CREATION_LINE:
       s = neighbourVertex(event.x, event.y)
       if s != None:
           vertexSelected = s
           currentState.set(ETAT_SUITE_CREATION_ARETE)
           statusBar.config(text=AIDE_SUITE_CREATION_ARETE)

   elif currentState.get() == ETAT_SUITE_CREATION_ARETE:
       s = neighbourVertex(event.x, event.y)
       if s != None:
           createLine(vertexSelected, s)
           currentState.set(STATE_CREATION_LINE)
           statusBar.config(text=HELP_CREATION_LINE)

   else: # currentState.get() == STATE_DEFINITION_ETIQUETTE
       s = neighbourVertex(event.x, event.y)
       if s != None:
           definitionEtiquette(s)

def replace(line_):
   vertex0, vertex1 = endPoints[line_]
   x0, y0 = centre(vertex0)
   x1, y1 = centre(vertex1)
   canvas.coords(line_, x0, y0, x1, y1)

def moveVertex(x, y):
   canvas.coords(vertexToMove, x - R, y - R, x + R, y + R)
   liste = attributs[vertexToMove]
   canvas.coords(liste[0], x + 2 * R, y - R)
   for line_ in liste[1:]:
       replace(line_)

def pressButtonRight(event):
   global vertexToMove
   s = neighbourVertex(event.x, event.y)
   if s != None:
       vertexToMove = s

def moveButtonRight(event):
   if vertexToMove != None:
       moveVertex(event.x, event.y)

def releaseButtonRight(event):
   global vertexToMove
   vertexToMove = None

def clearAll():
   canvas.addtag_all("a_effacer")
   canvas.delete("a_effacer")
   refreshCounters(0, 0)

def pressButtonClear():
   if tkMessageBox.askyesno("Figyelem",
           "Valóban mindent le akar rombolni?"):
       clearAll()

statusBar = Label(application, text=HELP_CREATION_VERTEX,
           bd=1, relief=SUNKEN, anchor=W)
statusBar.pack(side=BOTTOM, fill=X)

canvas = Canvas(application, bg="#C8FFFF", width=400, height=400)
canvas.pack(side=RIGHT, fill=BOTH, expand=True, padx=2, pady=2)

canvas.bind('<Button-1>', pressButtonLeft)
canvas.bind('<Button-3>', pressButtonRight)
canvas.bind('<B3-Motion>', moveButtonRight)
canvas.bind('<ButtonRelease-3>', releaseButtonRight)

paneUpper = Frame(application, width=150, height = 200,
           padx=4, pady=4, bd=2, relief = RIDGE)
paneUpper.pack(side=TOP)

lab = Label(paneUpper, text="Balegérgomb :")
lab.grid(row=0, sticky=W)

rb = Radiobutton(paneUpper, variable=currentState, text='Vertex létrehozása',
               value=STATE_CREATION_VERTEX, command=checkBoxCreateVertex)
rb.grid(row=1, sticky=W)
rb = Radiobutton(paneUpper, variable=currentState, text='Él létrehozása',
               value=STATE_CREATION_LINE, command=checkBoxCreateLine)
rb.grid(row=2, sticky=W)
rb = Radiobutton(paneUpper, variable=currentState, text='Címke definiálása',
               value=STATE_DEFINITION_ETIQUETTE, command=checkBoxDefEtiquette)
rb.grid(row=3, sticky=W)

bouton = Button(paneUpper, text='Mindent töröl', command=pressButtonClear)
bouton.grid(row=4)

paneLower = Frame(application)
paneLower.pack(side=BOTTOM, fill=BOTH, expand=True)

etiqNbrOfLines = Label(paneLower)
etiqNbrOfLines.pack(side=BOTTOM, anchor=W)
etiqNbrOfVertexes = Label(paneLower)
etiqNbrOfVertexes.pack(side=BOTTOM, anchor=W)

refreshCounters(0, 0)

lab = Label(paneLower, text="Címkék :")
lab.pack(side=TOP, anchor=W)

listeEtiquettes = Listbox(paneLower)
listeEtiquettes.pack(side=BOTTOM, fill=Y, expand=True)

application.mainloop()
 

14. lépés

A címkelista használata csúcsok keresésére (és nyilvánvalóvá tételére)

 
  1
  2
  3
  4
  5
  6
  7
  8
  9
 10
 11
 12
 13
 14
 15
 16
 17
 18
 19
 20
 21
 22
 23
 24
 25
 26
 27
 28
 29
 30
 31
 32
 33
 34
 35
 36
 37
 38
 39
 40
 41
 42
 43
 44
 45
 46
 47
 48
 49
 50
 51
 52
 53
 54
 55
 56
 57
 58
 59
 60
 61
 62
 63
 64
 65
 66
 67
 68
 69
 70
 71
 72
 73
 74
 75
 76
 77
 78
 79
 80
 81
 82
 83
 84
 85
 86
 87
 88
 89
 90
 91
 92
 93
 94
 95
 96
 97
 98
 99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231

#! /usr/bin/env python
# -*- coding: iso-8859-2 -*-

from Tkinter import *
import tkMessageBox
import tkSimpleDialog

STATE_CREATION_VERTEX = 'createVertex'
STATE_CREATION_LINE = 'createLine'
ETAT_SUITE_CREATION_ARETE = 'suiteCreationArete'
STATE_DEFINITION_ETIQUETTE = 'modifLabel'

HELP_CREATION_VERTEX      = "Vertex létrehozása : kattints a hely meghatározásához"
HELP_CREATION_LINE = "Él létrehozása : kattints a kezdőpont definiálásához"
AIDE_SUITE_CREATION_ARETE = "Él létrehozása : kattints a végpontok definiálásához"
HELP__DEFINITION_ETIQUETTE = "Címke definiálása : jelölje meg a csúcsot"

R = 3                       # a vertexek sugara
R2 = 6                      # a vertexek sugara nyilvánvalóvá téve
COLOUR_VERTEX = 'black'     # a vertexek színe
COLOUR_VERTEX2 = 'red'      # a vertexek színe  nyilvánvalóvá téve

vertexToMove = None  # (néha) a csúcsot éppen áthelyezzük

                           # két szótár:
attributs = { }             # összekapcsolja minegyik vertex-szel a szomszédos élet
                           # (avec un premier élément expliqué plus tard)
endPoints = { }             # mindegyik élthez asszociálja a két végpontját

vertexAssociated = { }      # minden címókéhez a megfelelő csúcshoz kapcsolja

numberOfVertexes = 0        # A létrehozott csúcsok száma
numberOfLines = 0           # A létrehozott élek száma

application = Tk()
application.title("Edigraph 14")

currentState = StringVar(application)
currentState.set(STATE_CREATION_VERTEX)

def neighbourVertex(x, y):
   pres = 10
   objets = canvas.find_enclosed(x - pres, y - pres, x + pres, y + pres)
   if len(objets) > 0:    # ha van...
       return objets[0]   # ...akkor az elsőt vesszük
   else:
       return None

def refreshCounters(nVertexes, nLines):
   global numberOfVertexes, numberOfLines

   numberOfVertexes = nVertexes
   numberOfLines = nLines
   etiqNbrOfVertexes.config(text = str(numberOfVertexes) + " vertex")
   etiqNbrOfLines.config(text = str(numberOfLines) + " él")

def createVertex(x, y):
   vertex = canvas.create_oval(x - R, y - R, x + R, y + R,
               fill = COLOUR_VERTEX, width = 0)
   s = str(numberOfVertexes)
   etiquette = canvas.create_text(x + 2 * R, y - R, text = s, anchor=W)
   attributs[vertex] = [ etiquette ]   # a placeholder helyén

   refreshCounters(numberOfVertexes + 1, numberOfLines)

def createLine(orig, endP):
   x0, y0 = centre(orig)
   x1, y1 = centre(endP)
   line_ = canvas.create_line(x0, y0, x1, y1)

   endPoints[line_] = (orig, endP)
   attributs[orig].append(line_)
   attributs[endP].append(line_)

   refreshCounters(numberOfVertexes, numberOfLines + 1)

def checkBoxCreateVertex():
   statusBar.config(text=HELP_CREATION_VERTEX)

def checkBoxCreateLine():
   statusBar.config(text=HELP_CREATION_LINE)

def checkBoxDefEtiquette():
   statusBar.config(text=HELP__DEFINITION_ETIQUETTE)

def centre(vertex):
   a, b, c, d = canvas.coords(vertex)
   return (a + c) / 2, (b + d) / 2

def definitionEtiquette(vertex):
   etiquette = attributs[vertex][0]
   texte = canvas.itemcget(etiquette, 'text')
   if not texte.isdigit():
       tkMessageBox.showwarning("Címke definiálása",
               "Ennek a csúcsnak a címkéjét már definiáltuk")
   else:
       texte = tkSimpleDialog.askstring("Etiquette",
               "Az új érték megadása :", initialvalue = texte)
       if texte != None:
           canvas.itemconfigure(etiquette, text = texte)
           listeEtiquettes.insert(END, texte)
           vertexAssociated[texte] = vertex

def pressButtonLeft(event):
   global vertexSelected

   if currentState.get() == STATE_CREATION_VERTEX:
       createVertex(event.x, event.y)

   elif currentState.get() == STATE_CREATION_LINE:
       s = neighbourVertex(event.x, event.y)
       if s != None:
           vertexSelected = s
           currentState.set(ETAT_SUITE_CREATION_ARETE)
           statusBar.config(text=AIDE_SUITE_CREATION_ARETE)

   elif currentState.get() == ETAT_SUITE_CREATION_ARETE:
       s = neighbourVertex(event.x, event.y)
       if s != None:
           createLine(vertexSelected, s)
           currentState.set(STATE_CREATION_LINE)
           statusBar.config(text=HELP_CREATION_LINE)

   else: # currentState.get() == STATE_DEFINITION_ETIQUETTE
       s = neighbourVertex(event.x, event.y)
       if s != None:
           definitionEtiquette(s)

def replace(line_):
   vertex0, vertex1 = endPoints[line_]
   x0, y0 = centre(vertex0)
   x1, y1 = centre(vertex1)
   canvas.coords(line_, x0, y0, x1, y1)

def moveVertex(x, y):
   canvas.coords(vertexToMove, x - R, y - R, x + R, y + R)
   liste = attributs[vertexToMove]
   canvas.coords(liste[0], x + 2 * R, y - R)
   for line_ in liste[1:]:
       replace(line_)

def pressButtonRight(event):
   global vertexToMove
   s = neighbourVertex(event.x, event.y)
   if s != None:
       vertexToMove = s

def moveButtonRight(event):
   if vertexToMove != None:
       moveVertex(event.x, event.y)

def releaseButtonRight(event):
   global vertexToMove
   vertexToMove = None

def clearAll():
   canvas.addtag_all("a_effacer")
   canvas.delete("a_effacer")
   refreshCounters(0, 0)

def pressButtonClear():
   if tkMessageBox.askyesno("Figyelem",
           "Valóban mindent le akar rombolni?"):
       clearAll()

def actionOnList(evt):
   selections = listeEtiquettes.curselection()  # ex.: ('3', '5', '9')
   selection = selections[0]                    # ex.: '3'
   i = int(selection)                           # ex.: 3
   texte = listeEtiquettes.get(i)               # a megfelelő szöveg
   vertex = vertexAssociated[texte]             # a megfelelő csúcs

   x, y = centre(vertex)
   if canvas.itemcget(vertex, 'fill') == COLOUR_VERTEX:
       canvas.itemconfigure(vertex, fill=COLOUR_VERTEX2)
       canvas.coords(vertex, x - R2, y - R2, x + R2, y + R2)
   else:
       canvas.itemconfigure(vertex, fill=COLOUR_VERTEX)
       canvas.coords(vertex, x - R, y - R, x + R, y + R)

statusBar = Label(application, text=HELP_CREATION_VERTEX,
           bd=1, relief=SUNKEN, anchor=W)
statusBar.pack(side=BOTTOM, fill=X)

canvas = Canvas(application, bg="#C8FFFF", width=400, height=400)
canvas.pack(side=RIGHT, fill=BOTH, expand=True, padx=2, pady=2)

canvas.bind('<Button-1>', pressButtonLeft)
canvas.bind('<Button-3>', pressButtonRight)
canvas.bind('<B3-Motion>', moveButtonRight)
canvas.bind('<ButtonRelease-3>', releaseButtonRight)

paneUpper = Frame(application, width=150, height = 200,
           padx=4, pady=4, bd=2, relief = RIDGE)
paneUpper.pack(side=TOP)

lab = Label(paneUpper, text="Balegérgomb :")
lab.grid(row=0, sticky=W)

rb = Radiobutton(paneUpper, variable=currentState, text='Vertex létrehozása',
               value=STATE_CREATION_VERTEX, command=checkBoxCreateVertex)
rb.grid(row=1, sticky=W)
rb = Radiobutton(paneUpper, variable=currentState, text='Él létrehozása',
               value=STATE_CREATION_LINE, command=checkBoxCreateLine)
rb.grid(row=2, sticky=W)
rb = Radiobutton(paneUpper, variable=currentState, text='Címke definiálása',
               value=STATE_DEFINITION_ETIQUETTE, command=checkBoxDefEtiquette)
rb.grid(row=3, sticky=W)

bouton = Button(paneUpper, text='Mindent töröl', command=pressButtonClear)
bouton.grid(row=4)

paneLower = Frame(application)
paneLower.pack(side=BOTTOM, fill=BOTH, expand=True)

etiqNbrOfLines = Label(paneLower)
etiqNbrOfLines.pack(side=BOTTOM, anchor=W)
etiqNbrOfVertexes = Label(paneLower)
etiqNbrOfVertexes.pack(side=BOTTOM, anchor=W)

refreshCounters(0, 0)

lab = Label(paneLower, text="Címkék :")
lab.pack(side=TOP, anchor=W)

listeEtiquettes = Listbox(paneLower)
listeEtiquettes.pack(side=BOTTOM, fill=Y, expand=True)

listeEtiquettes.bind('<Button-1>', actionOnList)

application.mainloop()
 

15. lépés

Megjelennek a menük.

 
  1
  2
  3
  4
  5
  6
  7
  8
  9
 10
 11
 12
 13
 14
 15
 16
 17
 18
 19
 20
 21
 22
 23
 24
 25
 26
 27
 28
 29
 30
 31
 32
 33
 34
 35
 36
 37
 38
 39
 40
 41
 42
 43
 44
 45
 46
 47
 48
 49
 50
 51
 52
 53
 54
 55
 56
 57
 58
 59
 60
 61
 62
 63
 64
 65
 66
 67
 68
 69
 70
 71
 72
 73
 74
 75
 76
 77
 78
 79
 80
 81
 82
 83
 84
 85
 86
 87
 88
 89
 90
 91
 92
 93
 94
 95
 96
 97
 98
 99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270

#! /usr/bin/env python
# -*- coding: iso-8859-2 -*-

from Tkinter import *
import tkMessageBox
import tkSimpleDialog
import sys

STATE_CREATION_VERTEX  = 'createVertex'
STATE_CREATION_LINE = 'createLine'
ETAT_SUITE_CREATION_ARETE = 'suiteCreationArete'
STATE_DEFINITION_ETIQUETTE = 'modifLabel'

HELP_CREATION_VERTEX = "Vertex létrehozása : kattints a hely meghatározásához"
HELP_CREATION_LINE = "Él létrehozása : kattints a kezdőpont definiálásához"  
AIDE_SUITE_CREATION_ARETE = "Él létrehozása : kattints a végpontok definiálásához"
HELP__DEFINITION_ETIQUETTE = "Címke definiálása : jelölje meg a csúcsot"

R = 3                       # rayon des sommets   a vertexek sugara
R2 = 6                      # rayon des sommets mis en évidence
COLOUR_VERTEX = 'black'    # couleur des sommets   a vertexek színe
COLOUR_VERTEX2 = 'red'     # couleur des sommets mis en évidence  a vertexek színe nyilvánvalóvá téve

vertexToMove = None  # (néha) a csúcsot éppen áthelyezzük

                           # három szótár:
attributs = { }             # összekapcsolja minegyik vertex-szel a szomszédos élet
                           # (avec un premier élément expliqué plus tard)
endPoints = { }             # mindegyik élthez asszociálja a két végpontját
               
vertexAssociated = { }      # minden címókéhez a megfelelő csúcshoz kapcsolja

numberOfVertexes = 0         # A létrehozott csúcsok száma
numberOfLines = 0            # A létrehozott élek száma

application = Tk()
application.title("Edigraph 15")

currentState = StringVar(application)
currentState.set(STATE_CREATION_VERTEX)

def neighbourVertex(x, y):
   pres = 10
   objets = canvas.find_enclosed(x - pres, y - pres, x + pres, y + pres)
   if len(objets) > 0:    # ha van...
       return objets[0]   # ...akkor az elsőt vesszük
   else:
       return None

def refreshCounters(nVertexes, nLines):
   global numberOfVertexes, numberOfLines

   numberOfVertexes = nVertexes
   numberOfLines = nLines
   etiqNbrOfVertexes.config(text = str(numberOfVertexes) + " vertex")
   etiqNbrOfLines.config(text = str(numberOfLines) + " él")

def createVertex(x, y):
   vertex = canvas.create_oval(x - R, y - R, x + R, y + R,
               fill = COLOUR_VERTEX, width = 0)
   s = str(numberOfVertexes)
   etiquette = canvas.create_text(x + 2 * R, y - R, text = s, anchor=W)
   attributs[vertex] = [ etiquette ]   # a placeholder helyén

   refreshCounters(numberOfVertexes + 1, numberOfLines)

def createLine(orig, endP):
   x0, y0 = centre(orig)
   x1, y1 = centre(endP)
   line_ = canvas.create_line(x0, y0, x1, y1)

   endPoints[line_] = (orig, endP)
   attributs[orig].append(line_)
   attributs[endP].append(line_)

   refreshCounters(numberOfVertexes, numberOfLines + 1)

def checkBoxCreateVertex():
   statusBar.config(text=HELP_CREATION_VERTEX)

def checkBoxCreateLine():
   statusBar.config(text=HELP_CREATION_LINE)

def checkBoxDefEtiquette():
   statusBar.config(text=HELP__DEFINITION_ETIQUETTE)

def centre(vertex):
   a, b, c, d = canvas.coords(vertex)
   return (a + c) / 2, (b + d) / 2

def definitionEtiquette(vertex):
   etiquette = attributs[vertex][0]
   texte = canvas.itemcget(etiquette, 'text')
   if not texte.isdigit():
       tkMessageBox.showwarning("Címke definiálása",
               "Ennek a csúcsnak a címkéjét már definiáltuk")
   else:
       texte = tkSimpleDialog.askstring("Etiquette",
               "Az új érték megadása :", initialvalue = texte)
       if texte != None:
           canvas.itemconfigure(etiquette, text = texte)
           listeEtiquettes.insert(END, texte)
           vertexAssociated[texte] = vertex

def pressButtonLeft(event):
   global vertexSelected

   if currentState.get() == STATE_CREATION_VERTEX:
       createVertex(event.x, event.y)

   elif currentState.get() == STATE_CREATION_LINE:
       s = neighbourVertex(event.x, event.y)
       if s != None:
           vertexSelected = s
           currentState.set(ETAT_SUITE_CREATION_ARETE)
           statusBar.config(text=AIDE_SUITE_CREATION_ARETE)

   elif currentState.get() == ETAT_SUITE_CREATION_ARETE:
       s = neighbourVertex(event.x, event.y)
       if s != None:
           createLine(vertexSelected, s)
           currentState.set(STATE_CREATION_LINE)
           statusBar.config(text=HELP_CREATION_LINE)

   else: # currentState.get() == STATE_DEFINITION_ETIQUETTE
       s = neighbourVertex(event.x, event.y)
       if s != None:
           definitionEtiquette(s)

def replace(line_):
   vertex0, vertex1 = endPoints[line_]
   x0, y0 = centre(vertex0)
   x1, y1 = centre(vertex1)
   canvas.coords(line_, x0, y0, x1, y1)

def moveVertex(x, y):
   canvas.coords(vertexToMove, x - R, y - R, x + R, y + R)
   liste = attributs[vertexToMove]
   canvas.coords(liste[0], x + 2 * R, y - R)
   for line_ in liste[1:]:
       replace(line_)

def pressButtonRight(event):
   global vertexToMove
   s = neighbourVertex(event.x, event.y)
   if s != None:
       vertexToMove = s

def moveButtonRight(event):
   if vertexToMove != None:
       moveVertex(event.x, event.y)

def releaseButtonRight(event):
   global vertexToMove
   vertexToMove = None

def clearAll():
   canvas.addtag_all("a_effacer")
   canvas.delete("a_effacer")
   refreshCounters(0, 0)

def pressButtonClear():
   if tkMessageBox.askyesno("Figyelem",
           "Valóban mindent le akar rombolni?"):
       clearAll()

def actionOnList(evt):
   selections = listeEtiquettes.curselection()  # ex.: ('3', '5', '9')
   selection = selections[0]                    # ex.: '3'
   i = int(selection)                           # ex.: 3
   texte = listeEtiquettes.get(i)               # a megfelelő szöveg
   vertex = vertexAssociated[texte]             # a megfelelő csúcs

   x, y = centre(vertex)
   if canvas.itemcget(vertex, 'fill') == COLOUR_VERTEX:
       canvas.itemconfigure(vertex, fill=COLOUR_VERTEX2)
       canvas.coords(vertex, x - R2, y - R2, x + R2, y + R2)
   else:
       canvas.itemconfigure(vertex, fill=COLOUR_VERTEX)
       canvas.coords(vertex, x - R, y - R, x + R, y + R)

def comMenuQuitter():
   if tkMessageBox.askyesno("Figyelem",
           "Valóban ki akar lépni a programból ?"):
       sys.exit(0)

def comMenuAPropos():
   tkMessageBox.showinfo(
           "About...",
           "Az Edigraph\n\n" +
           "egy tisztán demonstratív célú gráfszerkesztő\n" +
           "a grafikus interface Tkinterrel való megvalósításának bemutatására    \n\n"  +
           "(C) H. Garreta, 2005")

def save_Graph():
   tkMessageBox.showwarning("Bocsanat...",
           "A gráf mentése funkció még nincs implementálva")

def restoreGraph():
   tkMessageBox.showwarning("Bocsanat...",
           "A gráf visszaállítása funkció még nincs implementálva")

statusBar = Label(application, text=HELP_CREATION_VERTEX,
           bd=1, relief=SUNKEN, anchor=W)
statusBar.pack(side=BOTTOM, fill=X)

canvas = Canvas(application, bg="#C8FFFF", width=400, height=400)
canvas.pack(side=RIGHT, fill=BOTH, expand=True, padx=2, pady=2)

canvas.bind('<Button-1>', pressButtonLeft)
canvas.bind('<Button-3>', pressButtonRight)
canvas.bind('<B3-Motion>', moveButtonRight)
canvas.bind('<ButtonRelease-3>', releaseButtonRight)

paneUpper = Frame(application, width=150, height = 200,
           padx=4, pady=4, bd=2, relief = RIDGE)
paneUpper.pack(side=TOP)

lab = Label(paneUpper, text="Balegérgomb :")
lab.grid(row=0, sticky=W)

rb = Radiobutton(paneUpper, variable=currentState, text='Vertex létrehozása',
               value=STATE_CREATION_VERTEX, command=checkBoxCreateVertex)
rb.grid(row=1, sticky=W)
rb = Radiobutton(paneUpper, variable=currentState, text='Él létrehozása',
               value=STATE_CREATION_LINE, command=checkBoxCreateLine)
rb.grid(row=2, sticky=W)
rb = Radiobutton(paneUpper, variable=currentState, text='Címke definiálása',
               value=STATE_DEFINITION_ETIQUETTE, command=checkBoxDefEtiquette)
rb.grid(row=3, sticky=W)

bouton = Button(paneUpper, text='Mindent töröl', command=pressButtonClear)
bouton.grid(row=4)

paneLower = Frame(application)
paneLower.pack(side=BOTTOM, fill=BOTH, expand=True)

etiqNbrOfLines = Label(paneLower)
etiqNbrOfLines.pack(side=BOTTOM, anchor=W)
etiqNbrOfVertexes = Label(paneLower)
etiqNbrOfVertexes.pack(side=BOTTOM, anchor=W)

refreshCounters(0, 0)

lab = Label(paneLower, text="Címkék :")
lab.pack(side=TOP, anchor=W)

listeEtiquettes = Listbox(paneLower)
listeEtiquettes.pack(side=BOTTOM, fill=Y, expand=True)
listeEtiquettes.bind('<Button-1>', actionOnList)

menuBar = Menu(application)
application.config(menu = menuBar)

saveGraph = Menu(menuBar)
menuBar.add_cascade(label="File", menu=saveGraph)

saveGraph.add_command(label="Új", command=pressButtonClear)
saveGraph.add_command(label="Megnyitás...", command=restoreGraph)
saveGraph.add_command(label="Mentés, mint...", command=save_Graph)
saveGraph.add_separator()
saveGraph.add_command(label="Kilépés", command=comMenuQuitter)

menuHelp = Menu(menuBar)
menuBar.add_cascade(label="Help", menu=menuHelp)

menuHelp.add_command(label="A propos", command=comMenuAPropos)

application.mainloop()
 

16. lépés

A gráf mentése egy szövegfile-ba.

 
  1
  2
  3
  4
  5
  6
  7
  8
  9
 10
 11
 12
 13
 14
 15
 16
 17
 18
 19
 20
 21
 22
 23
 24
 25
 26
 27
 28
 29
 30
 31
 32
 33
 34
 35
 36
 37
 38
 39
 40
 41
 42
 43
 44
 45
 46
 47
 48
 49
 50
 51
 52
 53
 54
 55
 56
 57
 58
 59
 60
 61
 62
 63
 64
 65
 66
 67
 68
 69
 70
 71
 72
 73
 74
 75
 76
 77
 78
 79
 80
 81
 82
 83
 84
 85
 86
 87
 88
 89
 90
 91
 92
 93
 94
 95
 96
 97
 98
 99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292

#! /usr/bin/env python
# -*- coding: iso-8859-2 -*-

from Tkinter import *
import tkMessageBox
import tkSimpleDialog
import tkFileDialog
import sys

STATE_CREATION_VERTEX  = 'createVertex'
STATE_CREATION_LINE = 'createLine'
ETAT_SUITE_CREATION_ARETE = 'suiteCreationArete'
STATE_DEFINITION_ETIQUETTE = 'modifLabel'

HELP_CREATION_VERTEX = "Vertex létrehozása : kattints a hely meghatározásához"
HELP_CREATION_LINE = "Él létrehozása : kattints a kezdőpont definiálásához"  
AIDE_SUITE_CREATION_ARETE = "Él létrehozása : kattints a végpontok definiálásához"
HELP__DEFINITION_ETIQUETTE = "Címke definiálása : jelölje meg a csúcsot"

R = 3                       # a vertexek sugara
R2 = 6                      # rayon des sommets mis en évidence
COLOUR_VERTEX = 'black'     # a vertexek színe
COLOUR_VERTEX2 = 'red'      # a vertexek színe nyilvánvalóvá téve

vertexToMove = None  # (néha) a csúcsot éppen áthelyezzük

                           # három szótár:
attributs = { }             # összekapcsolja minegyik vertex-szel a szomszédos élet
                           # (avec un premier élément expliqué plus tard)
endPoints = { }             # mindegyik élthez asszociálja a két végpontját
               
vertexAssociated = { }      # minden címókéhez a megfelelő csúcshoz kapcsolja

numberOfVertexes = 0         # A létrehozott csúcsok száma
numberOfLines = 0            # A létrehozott élek száma

application = Tk()
application.title("Edigraph 15")

currentState = StringVar(application)
currentState.set(STATE_CREATION_VERTEX)

def neighbourVertex(x, y):
   pres = 10
   objets = canvas.find_enclosed(x - pres, y - pres, x + pres, y + pres)
   if len(objets) > 0:    # ha van...
       return objets[0]   # ...akkor az elsőt vesszük
   else:
       return None

def refreshCounters(nVertexes, nLines):
   global numberOfVertexes, numberOfLines

   numberOfVertexes = nVertexes
   numberOfLines = nLines
   etiqNbrOfVertexes.config(text = str(numberOfVertexes) + " vertex")
   etiqNbrOfLines.config(text = str(numberOfLines) + " él")

def createVertex(x, y):
   vertex = canvas.create_oval(x - R, y - R, x + R, y + R,
               fill = COLOUR_VERTEX, width = 0)
   s = str(numberOfVertexes)
   etiquette = canvas.create_text(x + 2 * R, y - R, text = s, anchor=W)
   attributs[vertex] = [ etiquette ]   # a placeholder helyén

   refreshCounters(numberOfVertexes + 1, numberOfLines)

def createLine(orig, endP):
   x0, y0 = centre(orig)
   x1, y1 = centre(endP)
   line_ = canvas.create_line(x0, y0, x1, y1)

   endPoints[line_] = (orig, endP)
   attributs[orig].append(line_)
   attributs[endP].append(line_)

   refreshCounters(numberOfVertexes, numberOfLines + 1)

def checkBoxCreateVertex():
   statusBar.config(text=HELP_CREATION_VERTEX)

def checkBoxCreateLine():
   statusBar.config(text=HELP_CREATION_LINE)

def checkBoxDefEtiquette():
   statusBar.config(text=HELP__DEFINITION_ETIQUETTE)

def centre(vertex):
   a, b, c, d = canvas.coords(vertex)
   return (a + c) / 2, (b + d) / 2

def definitionEtiquette(vertex):
   etiquette = attributs[vertex][0]
   texte = canvas.itemcget(etiquette, 'text')
   if not texte.isdigit():
       tkMessageBox.showwarning("Címke definiálása",
               "Ennek a csúcsnak a címkéjét már definiáltuk")
   else:
       texte = tkSimpleDialog.askstring("Etiquette",
               "Az új érték megadása :", initialvalue = texte)
       if texte != None:
           canvas.itemconfigure(etiquette, text = texte)
           listeEtiquettes.insert(END, texte)
           vertexAssociated[texte] = vertex


def pressButtonLeft(event):
   global vertexSelected

   if currentState.get() == STATE_CREATION_VERTEX:
       createVertex(event.x, event.y)

   elif currentState.get() == STATE_CREATION_LINE:
       s = neighbourVertex(event.x, event.y)
       if s != None:
           vertexSelected = s
           currentState.set(ETAT_SUITE_CREATION_ARETE)
           statusBar.config(text=AIDE_SUITE_CREATION_ARETE)

   elif currentState.get() == ETAT_SUITE_CREATION_ARETE:
       s = neighbourVertex(event.x, event.y)
       if s != None:
           createLine(vertexSelected, s)
           currentState.set(STATE_CREATION_LINE)
           statusBar.config(text=HELP_CREATION_LINE)

   else: # currentState.get() == STATE_DEFINITION_ETIQUETTE
       s = neighbourVertex(event.x, event.y)
       if s != None:
           definitionEtiquette(s)

def replace(line_):
   vertex0, vertex1 = endPoints[line_]
   x0, y0 = centre(vertex0)
   x1, y1 = centre(vertex1)
   canvas.coords(line_, x0, y0, x1, y1)

def moveVertex(x, y):
   canvas.coords(vertexToMove, x - R, y - R, x + R, y + R)
   liste = attributs[vertexToMove]
   canvas.coords(liste[0], x + 2 * R, y - R)
   for line_ in liste[1:]:
       replace(line_)

def pressButtonRight(event):
   global vertexToMove
   s = neighbourVertex(event.x, event.y)
   if s != None:
       vertexToMove = s

def moveButtonRight(event):
   if vertexToMove != None:
       moveVertex(event.x, event.y)

def releaseButtonRight(event):
   global vertexToMove
   vertexToMove = None

def clearAll():
   canvas.addtag_all("a_effacer")
   canvas.delete("a_effacer")
   refreshCounters(0, 0)

def pressButtonClear():
   if tkMessageBox.askyesno("Figyelem",
           "Valóban mindent le akar rombolni?"):
       clearAll()

def actionOnList(evt):
   selections = listeEtiquettes.curselection()  # ex.: ('3', '5', '9')
   selection = selections[0]                    # ex.: '3'
   i = int(selection)                           # ex.: 3
   texte = listeEtiquettes.get(i)               # a megfelelő szöveg
   vertex = vertexAssociated[texte]             # a megfelelő csúcs

   x, y = centre(vertex)
   if canvas.itemcget(vertex, 'fill') == COLOUR_VERTEX:
       canvas.itemconfigure(vertex, fill=COLOUR_VERTEX2)
       canvas.coords(vertex, x - R2, y - R2, x + R2, y + R2)
   else:
       canvas.itemconfigure(vertex, fill=COLOUR_VERTEX)
       canvas.coords(vertex, x - R, y - R, x + R, y + R)

def comMenuQuitter():
   if tkMessageBox.askyesno("Figyelem",
           "Valóban ki akar lépni a programból ?"):
       sys.exit(0)

def comMenuAPropos():
   tkMessageBox.showinfo(
           "About...",
           "Az Edigraph\n\n" +
           "egy tisztán demonstratív célú gráfszerkesztő\n" +
           "a grafikus interface Tkinterrel való megvalósításának bemutatására    \n\n"  +
           "(C) H. Garreta, 2005")

def save_Graph():
   tkMessageBox.showwarning("Bocsanat...",
           "A gráf mentése funkció még nincs implementálva")

def save_Graph():
   file = tkFileDialog.asksaveasfile()
   if file == None:
       return

   liste = canvas.find_all()
   for item in liste:
       if canvas.type(item) == 'oval':
           dep = attributs[item]
           print >> file, '"' + canvas.itemcget(dep[0], 'text') + '"',
           print >> file, centre(item),
           for line_ in dep[1:]:
               neighbour = endPoints[line_][0]
               if neighbour == item:
                   neighbour = endPoints[line_][1]
               s = canvas.itemcget(attributs[neighbour][0], 'text')
               print >> file, '"' + s + '"',
           print >> file

   file.close()

def restoreGraph():
   tkMessageBox.showwarning("Bocsanat...",
           "A gráf visszaállítása funkció még nincs implementálva")

statusBar = Label(application, text=HELP_CREATION_VERTEX,
           bd=1, relief=SUNKEN, anchor=W)
statusBar.pack(side=BOTTOM, fill=X)

canvas = Canvas(application, bg="#C8FFFF", width=400, height=400)
canvas.pack(side=RIGHT, fill=BOTH, expand=True, padx=2, pady=2)

canvas.bind('<Button-1>', pressButtonLeft)
canvas.bind('<Button-3>', pressButtonRight)
canvas.bind('<B3-Motion>', moveButtonRight)
canvas.bind('<ButtonRelease-3>', releaseButtonRight)

paneUpper = Frame(application, width=150, height = 200,
           padx=4, pady=4, bd=2, relief = RIDGE)
paneUpper.pack(side=TOP)

lab = Label(paneUpper, text="Balegérgomb :")
lab.grid(row=0, sticky=W)

rb = Radiobutton(paneUpper, variable=currentState, text='Vertex létrehozása',
               value=STATE_CREATION_VERTEX, command=checkBoxCreateVertex)
rb.grid(row=1, sticky=W)
rb = Radiobutton(paneUpper, variable=currentState, text='Él létrehozása',
               value=STATE_CREATION_LINE, command=checkBoxCreateLine)
rb.grid(row=2, sticky=W)
rb = Radiobutton(paneUpper, variable=currentState, text='Címke definiálása',
               value=STATE_DEFINITION_ETIQUETTE, command=checkBoxDefEtiquette)
rb.grid(row=3, sticky=W)

bouton = Button(paneUpper, text='Mindent töröl', command=pressButtonClear)
bouton.grid(row=4)

paneLower = Frame(application)
paneLower.pack(side=BOTTOM, fill=BOTH, expand=True)

etiqNbrOfLines = Label(paneLower)
etiqNbrOfLines.pack(side=BOTTOM, anchor=W)
etiqNbrOfVertexes = Label(paneLower)
etiqNbrOfVertexes.pack(side=BOTTOM, anchor=W)

refreshCounters(0, 0)

lab = Label(paneLower, text="Címkék :")
lab.pack(side=TOP, anchor=W)

listeEtiquettes = Listbox(paneLower)
listeEtiquettes.pack(side=BOTTOM, fill=Y, expand=True)
listeEtiquettes.bind('<Button-1>', actionOnList)

menuBar = Menu(application)
application.config(menu = menuBar)

saveGraph = Menu(menuBar)
menuBar.add_cascade(label="File", menu=saveGraph)

saveGraph.add_command(label="Új", command=pressButtonClear)
saveGraph.add_command(label="Megnyitás...", command=restoreGraph)
saveGraph.add_command(label="Mentés, mint...", command=save_Graph)
saveGraph.add_separator()
saveGraph.add_command(label="Kilépés", command=comMenuQuitter)

menuHelp = Menu(menuBar)
menuBar.add_cascade(label="Help", menu=menuHelp)

menuHelp.add_command(label="A propos", command=comMenuAPropos)

application.mainloop()
 

Végső állapot

Majdnem ugyanaz, mint az előző, azonban a függvények máshogy vannak elrendezve.

 
  1
  2
  3
  4
  5
  6
  7
  8
  9
 10
 11
 12
 13
 14
 15
 16
 17
 18
 19
 20
 21
 22
 23
 24
 25
 26
 27
 28
 29
 30
 31
 32
 33
 34
 35
 36
 37
 38
 39
 40
 41
 42
 43
 44
 45
 46
 47
 48
 49
 50
 51
 52
 53
 54
 55
 56
 57
 58
 59
 60
 61
 62
 63
 64
 65
 66
 67
 68
 69
 70
 71
 72
 73
 74
 75
 76
 77
 78
 79
 80
 81
 82
 83
 84
 85
 86
 87
 88
 89
 90
 91
 92
 93
 94
 95
 96
 97
 98
 99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350

#! /usr/bin/env python
# -*- coding: iso-8859-2 -*-

from Tkinter import *
import tkMessageBox
import tkSimpleDialog
import tkFileDialog
import sys


### CONSTANTES ##################################################################

### a rendszer állapota azt definiálja, hogy mi lesz a következő kattintás hatása

STATE_CREATION_VERTEX      = 'createVertex'
STATE_CREATION_LINE = 'createLine'
ETAT_SUITE_CREATION_ARETE = 'suiteCreationArete'
STATE_DEFINITION_ETIQUETTE = 'modifLabel'

### az állapotsorba kiírt szöveg (az ablak aljára)

HELP_CREATION_VERTEX      = "Vertex létrehozása : kattints a hely meghatározásához"
HELP_CREATION_LINE = "Él létrehozása : kattints a kezdőpont definiálásához"
AIDE_SUITE_CREATION_ARETE = "Él létrehozása : kattints a végpontok definiálásához"
HELP__DEFINITION_ETIQUETTE = "Címke definiálása : jelölje meg a csúcsot"

### a csúcsokkal kapcsolatos konstansok

R = 3                       # rayon des sommets   a vertexek sugara
R2 = 2 * R                  # rayon des sommets mis en évidence
COLOUR_VERTEX = 'black'    # couleur des sommets   a vertexek színe
COLOUR_VERTEX2 = 'red'     # couleur des sommets   a vertexek színe  mis en évidence

### GLOBÁLIS VÁLTOZÓK ###########################################################
                           
attributs = { }             # mindegyik csúcshoz asszociálja a címkéjét és a szomszédos éleket
endPoints = { }             # mindegyik élthez asszociálja a két végpontját
vertexAssociated = { }         # egy címkéhez asszociálja a megfelelő csúcsot correspondant

numberOfVertexes = 0           # A létrehozott csúcsok száma
numberOfLines = 0              # A létrehozott élek száma
vertexToMove = None         # bizonyos pillanatokban: az áthelyezés közben lévő vertex
vertexSelected = None       # egy előző akcióban (esetleg) kiválasztott vertex
                       

### KÜLÖNBÖZŐ FÜGGVÉNYEK ##########################################################

def refreshCounters(nVertexes, nLines):
   """ A jelzett értékeket adja a numberOfVertexes és numberOfLines
       számlálóknak és aktualizálja a kiírást """
   global numberOfVertexes, numberOfLines
   
   numberOfVertexes = nVertexes
   numberOfLines = nLines
   etiqNbrOfVertexes.config(text = str(numberOfVertexes) + " vertex")
   etiqNbrOfLines.config(text = str(numberOfLines) + " él")    

def createVertex(x, y):
   """Az (x, y) középpontú és R sugarú körrel reprezentált csúcs létrehozása
"""
   vertex = canvas.create_oval(x - R, y - R, x + R, y + R,
               fill = COLOUR_VERTEX, width = 0)
   s = str(numberOfVertexes)
   etiquette = canvas.create_text(x + 2 * R, y - R, text = s, anchor=W)
   attributs[vertex] = [ etiquette ]
   vertexAssociated[etiquette] = vertex
   refreshCounters(numberOfVertexes + 1, numberOfLines)
 
def centre(vertex):
   """A csúcsot reprezentáló kör középpontjának kordinátáit adja visszatérési értékül"""
   a, b, c, d = canvas.coords(vertex)
   return (a + c) / 2, (b + d) / 2
   
def createLine(orig, endP):
   """Az orig és endP csúcsokat összekötő él létrehozása"""
   x0, y0 = centre(orig)
   x1, y1 = centre(endP)
   line_ = canvas.create_line(x0, y0, x1, y1)
   
   endPoints[line_] = (orig, endP)
   attributs[orig].append(line_)
   attributs[endP].append(line_)

   refreshCounters(numberOfVertexes, numberOfLines + 1)

def neighbourVertex(x, y):  
   """ Megtalálja az (x, y) ponttal szomszédos csúcsot, vagy None-t.
       A Canvas.find_enclosed -ot használjuk (a Canvas.find_closest helyett)
       azért, hogy elkerüljük egy él kiválasztását"""    
   pres = 10
   objets = canvas.find_enclosed(x - pres, y - pres, x + pres, y + pres)
   if len(objets) > 0:    # ha van...
       return objets[0]   # ...akkor az elsőt vesszük
   else:
       return None

def replace(line_):
   """Ennek a függvénynek a hívására kerül sor egy végpont mozgatása során"""
   vertex0, vertex1 = endPoints[line_]
   x0, y0 = centre(vertex0)
   x1, y1 = centre(vertex1)
   canvas.coords(line_, x0, y0, x1, y1)
   
def moveVertex(x, y):
   """A vertexToMove csúcs és mindannak az áthelyezése az (x, y) pontba, ami tőle függ
      (az aktuális címkének és az aktuális éleknek)."""
   canvas.coords(vertexToMove, x - R, y - R, x + R, y + R)
   depend = attributs[vertexToMove]
   canvas.coords(depend[0], x + 2 * R, y - R)
   for line_ in depend[1:]:
       replace(line_)

def definitionEtiquette(vertex):
   """A kijelölt csúcshoz definiál egy specifikus címkét"""
   etiquette = attributs[vertex][0]
   texte = canvas.itemcget(etiquette, 'text')
   if not texte.isdigit():
       tkMessageBox.showwarning("Címke definiálása",
               "Ennek a csúcsnak a címkéjét már definiáltuk")
   else:
       texte = tkSimpleDialog.askstring("Etiquette",
               "Az új érték megadása :", initialvalue = texte)
       if texte != None:
           canvas.itemconfigure(etiquette, text = texte)
           listeEtiquettes.insert(END, texte)
           vertexAssociated[texte] = vertex

def clearAll():
   """Az összes csúcs és él törlése"""
   canvas.addtag_all("a_effacer")
   canvas.delete("a_effacer")
   listeEtiquettes.delete(0)
   refreshCounters(0, 0)
   
def mettreEnEvidenceSommet(texte):
   """Az adott szövegű címkéhez tartozó csúcs színének és méretének megváltoztatása
      (egy normal <==> piros flip-flop-ról van szó)"""
   vertex = vertexAssociated[texte]
   x, y = centre(vertex)
   if canvas.itemcget(vertex, 'fill') == COLOUR_VERTEX:
       canvas.itemconfigure(vertex, fill=COLOUR_VERTEX2)
       canvas.coords(vertex, x - R2, y - R2, x + R2, y + R2)
   else:
       canvas.itemconfigure(vertex, fill=COLOUR_VERTEX)
       canvas.coords(vertex, x - R, y - R, x + R, y + R)

### Mentés file-ba, visszaállítás file-ból

def saveGraph():
   """A gráf aktuális állapotát egy szövegfile-ba mentjük.
      Nem használhatjuk a pickle modult, mert nem tudjuk milyen struktúúrákat manipulálunk
      (a Canvas fekete doboz aspektusa)"""
   file = tkFileDialog.asksaveasfile()
   if file == None:
       return
   
   liste = canvas.find_all()
   for item in liste:
       if canvas.type(item) == 'oval':
           dep = attributs[item]
           print >> file, '"' + canvas.itemcget(dep[0], 'text') + '"', centre(item),
           for line_ in dep[1:]:
               neighbour = endPoints[line_][0]
               if neighbour == item:
                   neighbour = endPoints[line_][1]
               print >> file, '"' + canvas.itemcget(attributs[neighbour][0], 'text') + '"',
           print >> file
   
   file.close()

def restoreGraph():
   tkMessageBox.showwarning("Bocsánat...",
           "Ez a funkció még nincs implementálva")

### ESEMÉNYKEZELŐK ##############################################################

application = Tk()
application.title("Edigraph")

### a radiobutton-ok esetében a munka lényegi részét a currentState végzi el
### a következő függvények az állapotsor szövegét kezelik

currentState = StringVar(application)
currentState.set(STATE_CREATION_VERTEX)

def checkBoxCreateVertex():
   statusBar.config(text=HELP_CREATION_VERTEX)

def checkBoxCreateLine():
   statusBar.config(text=HELP_CREATION_LINE)

def checkBoxDefEtiquette():
   statusBar.config(text=HELP__DEFINITION_ETIQUETTE)

### A "Mindent töröl" gombnak csak az után van hatása, hogy a felhasználó jóváhagyta

def pressButtonClear():
   if tkMessageBox.askyesno("Figyelem",
           "Valóban mindent le akar rombolni?"):
       clearAll()    

### választás a listából

def actionOnList(evt):
   selections = listeEtiquettes.curselection()  # ex.: ('3', '5', '9')
   selection = selections[0]                    # ex.: '3'
   i = int(selection)                           # ex.: 3
   texte = listeEtiquettes.get(i)               # le texte correspodant   a megfelelő szöveg
   mettreEnEvidenceSommet(texte)                # la fonction qui bosse  

### a bal egérgombbal kattintás (a kapott hatás az állapottól függ)

def pressButtonLeft(event):
   global vertexSelected

   if currentState.get() == STATE_CREATION_VERTEX:
       createVertex(event.x, event.y)
   
   elif currentState.get() == STATE_CREATION_LINE:
       s = neighbourVertex(event.x, event.y)
       if s != None:
           vertexSelected = s
           currentState.set(ETAT_SUITE_CREATION_ARETE)
           statusBar.config(text=AIDE_SUITE_CREATION_ARETE)
   
   elif currentState.get() == ETAT_SUITE_CREATION_ARETE:
       s = neighbourVertex(event.x, event.y)
       if s != None:
           createLine(vertexSelected, s)
           currentState.set(STATE_CREATION_LINE)
           statusBar.config(text=HELP_CREATION_LINE)
   
   else: # currentState.get() == STATE_DEFINITION_ETIQUETTE
       s = neighbourVertex(event.x, event.y)
       if s != None:
           definitionEtiquette(s)

### akció a jobbegérgombbal (vonszolás - elengedés)

def pressButtonRight(event):
   global vertexToMove
   
   s = neighbourVertex(event.x, event.y)
   if s != None:
       vertexToMove = s

def moveButtonRight(event):
   if vertexToMove != None:
       moveVertex(event.x, event.y)
   
def releaseButtonRight(event):
   global vertexToMove
   
   vertexToMove = None

### menuparancsok

def comMenuQuitter():
   if tkMessageBox.askyesno("Figyelem",
           "Valóban ki akar lépni a programból ?"):
       sys.exit(0)

def comMenuAPropos():
   tkMessageBox.showinfo(
           "About...",
           "Az Edigraph\n\n" +
           "egy tisztán demonstratív célú gráfszerkesztő\n" +
           "a grafikus interface Tkinterrel való megvalósításának bemutatására    \n\n"  +
           "(C) H. Garreta, 2005")

### FŐPROGRAM ###################################################################

# állapotsor

statusBar = Label(application, text=HELP_CREATION_VERTEX,
                   bd=1, relief=SUNKEN, anchor=W)
statusBar.pack(side=BOTTOM, fill=X)

# rajzpanel

canvas = Canvas(application, bg="#C8FFFF", width=400, height=400)
canvas.pack(side=RIGHT, fill=BOTH, expand=True, padx=2, pady=2)

canvas.bind('<Button-1>', pressButtonLeft)
canvas.bind('<Button-3>', pressButtonRight)
canvas.bind('<B3-Motion>', moveButtonRight)
canvas.bind('<ButtonRelease-3>', releaseButtonRight)

### parancspanel (a felső panel)

paneUpper = Frame(application, width=150, height = 200,
           padx=4, pady=4, bd=2, relief = RIDGE)
paneUpper.pack(side=TOP)

lab = Label(paneUpper, text="Balegérgomb :")
lab.grid(row=0, sticky=W)

rb = Radiobutton(paneUpper, variable=currentState, text='Vertex létrehozása',
               value=STATE_CREATION_VERTEX, command=checkBoxCreateVertex)
rb.grid(row=1, sticky=W)
rb = Radiobutton(paneUpper, variable=currentState, text='Él létrehozása',
               value=STATE_CREATION_LINE, command=checkBoxCreateLine)
rb.grid(row=2, sticky=W)
rb = Radiobutton(paneUpper, variable=currentState, text='Címke definiálása',
               value=STATE_DEFINITION_ETIQUETTE, command=checkBoxDefEtiquette)
rb.grid(row=3, sticky=W)

bouton = Button(paneUpper, text='Mindent töröl', command=pressButtonClear)
bouton.grid(row=4)

### alsó panel

paneLower = Frame(application)
paneLower.pack(side=BOTTOM, fill=Y, expand=True)

lab = Label(paneLower, text="Címkék :")
lab.pack(side=TOP, anchor=W)

etiqNbrOfLines = Label(paneLower)
etiqNbrOfLines.pack(side=BOTTOM, anchor=W)
etiqNbrOfVertexes = Label(paneLower)
etiqNbrOfVertexes.pack(side=BOTTOM, anchor=W)
refreshCounters(0, 0)

listeEtiquettes = Listbox(paneLower)
listeEtiquettes.pack(side=BOTTOM, fill=Y, expand=True)
listeEtiquettes.bind('<Double-Button-1>', actionOnList)

### A menu installálása

menuBar = Menu(application)
application.config(menu = menuBar)

saveGraph = Menu(menuBar)
menuBar.add_cascade(label="File", menu=saveGraph)

saveGraph.add_command(label="Új", command=pressButtonClear)
saveGraph.add_command(label="Megnyitás...", command=restoreGraph)
saveGraph.add_command(label="Mentés, mint...", command=saveGraph)
saveGraph.add_separator()
saveGraph.add_command(label="Kilépés", command=comMenuQuitter)

menuHelp = Menu(menuBar)
menuBar.add_cascade(label="Help", menu=menuHelp)

menuHelp.add_command(label="A propos", command=comMenuAPropos)

### nem marad más hátra, mint az eseményfigyelő működtetése

application.mainloop()