Return to Video

Hrozný text část 1

  • 0:00 - 0:02
    Doteď jsme si
    hlavně kreslily.
  • 0:02 - 0:06
    Pojďme se podívat, jak bychom mohli vložit
    do obrázku nějaký text, třeba vaše jméno.
  • 0:06 - 0:08
    Práce s textem tedy
    bude cílem této lekce.
  • 0:08 - 0:10
    K čemu je používání
    textu dobré?
  • 0:10 - 0:12
    Můžeme s ním ukázat
    třeba skóre ve hře.
  • 0:12 - 0:14
    Nebo nechat mluvit
    kreslené postavičky.
  • 0:14 - 0:16
    Nebo zvětšovat naše jméno
    a měnit mu barvy.
  • 0:16 - 0:18
    Pojďme na to a zkusme říct "hello",
    anglicky ahoj.
  • 0:18 - 0:24
    Napíšeme „text (hello)“, ale objevila se
    nám tato podivná chybová hláška.
  • 0:24 - 0:28
    Píše nám, že “hello není definováno,”
    co to znamená?
  • 0:28 - 0:31
    Problém je v tom, že si náš program
    myslí, že "hello" je proměnná.
  • 0:31 - 0:34
    Z pohledu programu
    to dává smysl,
  • 0:34 - 0:37
    neboť „hello“ by mohla být
    proměnná, jak to program může vědět?
  • 0:37 - 0:39
    Jak mu tedy řekneme,
    že je to prostý text?
  • 0:39 - 0:43
    Je to snadné,
    celé slovo vložíme do uvozovek.
  • 0:43 - 0:46
    Tím programu řekneme že to není proměnná,
    ale že je to ve skutečnosti text.
  • 0:46 - 0:48
    Nebo že ho chceme
    zobrazit jako text.
  • 0:48 - 0:50
    Můžeme si to
    představit jako v knihách.
  • 0:50 - 0:54
    Tam je přímá řeč postav
    také vždy vložena do uvozovek.
  • 0:54 - 0:56
    Proto když chcete
    aby program něco řekl,
  • 0:56 - 0:58
    tak i tento text musí mít
    okolo sebe uvozovky.
  • 0:58 - 1:01
    Je to vážně důležité
    a je snadné to pokazit.
  • 1:01 - 1:03
    Radši to ještě zopakuji.
  • 1:03 - 1:08
    Kdykoli chcete ve vašem programu použít
    text, musíte okolo něj vložit uvozovky.
  • 1:08 - 1:10
    Jinak se vám zobrazí
    opravdu divné chybové hlášky.
  • 1:10 - 1:12
    A pamatujte, že pokud uvidíte
    tyto chybové zprávy,
  • 1:12 - 1:15
    radši znovu zkontrolujte,
    že je text vložen do uvozovek.
  • 1:15 - 1:16
    Skvělé!
  • 1:16 - 1:19
    Takže umíme používat uvozovky
    a už nikdy nedostaneme chybu.
  • 1:19 - 1:23
    Možná jste si ale všimli
    že se nic neděje, stále máme prázdné okno.
  • 1:23 - 1:27
    Pokud však nastavíme pozadí, klíčové
    slovo "background", třeba na červenou,
  • 1:27 - 1:29
    vidíme, že to tam vlastně je.
  • 1:29 - 1:32
    Neviděli jsme to,
    protože je to bílé.
  • 1:32 - 1:39
    Měli jsme napsaný bílý text na bílém
    pozadí, a proto jsme to nemohli vidět.
  • 1:39 - 1:43
    Není to trochu hloupé
    psát bílý text na bílé pozadí?
  • 1:43 - 1:46
    Můžeme to jednoduše změnit,
    protože již umíme nastavovat výplň něčeho.
  • 1:46 - 1:49
    A stejně jako můžeme nastavit výplň
    obdélníku nebo čáry,
  • 1:49 - 1:53
    můžeme nastavit i výplň textu
    na cokoli pomocí příkazu "fill".
  • 1:53 - 1:54
    A máme to!
  • 1:54 - 1:57
    Vidíme to bez
    potřeby změny pozadí.
  • 1:57 - 2:00
    Pojďme se podívat trochu více na to,
    jak to vlastně funguje.
  • 2:00 - 2:02
    První část je zřejmá.
  • 2:02 - 2:05
    Obsahuje text,
    který chceme zobrazit.
  • 2:05 - 2:06
    Co dělá druhá část?
  • 2:06 - 2:09
    Když ji měníme, vidíme,
    že nastavuje vzdálenost textu do stran.
  • 2:09 - 2:12
    Další část zase nastavuje
    vzdálenost nahoru a dolů.
  • 2:12 - 2:16
    Asi to vypadá opravdu podobně
    jako při kreslení obdélníků.
  • 2:16 - 2:18
    Jedna věc však může
    být poněkud zrádná.
  • 2:18 - 2:24
    Text má dvě souřadnice určující polohu
    levé spodní části, tedy tohoto rohu textu.
  • 2:24 - 2:28
    U obdélníků ale udáváme polohu
    levé horní části, tedy tohoto rohu.
  • 2:28 - 2:31
    Může se zdát, že to je schválně
    navrženo tak, aby vás to zmátlo,
  • 2:31 - 2:33
    ale je to jen něco,
    co si musíte zapamatovat.
  • 2:33 - 2:35
    Můžeme to také zkoušet
    a přímo to pak vidět.
  • 2:35 - 2:39
    Nastavíme výšku pomocí slova „height“
    a vidíme,
  • 2:39 - 2:43
    že je to nastavení výšky
    tedy tato dolní levá souřadnice.
  • 2:44 - 2:47
    Nebo tam můžeme zadat nulu.
  • 2:47 - 2:50
    Co si myslíte, že se stane?
  • 2:50 - 2:53
    Teď to vůbec nevidíme,
    ale pokud to začneme pomalu zvyšovat,
  • 2:53 - 2:56
    můžeme si všimnout,
    že to tady už vykukuje.
  • 2:56 - 3:02
    Protože to, co nastavujeme je poloha
    spodního levého rohu, ne toho horního.
  • 3:02 - 3:06
    Dost ale bylo analyzování textu,
    pojďme to nyní ještě vylepšovat.
  • 3:06 - 3:09
    Co třeba kdybychom
    chtěli zvětšit tento text?
  • 3:09 - 3:11
    To můžeme udělat
    pomocí "textSize".
  • 3:11 - 3:14
    Tento příkaz říká programu,
    jak velký bude text.
  • 3:14 - 3:16
    Můžeme zadat třeba „30“
    což už je docela velké.
  • 3:16 - 3:18
    Můžeme to klidně ještě zvětšit.
  • 3:18 - 3:20
    Nebo to naopak nastavit na opravdu,
    opravdu, opravdu malé.
  • 3:20 - 3:24
    Tak hurá do toho,
    nakreslíme sem své jméno.
  • 3:24 - 3:26
    A možná k tomu přidáme
    i malou zprávu o sobě.
  • 3:26 - 3:29
    Protože neznám vaše jméno,
    napíšu sem náhodné jméno.
  • 3:29 - 3:31
    Můžete si jej však ihned změnit.
  • 3:31 - 3:34
    Takže použijeme to, co jsme se naučili,
    můžeme napsat "text("Sophia...
  • 3:34 - 3:36
    To je celkem hezké jméno.
  • 3:36 - 3:38
    A pak pod to dám
    nějakou informaci o sobě.
  • 3:38 - 3:43
    Třeba, že „Mám ráda štěňata
    a kytary a kódování. "
  • 3:43 - 3:45
    Není to teď úplně ideální.
  • 3:45 - 3:49
    Potřebujeme totiž změnit pozice,
    aby se texty nepřekrývaly.
  • 3:49 - 3:52
    Navíc ta druhá věta
    je celkem dlouhá.
  • 3:52 - 3:55
    Proto si to změním,
    aby měl text menší velikost.
  • 3:56 - 3:59
    A je to,
    to už je docela dobré.
  • 3:59 - 4:02
    Až na to, že je to trochu
    nuda mít oba texty modré.
  • 4:02 - 4:04
    Pojďme tedy změnit
    výplň pomocí příkazu "fill".
  • 4:04 - 4:10
    Uděláme z toho možná pěknou,
    hmm nevím, možná něco jako fialovou.
  • 4:10 - 4:18
    A tím jsme prošli vše o psaní textu
    a změně jeho barvy a velikosti.
Title:
Hrozný text část 1
Description:

Je to pouze zachycená obrazovka našeho interaktivního rozhovoru o kódování, připraveného k usnadnění titulkování a překladu. Je lepší sledovat naše rozhovory zde:
https://www.khanacademy.org/cs/programming/

more » « less
Video Language:
English
Duration:
04:19
Martina Randulová edited Czech subtitles for Terrific Text Part 1
Martina Randulová edited Czech subtitles for Terrific Text Part 1
Marek Pluhař edited Czech subtitles for Terrific Text Part 1
Marek Pluhař edited Czech subtitles for Terrific Text Part 1
Marek Pluhař edited Czech subtitles for Terrific Text Part 1
Marek Pluhař edited Czech subtitles for Terrific Text Part 1
Marek Pluhař edited Czech subtitles for Terrific Text Part 1
Marek Pluhař edited Czech subtitles for Terrific Text Part 1
Show all

Czech subtitles

Revisions