Środowisko pracy  

Autor: Piotr Olejarz

Opublikowano: 2010-10-06

Windows Phone 7 to najnowszy system operacyjny przeznaczony dla urządzeń mobilnych. Wraz z jego premierą, programistom z całego świata udostępniono środowisko pozwalające na tworzenie aplikacji dla nowej platformy.

Po zapoznaniu się z informacjami zawartymi w tym artykule będziesz:

• wiedział, jakie narzędzia wchodzą w skład nowego środowiska pracy,
• jak zainstalować wszystkie potrzebne Ci komponenty,
• potrafił posługiwać się emulatorem.

Wprowadzenie

Aby rozpocząć proces tworzenia aplikacji dla Windows Phone 7, potrzebny Ci będzie pakiet narzędzi wchodzących w skład Windows Phone Developer Tools:

• Visual Studio 2010 Express for Windows Phone
• Windows Phone Emulator
• Silverlight for Windows Phone
• Microsoft Expression Blend for Windows Phone
• XNA Game Studio 4.0

Aby pobrać wyżej wymienione składniki, będziesz musiał odwiedzić witrynę dla deweloperów, gdzie znajdziesz odsyłacz do programu, który pomoże Ci w dalszym etapie przygotowań. Istnieje także możliwość pobrania obrazu .iso, który będzie zawierał pakiet instalacyjny.

UWAGA:

Pakiet narzędzi potrzebnych do tworzenia aplikacji dla Windows Phone 7 jest kompatybilny tylko z systemami Windows Vista (x86 i x64) i Windows 7 (x86 i x64).

Instalacja

Cały proces instalacji i konfiguracji odbywa się automatycznie. Po uruchomieniu wcześniej pobranego programu-asystenta i zaakceptowaniu warunków umowy zostanie zainicjowany proces pobierania właściwego instalatora, który umieści wszystkie wymagane składniki w Twoim systemie.

Pierwsze kroki

Kolejny etap przed Tobą to zapoznanie się z Visual Studio 2010 Express for Windows Phone, czyli darmową wersją Visual Studio 2010 przeznaczoną specjalnie dla programistów aplikacji mobilnych.

Zaraz po uruchomieniu Twoim oczom ukaże się ekran powitalny wraz z odnośnikami do materiałów, które mogą Ci się przydać podczas pisania aplikacji.

Widok powitalny

Po lewej stronie zostały umieszczone odnośniki otworzenia bądź stworzenia nowego projektu. Poniżej znajdują się projekty, nad którymi ostatnio pracowałeś. Jeśli czytasz ten artykuł, to znaczy, że prawdopodobnie nie masz jeszcze niczego, co mógłbyś zaimportować. Twoim kolejnym krokiem będzie więc stworzenie nowego projektu. Kliknięcie opcji New Project... spowoduje pojawienie się okna wyboru, w którym będziesz musiał określić, jaki rodzaj aplikacji będziesz tworzył.

Okno wyboru projektu Silverlight

Okno wyboru projektu XNA

Windows Phone 7 pozwoli Ci tworzyć aplikacje w jednej z dwóch rozwijanych przez Microsoft technologii – Sliverlight bądź XNA. Obie mają swoje konkretne dziedziny zastosowań. Sliverligt pozwala na szybkie  tworzenie aplikacji z przyjaznym i efektownie wyglądającym interfejsem użytkownika. XNA to z kolei środowisko wspomagające pisanie gier, którego jedną z jego największych zalet jest to, iż tak napisane gry są łatwe do przeniesienia na inne platformy wspierające XNA (np. PC, Xbox, Zune). Więcej na temat każdej z tych technologii dowiesz się w kolejnych artykułach.  

W celu dalszego zapoznawania się ze środowiskiem wybierz z projektu Silverligt -> Windows Phone Application. Następnie nazwij swój projekt (lub zostaw domyślną nazwę – na tym etapie nie ma to znaczenia) i wskaż miejsce, w którym ma zostać stworzona jego struktura. Po kilku chwilach ukaże Ci się widok projektowy służący do graficznego projektowania interfejsu aplikacji. To, co widzisz, to gotowa do uruchomienia na emulatorze aplikacja wzorcowa. Powstrzymaj jednak na chwilę swoją ciekawość i przyjrzyj się dokładnie interfejsowi, jaki masz do swojej dyspozycji. Lewa część głównego okna zawiera widok twojej aplikacji. Prawa część odzwierciedla ten widok w postaci kodu XAML. Wszelkie zmiany, jakie wprowadzisz w jednym z tych widoków zostaną natychmiast odwzorowane w drugim. Kolejnym elementem interfejsu, na jaki warto zwrócić uwagę, jest zbiór komponentów, jakie możesz użyć do budowy swojej aplikacji. Możesz go znaleźć  po skrajnie lewej stronie, zaraz obok widoku Twojej aplikacji. W zakładce Toolbox  znajdziesz wszystkie podstawowe komponenty niezbędne do budowy interfejsu aplikacji. Każdy dodany komponent będzie pojawiał się w kodzie XAML, w którym z kolei będziesz mógł edytować jego własności (położenie, wielkość, zawartość itp.). Jeśli nie wiesz, jakie własności posiada dany element, możesz posłużyć się graficznym edytorem. Wystarczy, że wybrany element klikniesz prawym przyciskiem myszy i wybierzesz opcje Properties, a w prawym dolnym rogu wyświetli się edytor.

