Wprowadzenie do Silverlight 5  

Autor: Tomasz Kowalczyk

Opublikowano: 2012-07-30

Początek grudnia 2011 roku był przełomowym okresem dla deweloperów aplikacji Silverlight. Udostępniona została wówczas piąta wersja tego Frameworka, która dostarczyła wiele nowych funkcji, usprawniających pracę. Najwyższy zatem czas przyjrzeć się temu narzędziu z bliska.

Ten artykuł stanowi wprowadzenie do serii, podejmującej zagadnienie Silverlight 5. Osoby programujące w Silverlight poznają nowości, jakich dostarcza piąta wersja Framework. Natomiast, osoby początkujące nauczą się pisać aplikacje w oparciu o Silverlight 5.

Po przeczytaniu tego artykułu będziesz wiedział:

• co to jest Silverlight i do czego można go wykorzystać,
• jakie nowe funkcje zawarte zostały w Silverlight 5,
• skąd pobrać i jak zainstalować Silverlight 5,
• jak utworzyć pierwszy projekt, korzystający z Silverlight 5.

Wprowadzenie

Silverlight to technologia firmy Microsoft, przeznaczona do tworzenia zarówno aplikacji typu RIA (Rich Internet Application), jak i oprogramowań typu LOB (Line of Business), wyposażonych w bogaty interfejs użytkownika, działających w trybach offline i online.

Silverlight 5 dostarcza programistom szereg nowych możliwości, z których najważniejsze to:

• Implicit Data Templates – dzięki temu możemy przypisywać dowolnej kontrolce specyficzne dla niej źródło danych,
• XNA 3D API – możliwość tworzenia grafiki 3D z wykorzystaniem komponentów XNA,
• Low-Latency Sound – obsługa dźwięku w oparciu o XNA SoundEffect i SoundEffectInstance**,**
• Obsługa H.264 – dekodowanie dźwięku**,**
• OpenType – obsługa czcionek z obsługą ligatur (połączeń między poszczególnymi literami),
• P/Invoke – mechanizm pozwalający wywoływać zewnętrzne biblioteki, zgodne z Win32 API,
• XAML Debugging – teraz można postawić breakpoint w pliku *.xaml,
• TPL – mechanizm programowania równoległego,
• i wiele innych, o których będzie mowa w kolejnych artykułach.

Instalacja

Przede wszystkim będzie potrzebna wersja instalacyjna pakietu Silverlight 5 RTM. Warto wspomnieć w tym miejscu, że można ją instalować na wcześniejszych wersjach Silverlight, gdyż podczas tworzenia nowego projektu w tej technologii będzie można wybrać wersję frameworka.

Potrzebne narzędzia:

• Visual Studio 2010 SP1 lub Visual Web Developer Express 2010 SP1,
• Silverlight 5 Tools for Visual Studio 2010 SP1.

Instalacja Silverlight 5 Tools zapewnia wszystkie dodatkowe narzędzia, wymagane do poprawnej pracy z Silverlight 5, tj.:

• Silverlight 5 Developer Runtime,
• Silverlight 5 SDK,
• Update dla Visual Studio 2010 Service Pack 1 i Visual Web Developer Express 2010 Service Pack 1 (KB2502836),
• Microsoft WCF RIA Services V1.0 SP2.

Dodatki

Warto również pobrać i zainstalować niżej wymienione dodatki, dzięki którym praca z Silverlight 5 będzie jeszcze łatwiejsza:

• Dokumentacja offline Silverlight 5,
• Silverlight Toolkit – zestaw dodatkowych kontrolek,
• Microsoft Expression Blend Preview dla Silverlight 5.

Pierwszy projekt

Po pobraniu i przeprowadzeniu poprawnej instalacji wymaganych narzędzi, pora utworzyć pierwszy projekt. W tym celu należy uruchomić Visual Studio 2010, wybrać File i New Project. Następnie, w nowo otworzonym okienku z sekcji Installed Templates należy wybrać Silverlight, a w środkowej części Silverlight Application. Następnie, trzeba nacisnąć OK. Opisaną czynność przedstawia Rys. 1. Tworzenie projektu.

Rys. 1. Tworzenie projektu.

W kolejnym okienku należy zdecydować, czy aplikacja ma być hostowana wraz ze stroną Web (1), po czym określić technologię dla strony Web (2) oraz wybrać wersję frameworka (3). Na potrzeby niniejszego artykułu należy wybrać opcje, zgodnie z Rys. 2. Wybranie typu projektu. Następnie, trzeba nacisnąć OK.

Rys. 2. Wybranie typu projektu.

W ten sposób został utworzony pierwszy projekt w technologii Silverlight 5. Aby zobaczyć efekty pracy w przeglądarce, dodajmy jeszcze kontrolkę Label z menu bocznego (Toolbox), po czym umieśćmy na niej napis  „Witaj świecie”, zmieniając atrybut Content w menu Properties. Zgodnie z Rys. 3. Napis Witaj świecie.

Rys. 3. Napis Witaj świecie.

Aby zobaczyć efekty pracy, należy nacisnąć klawisz F5. W oknie domyślnie ustawionej przeglądarki internetowej powinien pojawić się napis, podobny do przedstawionego na Rys. 4. Uruchomiony projekt.

Rys. 4. Uruchomiony projekt.

Podsumowanie

W tym artykule przedstawione zostały nowości, zawarte w Silverlight 5. Opisano również proces instalacji i konfiguracji środowiska umożliwiającego tworzenie projektów w tej technologii.

W następnej części będzie można się dowiedzieć, jak korzystać z Bindingu w aplikacjach opartych o Silverlight 5.