<li>Część poświęcona Komponentom (Components) przedstawia, co umieszczono dotąd w przeglądarce i systematyzuje komponenty. W tej części okna będziesz zmieniać nazwy poszczególnych elementów.</li>
<li>Część dotycząca Właściwości (Properties) służy do określania, jak będą wyglądać i jak się będą zachowywać elementy aplikacji. Podczas tworzenia aplikacji można się przełączać między Blokami i Projektantem, klikając przyciski, które znajdują się nad Właściwościami.</li></ul>
[[Plik:t3-2.png]]
W obszarze Bloków dodaje się elementy, które sprawią, że aplikacja będzie wykonywać określone zadania. Ta część zostanie omówiona nieco później.
<li>Wybierz element Canvas1 w oknie Komponentów (powinien znajdować się pod Screen1).</li>
<li>W oknie Właściwości (Properties) kliknij opcję Kolor tła (BackgroundColor) i wybierz niebieski (Blue). Sprawdź, co zmieniło się na ekranie Twojego urządzenia mobilnego.</li>
[[Plik:t3-3.png]]
<li>W oknie Właściwości (Properties) zmień szerokość i wysokość elementu Canvas1 na 200 px.</li>
[[Plik:t3-4.png]]
<li>Z kategorii Animacja (Animation) w Palecie przeciągnij Piłkę (Ball) na kanwę Canvas1 w Przeglądarce. Umieść piłkę w dowolnym miejscu kanwy.</li>
<li>Co się stało w Twoim telefonie? W oknie Komponentów (Components) element Ball1 powinien znajdować się pod Canvas. Kliknij go i w polu Właściwości (Properties) zmień prędkość... (speed…) na 10.0. Obserwuj telefon po naciśnięciu klawisza enter.</li>
<li>Komponent Ball1 powinien powoli przesuwać się po kanwie Canvas1 i dotrzeć do krawędzi, gdzie się zatrzyma.</li></ol>
[[Plik:t3-5.png]]
===Ekran Bloki (Blocks)===
<ol><li>Przejdź do ekranu Bloki, klikając przycisk Blocks.</li>
<li>Spójrz na lewą stronę. Powinieneś zobaczyć listę naszych komponentów: kanwa – Canvas1, piłka – Ball1 i ekran – Screen.</li>
[[Plik:t3-6.png]]
<li>Kliknij komponent Ball1. Pojawi się lista bloków przypisana temu elementowi. Dopasowując do siebie bloki, sprawisz, że komponenty będą wykonywały dane działanie.</li>
<li>Przeciągnij myszą komponent when Ball1.EdgeReached (gdy piłka znajdzie się przy krawędzi) na obszar roboczy.</li>
[[Plik:t3-7.png]] </li>Następnie kliknij ponownie komponent Ball1 w menu po lewej stronie. Przeciągnij blok call Ball 1.Bounce (odbicie piłki) i połącz go z blokiem when Ball1.EdgeReached.</li> [[Plik:t3-8.png]]
<li>Ustaw wskaźnik myszy nad przyciskiem krawędzi (edge) w bloku when Ball1.EdgeReached, przeciągnij i zaczep element wartości krawędzi do bloku call Ball1.Bounce.</li>
[[Plik:t3-9.png]]
[[Plik:t3-10.png]]
<li>Sprawdź, co się dzieje w Twoim emulatorze lub telefonie?</li>
<li>Ponownie przejdź do obszaru projektowania wyglądu aplikacji (Designer).</li></ol>
'''Trudne wyzwanie:'''
<ol><li>Czy potrafisz zmienić kolor komponentu Ball1?</li>
<li>Czy potrafisz zmienić kolor komponentu Canvas1?<?/li>
<li>Czy potrafisz zmienić kształt komponentu Canvas1 na prostokątny zamiast kwadratowego?</li>
<li><Czy potrafisz zmienić kształt komponentu Canvas1 tak, aby był dopasowany do ekranu?</li></ol>
'''Bardzo trudne wyzwanie:'''
<ol><li>Czy potrafisz dodać jeszcze jedną piłkę i sprawić, aby odbijała się w tym samym czasie co pierwsza piłka (Ball1)?</li></ol>
'''Ekstremalnie trudne wyzwanie:'''
<ol><li>Czy potrafisz spowodować, aby obie piłki odbijały się od ścian i od siebie?</li></ol>