Uruchamianie aplikacji i emulator

W poprzedniej części artykułu dowiedziałeś się, jak stworzyć swój pierwszy projekt. Nadszedł więc czas,  aby go uruchomić i zapoznać się z kolejnym elementem środowiska developerskiego, czyli emulatorem Windows Phone 7.

Testowanie napisanych aplikacji należy zacząć od wyboru narzędzia, które nam do tego posłuży. Oprócz wcześniej wspomnianego emulatora istnieje jeszcze jedna możliwość. Jeśli jesteś szczęśliwym posiadaczem urządzenia działającego pod kontrolą Windows Phone 7, możesz go użyć do przetestowania swojego projektu. Z poniższego menu wybierz dostępną platformę testową:

Wybór platformy testowej 

W tym artykule skupimy się wyłącznie na pierwszej opcji, czyli uruchomieniu aplikacji na emulatorze.

Omówimy teraz pokrótce, jakie możliwości daje Ci Windows Phone 7 Emulator:

• jest on w stanie symulować działanie procesora, pamięci RAM  i procesora graficznego (GPU) urządzenia,
• daje Ci możliwość  wykorzystania pamięci wewnętrznej  urządzenia,
• Twoje aplikacje mogą za jego pomocą łączyć się z siecią,
• pozwala także na łatwe debuggowanie projektów.

Skoro już wiesz, jakie możliwości daje Ci to narzędzie, nadszedł czas, żeby nauczyć się je obsługiwać. Aby uruchomić aplikację, nad którą aktualnie pracujesz, kliknij zieloną strzałkę lub naciśnij klawisz F5 na klawiaturze. Po kilku chwilach potrzebnych na zainicjalizowanie emulatora twoja aplikacja zostanie zainstalowana i uruchomiona. Jeśli cały proces przebiegł bez żadnych błędów, powinieneś zobaczyć wirtualną wersję urządzenia wyświetloną na Twoim ekranie. Zapewne zauważyłeś także nowe okna pojawiające się w Visual Studio. Okna te należą do debuggera, o którym dowiesz się więcej w dalszej części tego artykułu.

Wróćmy jednak do naszego działającego emulatora. Jeśli myszką zaczniesz zbliżać się do jego górnej, prawej krawędzi, pojawi się dodatkowe menu. Składa się ono z następujących pozycji:

1. Zamknij emulator
2. Zminimalizuj emulator
3. Obróć emulator o 90 stopni w lewo
4. Obróć emulator o 90 stopni w prawo
5. Dopasuj wielkość emulatora do wielkości ekranu
6. Szczegółowe opcje powiększenia

Każde urządzenie wyposażone w Windows Phone 7 musi posiadać określone, fizyczne przyciski. Trzy z nich widzisz zaraz po uruchomieniu emulatora. Są to kolejno: Back, Start, Search. Przycisk Back służy do cofania się do poprzednio wyświetlanego widoku. Wciśnięcie Start w dowolnym miejscu zabierze Cię do głównego widoku systemu (tzw. hub). Przycisk ten ma także dodatkową funkcję – przytrzymaj go dostatecznie długo, a system uruchomi usługę komend głosowych. Jeśli twój komputer posiada zainstalowany mikrofon, możesz ją przetestować. Wciśnięcie Search spowoduje uruchomienie wyszukiwarki Bing. Dodatkowo każdy smartphone musi posiadać przyciski kontroli głośności (volume up i volume down) i aparatu. Jako że przyciski te w fizycznym urządzeniu znajdują się z boku obudowy, nie są one widoczne w emulatorze. Aby  ich użyć, musisz wykorzystać przyciski na swojej klawiaturze. Klawisz F9 odpowiada za wciśnięcie przycisku podgłośnienie, F10 ściszenie, a  F7 uruchamia oprogramowanie aparatu. Emulator Windows Phone 7 posiada jeszcze jedną, wyjątkowo użyteczną cechę. Jest nią wsparcie dla ekranów multitouch. Jeśli posiadasz taki sprzęt, to możesz wykorzystać go do testowania tego, jak twoja aplikacja reaguje na dotyk lub konkretne gesty. 

Po uruchomieniu swojego programu Visual Studio udostępni Ci okna debuggera, w których będziesz mógł dowiedzieć się np. jakie wartości przyjmują obserwowane przez ćiebie zmienne, przyjrzeć się stosowi wywołań kolejnych metod, a także odczytać komunikaty o błędach. Podczas pisania kodu aplikacji będziesz mógł w dowolnym miejscu ustawić tzw. breakpoint, który podczas uruchomienia spowoduje zatrzymanie aplikacji na zaznaczonym fragmencie kodu i wyświetlenie odpowiednich informacji w oknach debuggera.     

Podsumowanie

W tym artykule zaznajomiłeś się ze środowiskiem developerskim Windows Phone 7. Dowiedziałeś się także, jak obsługiwać dostarczone wraz z nim narzędzia.

Kolejne artykuły nauczą Cię podstaw technologii Silverlight i XNA, a także tego, jak z ich pomocą pisać proste aplikacje działające na urządzeniach wyposażonych w Windows Phone 7.