Teď si ukážeme, jak napsat grafickou aplikaci.
Python obsahuje nástroje na kreslení obrázků, ale pro tvorbu her nejsou příliš vhodné. Použijeme proto knihovnu (nadstavbu) jménem Pyglet, která je přímo stavěná na interaktivní grafiku.
Musíme si ji ale nejdřív zvlášť nainstalovat. Nejjistější je do příkazové řádky se zapnutým virtuálním prostředím zadat následující dva příkazy. (Existují i jednodušší způsoby, které ovšem vyžadují „správně“ nastavený systém.)
pip, který umí instalovat knihovny pro Python:(venv)$ python -m pip install --upgrade pip
(venv)$ python -m pip install pyglet
U mě vypadá instalace nějak takto:
(venv)$ python -m pip install --upgrade pip
Requirement already satisfied: pip in ./venv/lib/python3.6/site-packages (18.0)
(venv)$ python -m pip install pyglet
Collecting pyglet
Downloading pyglet-1.2.4-py3-none-any.whl (964kB)
Installing collected packages: pyglet
Successfully installed pyglet-1.2.4
Důležité je Successfully installed, resp. Requirement already satisfied
na konci.
To znamená že je knihovna připravená k použití!
Teď zkus v editoru vytvořit nový soubor, uložit ho jako grafika.py
a napsat do něj následující program:
import pyglet
window = pyglet.window.Window()
pyglet.app.run()
print('Hotovo!')
Spusť ho. Mělo by se objevit černé okýnko.
Okýnko není černé?
Na některých počítačích (často s macOS a některými druhy Linuxu) se stává, že okýnko není černé, ale je v něm nějaký „nepořádek“. To nevadí. Než do okýnka začneme kreslit, nepořádek uklidíme.
AttributeError?
Jestli dostaneš chybu
AttributeError: module 'pyglet' has no attribute 'window', zkontroluj si,
zě jsi soubor pojmenovala grafika.py a ne pyglet.py.
Soubor v editoru„ulož jako grafika.py, případný soubor pyglet.py smaž,
a zkus to znovu.
Hotovo? Pojďme si vysvětlit, co se v tomhle programu děje.
Příkaz import pyglet ti zpřístupní grafickou knihovnu, tak jako třeba
import random ti zpřístupní funkce okolo náhodných čísel.
Zavolání pyglet.window.Window() vytvoří nové okýnko na obrazovce.
Vrátí objekt, kterým pak tohle okýnko můžeš ovládat; ten si uložíme
do proměnné window.
Zavolání pyglet.app.run() pak spustí aplikaci.
Co to znamená?
Jednoduché programy, které jsi zatím psala, jsou popisy procesu – podobně jako třeba recepty k vaření. Sled kroků, které Python postupně vykoná od prvního po poslední. Občas se něco opakuje a některé kroky se dají „zabalit“ do funkce, ale vždycky jsme zatím popisovali jeden postup od začátku po konec.
Programy pro složitější aplikace spíš než jako recept vypadají jako příručka automechanika. Popisují, co se má stát v jaké situaci. Třeba program pro textový editor by mohl vypadat takhle:
Když uživatel zmáčkne ⌫ Backspace, poslední písmenko umaž.
I takový program se dá napsat i jako „recept“ – ale ten recept je pro všechny aplikace stejný:
A to je přesně to, co dělá pyglet.app.run().
Zpracovává události, situace na které je potřeba zareagovat.
V tvém programu reaguje zavírací tlačítko okýnka a na klávesu Esc
tím, že okno zavře a ukončí se.
Tvůj úkol teď bude popsat, jaké další události jsou zajímavé a jak na ně reagovat.
Nejjednodušší událost, kterou můžeme obsloužit, je psaní textu na klávesnici.
Zkus do programu těsně nad řádek pyglet.app.run() dát následující kód:
@window.event
def on_text(text):
print(text)
Co to je? Je to definice funkce, ale na začátku má dekorátor – tu řádku začínající zavináčem.
Dekorátor window.event je způsob, jak Pygletu říct, že má tuto funkci
spustit, když se něco zajímavého stane.
Co zajímavého?
To Pyglet zjistí podle jména funkce: on_text reaguje na text.
Vždycky, když uživatel zmáčkne klávesu, Pyglet zavolá tvoji funkci!
A co udělá tvoje funkce? Zavolá print. To už znáš.
Zadaný text se vypíše na konzoli, ze které program spouštíš.
To, že je otevřené okýnko, neznamená že print začne automaticky psát do něj!
Jak psát do okýnka? To je trochu složitější než do konzole. Text tu může mít různé barvy, velikosti, druhy písma, může být všelijak posunutý nebo natočený…
Všechny tyhle atributy písma můžeme (i se samotným textem) uložit do objektu
Label („popisek“).
Zkus to – dej následující kód pod řádek s window =:
label = pyglet.text.Label("Ahoj!", x=10, y=20)
V proměnné label teď budeš mít máš popisek s textem "Ahoj", který patří
na pozici (10, 20) – 10 bodů od pravého okraje okna, 20 od spodního.
To je ale jen informace.
Podobně jako pro vypsání textu do konzole je potřeba zavolat print,
pro nakreslení textu je potřeba reagovat na událost
vykreslení okna – on_draw.
Dej pod funkci on_text tento kód:
@window.event
def on_draw():
window.clear()
label.draw()
Tuhle funkci Pyglet zavolá vždycky, když je potřeba nakreslit obsah okýnka. U animací (filmů nebo her) to často bývá třeba 60× za sekundu („60 FPS“).
Funkce dělá dvě věci:
V okně teď bude vidět pozdrav!
Zkus ještě změnit on_text tak, aby se zadaný text místo na konzoli
ukázal v okýnku.
To se dělá přiřazením do atributu label.text:
@window.event
def on_text(text):
print('Starý text:', label.text)
label.text = text
print('Nový text:', label.text)
Zvládneš v této funkci nový text přidat ke starému, aby program fungoval jako jednoduchý textový editor?
Na jaké další události se dá reagovat? Všechny jsou popsané v dokumentaci Pygletu. Tady uvádím pár zajímavých.
Klávesy, které nezadávají text (šipky, Backspace nebo
Enter, atp.) se dají rozpoznat v události on_key_press.
Funkce on_key_press má dva argumenty: první je kód klávesy,
který můžeš porovnat s konstantou z pyglet.window.key.
Druhý určuje stisknuté modifikátory jako Shift nebo Ctrl.
@window.event
def on_key_press(key_code, modifier):
if key_code == pyglet.window.key.BACKSPACE:
label.text = label.text[:-1]
if key_code == pyglet.window.key.ENTER:
print('Zadaná zpráva:', label.text)
window.close()
Na macOS budeš možná muset zaměňit BACKSPACE za DELETE.
(Nebo si doma nastuduj způsob, jak to dělat automaticky a správně.)
Při obsluze události on_mouse_press dostaneš informace o pozici
kliknutí (x-ovou a x-ovou souřadnici)
a navíc informaci o stisknutém tlačítku myši a modifikátoru.
Takhle se třeba popisek přesune na místo kliknutí:
@window.event
def on_mouse_press(x, y, button, modifier):
label.x = x
label.y = y
Pro případ, že by ses ztratila nebo nevěděla, kam který kousek kódu patří, uvádím výsledný ukázkový program.
import pyglet
window = pyglet.window.Window()
label = pyglet.text.Label("Ahoj!", x=10, y=20)
@window.event
def on_draw():
window.clear()
label.draw()
@window.event
def on_text(text):
label.text = label.text + text
@window.event
def on_key_press(key_code, modifier):
if key_code == pyglet.window.key.BACKSPACE:
label.text = label.text[:-1]
if key_code == pyglet.window.key.ENTER:
print('Zadaná zpráva:', label.text)
window.close()
@window.event
def on_mouse_press(x, y, button, modifier):
label.x = x
label.y = y
pyglet.app.run()
{
"data": {
"sessionMaterial": {
"id": "session-material:2018/snake-brno:workshop:1",
"title": "Úvod do Pygletu",
"html": "\n \n \n\n <h1>Grafika</h1>\n<p>Teď si ukážeme, jak napsat grafickou aplikaci.</p>\n<p>Python obsahuje nástroje na kreslení obrázků,\nale pro tvorbu her nejsou příliš vhodné.\nPoužijeme proto <em>knihovnu</em> (nadstavbu) jménem Pyglet, která je přímo stavěná\nna interaktivní grafiku.</p>\n<p>Musíme si ji ale nejdřív zvlášť nainstalovat.\nNejjistější je do příkazové řádky se zapnutým virtuálním prostředím\nzadat následující dva příkazy.\n(Existují i jednodušší způsoby, které ovšem vyžadují „správně“\nnastavený systém.)</p>\n<ul>\n<li>Aktualizace nástroje <code>pip</code>, který umí instalovat knihovny pro Python:<div class=\"highlight\"><pre><span></span><span class=\"gp\">(venv)$ </span>python -m pip install --upgrade pip\n</pre></div>(V překladu: <strong>Python</strong>e, spusť <strong>m</strong>odul <strong>pip</strong> a řekni mu,\nať na<strong>instal</strong>uje a kdyžtak aktualizuje (<em>upgrade</em>) knihovnu <strong>pip</strong>.)</li>\n<li>Samotné nainstalování Pygletu:<div class=\"highlight\"><pre><span></span><span class=\"gp\">(venv)$ </span>python -m pip install pyglet\n</pre></div>(V překladu: <strong>Python</strong>e, spusť <strong>m</strong>odul <strong>pip</strong> a řekni mu,\nať na<strong>instal</strong>uje knihovnu <strong>pyglet</strong>.)</li>\n</ul>\n<p>U mě vypadá instalace nějak takto:</p>\n<div class=\"highlight\"><pre><span></span><span class=\"gp\">(venv)$ </span>python -m pip install --upgrade pip\n<span class=\"go\">Requirement already satisfied: pip in ./venv/lib/python3.6/site-packages (18.0)</span>\n<span class=\"gp\">(venv)$ </span>python -m pip install pyglet\n<span class=\"go\">Collecting pyglet</span>\n<span class=\"go\"> Downloading pyglet-1.2.4-py3-none-any.whl (964kB)</span>\n<span class=\"go\">Installing collected packages: pyglet</span>\n<span class=\"go\">Successfully installed pyglet-1.2.4</span>\n</pre></div><p>Důležité je <code>Successfully installed</code>, resp. <code>Requirement already satisfied</code>\nna konci.\nTo znamená že je knihovna připravená k použití!</p>\n<h2>Kostra programu</h2>\n<p>Teď zkus v editoru vytvořit nový soubor, uložit ho jako <code>grafika.py</code>\na napsat do něj následující program:</p>\n<div class=\"highlight\"><pre><span></span><span class=\"kn\">import</span> <span class=\"nn\">pyglet</span>\n<span class=\"n\">window</span> <span class=\"o\">=</span> <span class=\"n\">pyglet</span><span class=\"o\">.</span><span class=\"n\">window</span><span class=\"o\">.</span><span class=\"n\">Window</span><span class=\"p\">()</span>\n<span class=\"n\">pyglet</span><span class=\"o\">.</span><span class=\"n\">app</span><span class=\"o\">.</span><span class=\"n\">run</span><span class=\"p\">()</span>\n<span class=\"k\">print</span><span class=\"p\">(</span><span class=\"s1\">'Hotovo!'</span><span class=\"p\">)</span>\n</pre></div><p>Spusť ho. Mělo by se objevit černé okýnko.</p>\n<div class=\"admonition note\"><p class=\"admonition-title\">Okýnko není černé?</p>\n<p>Na některých počítačích (často s macOS a některými druhy Linuxu) se stává,\nže okýnko není černé, ale je v něm nějaký „nepořádek“.\nTo nevadí.\nNež do okýnka začneme kreslit, nepořádek uklidíme.</p>\n</div><div class=\"admonition note\"><p class=\"admonition-title\">AttributeError?</p>\n<p>Jestli dostaneš chybu\n<code>AttributeError: module 'pyglet' has no attribute 'window'</code>, zkontroluj si,\nzě jsi soubor pojmenovala <code>grafika.py</code> a ne <code>pyglet.py</code>.\nSoubor v editoru„ulož jako <code>grafika.py</code>, případný soubor <code>pyglet.py</code> smaž,\na zkus to znovu.</p>\n</div><p>Hotovo? Pojďme si vysvětlit, co se v tomhle programu děje.</p>\n<p>Příkaz <code>import pyglet</code> ti zpřístupní grafickou knihovnu, tak jako třeba\n<code>import random</code> ti zpřístupní funkce okolo náhodných čísel.</p>\n<p>Zavolání <code>pyglet.window.Window()</code> vytvoří nové <em>okýnko</em> na obrazovce.\nVrátí objekt, kterým pak tohle okýnko můžeš ovládat; ten si uložíme\ndo proměnné <code>window</code>.</p>\n<p>Zavolání <code>pyglet.app.run()</code> pak spustí aplikaci.\nCo to znamená?</p>\n<p>Jednoduché programy, které jsi zatím psala, jsou popisy procesu – podobně\njako třeba recepty k vaření.\nSled kroků, které Python postupně vykoná od prvního po poslední.\nObčas se něco opakuje a některé kroky se dají „zabalit“ do funkce,\nale vždycky jsme zatím popisovali jeden postup od začátku po konec.</p>\n<p>Programy pro složitější aplikace spíš než jako recept vypadají jako příručka\nautomechanika.\nPopisují, co se má stát v jaké situaci.\nTřeba program pro textový editor by mohl vypadat takhle:</p>\n<ul>\n<li>Když uživatel zmáčkne písmenko na klávesnici, přidej ho do dokumentu.</li>\n<li><p>Když uživatel zmáčkne <kbd>⌫ Backspace</kbd>, poslední písmenko umaž.</p></li>\n<li>Když uživatel zmáčkne tlačítko Uložit, zapiš soubor na disk.</li>\n</ul>\n<p>I takový program se dá napsat i jako „recept“ – ale ten recept je pro všechny\naplikace stejný:</p>\n<ul>\n<li>Pořád dokola:<ul>\n<li>Počkej, než se něco zajímavého stane</li>\n<li>Zareaguj na nastalou situaci</li>\n</ul>\n</li>\n</ul>\n<p>A to je přesně to, co dělá <code>pyglet.app.run()</code>.\nZpracovává <em>události</em>, situace na které je potřeba zareagovat.\nV tvém programu reaguje zavírací tlačítko okýnka a na klávesu <kbd>Esc</kbd>\ntím, že okno zavře a ukončí se.</p>\n<p>Tvůj úkol teď bude popsat, jaké další události jsou zajímavé\na jak na ně reagovat.</p>\n<h2>Obsluha událostí</h2>\n<p>Nejjednodušší událost, kterou můžeme obsloužit, je psaní textu na klávesnici.</p>\n<p>Zkus do programu těsně nad řádek <code>pyglet.app.run()</code> dát následující kód:</p>\n<div class=\"highlight\"><pre><span></span><span class=\"nd\">@window.event</span>\n<span class=\"k\">def</span> <span class=\"nf\">on_text</span><span class=\"p\">(</span><span class=\"n\">text</span><span class=\"p\">):</span>\n <span class=\"k\">print</span><span class=\"p\">(</span><span class=\"n\">text</span><span class=\"p\">)</span>\n</pre></div><p>Co to je?\nJe to definice funkce, ale na začátku má <em>dekorátor</em> – tu řádku začínající\nzavináčem.</p>\n<p>Dekorátor <code>window.event</code> je způsob, jak Pygletu říct, že má tuto funkci\nspustit, když se něco zajímavého stane.</p>\n<p>Co zajímavého?\nTo Pyglet zjistí podle jména funkce: <code>on_text</code> reaguje na text.\nVždycky, když uživatel zmáčkne klávesu, Pyglet zavolá tvoji funkci!</p>\n<p>A co udělá tvoje funkce? Zavolá <code>print</code>. To už znáš.\nZadaný text se vypíše na konzoli, ze které program spouštíš.\nTo, že je otevřené okýnko, neznamená že <code>print</code> začne automaticky psát do něj!</p>\n<h2>Kreslení</h2>\n<p>Jak psát do okýnka?\nTo je trochu složitější než do konzole.\nText tu může mít různé barvy, velikosti, druhy písma,\nmůže být všelijak posunutý nebo natočený…</p>\n<p>Všechny tyhle <em>atributy</em> písma můžeme (i se samotným textem) uložit do objektu \n<code>Label</code> („popisek“).\nZkus to – dej následující kód pod řádek s <code>window =</code>:</p>\n<div class=\"highlight\"><pre><span></span><span class=\"n\">label</span> <span class=\"o\">=</span> <span class=\"n\">pyglet</span><span class=\"o\">.</span><span class=\"n\">text</span><span class=\"o\">.</span><span class=\"n\">Label</span><span class=\"p\">(</span><span class=\"s2\">"Ahoj!"</span><span class=\"p\">,</span> <span class=\"n\">x</span><span class=\"o\">=</span><span class=\"mi\">10</span><span class=\"p\">,</span> <span class=\"n\">y</span><span class=\"o\">=</span><span class=\"mi\">20</span><span class=\"p\">)</span>\n</pre></div><p>V proměnné <code>label</code> teď budeš mít máš popisek s textem <code>"Ahoj"</code>, který patří\nna pozici (10, 20) – 10 bodů od pravého okraje okna, 20 od spodního.</p>\n<p>To je ale jen informace.\nPodobně jako pro vypsání textu do konzole je potřeba zavolat <code>print</code>,\npro nakreslení textu je potřeba reagovat na událost\n<em>vykreslení okna</em> – <code>on_draw</code>.</p>\n<p>Dej pod funkci <code>on_text</code> tento kód:</p>\n<div class=\"highlight\"><pre><span></span><span class=\"nd\">@window.event</span>\n<span class=\"k\">def</span> <span class=\"nf\">on_draw</span><span class=\"p\">():</span>\n <span class=\"n\">window</span><span class=\"o\">.</span><span class=\"n\">clear</span><span class=\"p\">()</span>\n <span class=\"n\">label</span><span class=\"o\">.</span><span class=\"n\">draw</span><span class=\"p\">()</span>\n</pre></div><p>Tuhle funkci Pyglet zavolá vždycky, když je potřeba nakreslit obsah okýnka.\nU animací (filmů nebo her) to často bývá třeba 60× za sekundu\n(„<a href=\"https://cs.wikipedia.org/wiki/Sn%C3%ADmkov%C3%A1_frekvence\">60 FPS</a>“).</p>\n<p>Funkce dělá dvě věci:</p>\n<ul>\n<li>Smaže celé okýnko (nabarví ho na černo)</li>\n<li>Vykreslí text</li>\n</ul>\n<p>V okně teď bude vidět pozdrav!</p>\n<p>Zkus ještě změnit <code>on_text</code> tak, aby se zadaný text místo na konzoli\nukázal v okýnku.\nTo se dělá přiřazením do <em>atributu</em> <code>label.text</code>:</p>\n<div class=\"highlight\"><pre><span></span><span class=\"nd\">@window.event</span>\n<span class=\"k\">def</span> <span class=\"nf\">on_text</span><span class=\"p\">(</span><span class=\"n\">text</span><span class=\"p\">):</span>\n <span class=\"k\">print</span><span class=\"p\">(</span><span class=\"s1\">'Starý text:'</span><span class=\"p\">,</span> <span class=\"n\">label</span><span class=\"o\">.</span><span class=\"n\">text</span><span class=\"p\">)</span>\n <span class=\"n\">label</span><span class=\"o\">.</span><span class=\"n\">text</span> <span class=\"o\">=</span> <span class=\"n\">text</span>\n <span class=\"k\">print</span><span class=\"p\">(</span><span class=\"s1\">'Nový text:'</span><span class=\"p\">,</span> <span class=\"n\">label</span><span class=\"o\">.</span><span class=\"n\">text</span><span class=\"p\">)</span>\n</pre></div><p>Zvládneš v této funkci nový text přidat ke starému,\naby program fungoval jako jednoduchý textový editor?</p>\n<div class=\"solution\" id=\"solution-0\">\n <h3>Řešení</h3>\n <div class=\"solution-cover\">\n <a href=\"/2018/snake-brno/fast-track/pyglet/index/solutions/0/\"><span class=\"link-text\">Ukázat řešení</span></a>\n </div>\n <div class=\"solution-body\" aria-hidden=\"true\">\n <div class=\"highlight\"><pre><span></span><span class=\"nd\">@window.event</span>\n<span class=\"k\">def</span> <span class=\"nf\">on_text</span><span class=\"p\">(</span><span class=\"n\">text</span><span class=\"p\">):</span>\n <span class=\"n\">label</span><span class=\"o\">.</span><span class=\"n\">text</span> <span class=\"o\">=</span> <span class=\"n\">label</span><span class=\"o\">.</span><span class=\"n\">text</span> <span class=\"o\">+</span> <span class=\"n\">text</span>\n</pre></div>\n </div>\n</div><h2>Další událostí</h2>\n<p>Na jaké další události se dá reagovat?\nVšechny jsou popsané v <a href=\"https://pyglet.readthedocs.io/en/latest/modules/window.html#pyglet.window.Window.on_activate\">dokumentaci Pygletu</a>.\nTady uvádím pár zajímavých.</p>\n<h3>Stisk klávesy</h3>\n<p>Klávesy, které nezadávají text (šipky, <kbd>Backspace</kbd> nebo\n<kbd>Enter</kbd>, atp.) se dají rozpoznat v události <code>on_key_press</code>.</p>\n<p>Funkce <code>on_key_press</code> má dva argumenty: první je kód klávesy,\nkterý můžeš porovnat s konstantou z <a href=\"https://pyglet.readthedocs.io/en/latest/modules/window_key.html#key-constants\">pyglet.window.key</a>.\nDruhý určuje stisknuté modifikátory jako <kbd>Shift</kbd> nebo <kbd>Ctrl</kbd>.</p>\n<div class=\"highlight\"><pre><span></span><span class=\"nd\">@window.event</span>\n<span class=\"k\">def</span> <span class=\"nf\">on_key_press</span><span class=\"p\">(</span><span class=\"n\">key_code</span><span class=\"p\">,</span> <span class=\"n\">modifier</span><span class=\"p\">):</span>\n <span class=\"k\">if</span> <span class=\"n\">key_code</span> <span class=\"o\">==</span> <span class=\"n\">pyglet</span><span class=\"o\">.</span><span class=\"n\">window</span><span class=\"o\">.</span><span class=\"n\">key</span><span class=\"o\">.</span><span class=\"n\">BACKSPACE</span><span class=\"p\">:</span>\n <span class=\"n\">label</span><span class=\"o\">.</span><span class=\"n\">text</span> <span class=\"o\">=</span> <span class=\"n\">label</span><span class=\"o\">.</span><span class=\"n\">text</span><span class=\"p\">[:</span><span class=\"o\">-</span><span class=\"mi\">1</span><span class=\"p\">]</span>\n\n <span class=\"k\">if</span> <span class=\"n\">key_code</span> <span class=\"o\">==</span> <span class=\"n\">pyglet</span><span class=\"o\">.</span><span class=\"n\">window</span><span class=\"o\">.</span><span class=\"n\">key</span><span class=\"o\">.</span><span class=\"n\">ENTER</span><span class=\"p\">:</span>\n <span class=\"k\">print</span><span class=\"p\">(</span><span class=\"s1\">'Zadaná zpráva:'</span><span class=\"p\">,</span> <span class=\"n\">label</span><span class=\"o\">.</span><span class=\"n\">text</span><span class=\"p\">)</span>\n <span class=\"n\">window</span><span class=\"o\">.</span><span class=\"n\">close</span><span class=\"p\">()</span>\n</pre></div><p>Na macOS budeš možná muset zaměňit <code>BACKSPACE</code> za <code>DELETE</code>. \n(Nebo si doma nastuduj <a href=\"https://pyglet.readthedocs.io/en/latest/programming_guide/keyboard.html#motion-events\">způsob</a>, jak to dělat automaticky a správně.)</p>\n<h3>Kliknutí myši</h3>\n<p>Při obsluze události <code>on_mouse_press</code> dostaneš informace o pozici\nkliknutí (<var>x</var>-ovou a <var>x</var>-ovou souřadnici)\na navíc informaci o stisknutém tlačítku myši a modifikátoru.</p>\n<p>Takhle se třeba popisek přesune na místo kliknutí:</p>\n<div class=\"highlight\"><pre><span></span><span class=\"nd\">@window.event</span>\n<span class=\"k\">def</span> <span class=\"nf\">on_mouse_press</span><span class=\"p\">(</span><span class=\"n\">x</span><span class=\"p\">,</span> <span class=\"n\">y</span><span class=\"p\">,</span> <span class=\"n\">button</span><span class=\"p\">,</span> <span class=\"n\">modifier</span><span class=\"p\">):</span>\n <span class=\"n\">label</span><span class=\"o\">.</span><span class=\"n\">x</span> <span class=\"o\">=</span> <span class=\"n\">x</span>\n <span class=\"n\">label</span><span class=\"o\">.</span><span class=\"n\">y</span> <span class=\"o\">=</span> <span class=\"n\">y</span>\n</pre></div><h2>Celý program</h2>\n<p>Pro případ, že by ses ztratila nebo nevěděla,\nkam který kousek kódu patří, uvádím výsledný ukázkový program.</p>\n<div class=\"highlight\"><pre><span></span><span class=\"kn\">import</span> <span class=\"nn\">pyglet</span>\n<span class=\"n\">window</span> <span class=\"o\">=</span> <span class=\"n\">pyglet</span><span class=\"o\">.</span><span class=\"n\">window</span><span class=\"o\">.</span><span class=\"n\">Window</span><span class=\"p\">()</span>\n<span class=\"n\">label</span> <span class=\"o\">=</span> <span class=\"n\">pyglet</span><span class=\"o\">.</span><span class=\"n\">text</span><span class=\"o\">.</span><span class=\"n\">Label</span><span class=\"p\">(</span><span class=\"s2\">"Ahoj!"</span><span class=\"p\">,</span> <span class=\"n\">x</span><span class=\"o\">=</span><span class=\"mi\">10</span><span class=\"p\">,</span> <span class=\"n\">y</span><span class=\"o\">=</span><span class=\"mi\">20</span><span class=\"p\">)</span>\n\n\n<span class=\"nd\">@window.event</span>\n<span class=\"k\">def</span> <span class=\"nf\">on_draw</span><span class=\"p\">():</span>\n <span class=\"n\">window</span><span class=\"o\">.</span><span class=\"n\">clear</span><span class=\"p\">()</span>\n <span class=\"n\">label</span><span class=\"o\">.</span><span class=\"n\">draw</span><span class=\"p\">()</span>\n\n\n<span class=\"nd\">@window.event</span>\n<span class=\"k\">def</span> <span class=\"nf\">on_text</span><span class=\"p\">(</span><span class=\"n\">text</span><span class=\"p\">):</span>\n <span class=\"n\">label</span><span class=\"o\">.</span><span class=\"n\">text</span> <span class=\"o\">=</span> <span class=\"n\">label</span><span class=\"o\">.</span><span class=\"n\">text</span> <span class=\"o\">+</span> <span class=\"n\">text</span>\n\n\n<span class=\"nd\">@window.event</span>\n<span class=\"k\">def</span> <span class=\"nf\">on_key_press</span><span class=\"p\">(</span><span class=\"n\">key_code</span><span class=\"p\">,</span> <span class=\"n\">modifier</span><span class=\"p\">):</span>\n <span class=\"k\">if</span> <span class=\"n\">key_code</span> <span class=\"o\">==</span> <span class=\"n\">pyglet</span><span class=\"o\">.</span><span class=\"n\">window</span><span class=\"o\">.</span><span class=\"n\">key</span><span class=\"o\">.</span><span class=\"n\">BACKSPACE</span><span class=\"p\">:</span>\n <span class=\"n\">label</span><span class=\"o\">.</span><span class=\"n\">text</span> <span class=\"o\">=</span> <span class=\"n\">label</span><span class=\"o\">.</span><span class=\"n\">text</span><span class=\"p\">[:</span><span class=\"o\">-</span><span class=\"mi\">1</span><span class=\"p\">]</span>\n\n <span class=\"k\">if</span> <span class=\"n\">key_code</span> <span class=\"o\">==</span> <span class=\"n\">pyglet</span><span class=\"o\">.</span><span class=\"n\">window</span><span class=\"o\">.</span><span class=\"n\">key</span><span class=\"o\">.</span><span class=\"n\">ENTER</span><span class=\"p\">:</span>\n <span class=\"k\">print</span><span class=\"p\">(</span><span class=\"s1\">'Zadaná zpráva:'</span><span class=\"p\">,</span> <span class=\"n\">label</span><span class=\"o\">.</span><span class=\"n\">text</span><span class=\"p\">)</span>\n <span class=\"n\">window</span><span class=\"o\">.</span><span class=\"n\">close</span><span class=\"p\">()</span>\n\n\n<span class=\"nd\">@window.event</span>\n<span class=\"k\">def</span> <span class=\"nf\">on_mouse_press</span><span class=\"p\">(</span><span class=\"n\">x</span><span class=\"p\">,</span> <span class=\"n\">y</span><span class=\"p\">,</span> <span class=\"n\">button</span><span class=\"p\">,</span> <span class=\"n\">modifier</span><span class=\"p\">):</span>\n <span class=\"n\">label</span><span class=\"o\">.</span><span class=\"n\">x</span> <span class=\"o\">=</span> <span class=\"n\">x</span>\n <span class=\"n\">label</span><span class=\"o\">.</span><span class=\"n\">y</span> <span class=\"o\">=</span> <span class=\"n\">y</span>\n\n\n<span class=\"n\">pyglet</span><span class=\"o\">.</span><span class=\"n\">app</span><span class=\"o\">.</span><span class=\"n\">run</span><span class=\"p\">()</span>\n</pre></div>\n\n\n "
}
}
}