Silverlight - wprowadzenie

W tym rozdziale przyjrzymy się działającemu przykładowi Silverlight. Potrzebujemy dwóch rzeczy -

  • Po pierwsze, potrzebujemy strony internetowej. Silverlight jest przeznaczony do bogatych aplikacji internetowych, jest przeznaczony do uruchamiania w przeglądarce internetowej jako część strony internetowej. Strona musi zawierać odpowiedni tag, aby załadować wtyczkę Silverlight. Może również zawierać logikę do wykrywania, czy Silverlight jest zainstalowany, i może zapewniać interfejs użytkownika awaryjnego, gdy go nie ma.

  • Drugą rzeczą, której potrzebujemy, jest sama zawartość Silverlight. Ten samouczek skupi się na modelu programowania .NET dla Silverlight. Stworzymy skompilowaną aplikację Silverlight zawierającą mieszankę XAML, makiety języka używanego do definiowania interfejsów użytkownika Silverlight oraz kodu .NET napisanego w C #.

Utwórz stronę internetową

Najłatwiejszym sposobem rozpoczęcia korzystania z Silverlight jest stworzenie zwykłej witryny internetowej ze stronami HTML i bez kodu po stronie serwera. Spójrzmy na bardzo prosty przykład.

Step 1 - Otwórz Visual Studio. KliknijFile menu, wskaż New a następnie kliknij Project.

Step 2 - A New Projectotworzy się okno dialogowe. PodTemplates, Wybierz Visual C# i wtedy click Silverlight. W prawym okienku wybierz aplikację Silverlight.

Wprowadź nazwę projektu i lokalizację na dysku twardym, aby zapisać projekt, a następnie kliknij OK aby stworzyć projekt.

Sam projekt Silverlight ma po prostu zbudować zawartość Silverlight, a ta zawartość jest tylko jednym z wielu zasobów, które będą składać się na całą aplikację internetową.

Kliknij OK.

Step 3 - Sprawdź Host the Silverlight application checkbox. Wartość domyślna to projekt aplikacji sieci Web ASP.NET.

Step 4- MS-Visual Studio stworzyło dwa projekty, projekt Silverlight i aplikację internetową ASP.NET. Teraz potrzebujemy aplikacji internetowej ASP.NET. Możesz to zobaczyć wSolution Explorer okno, jak pokazano poniżej.

Wszystko, co może wyświetlać zawartość za pośrednictwem protokołu HTTP, wystarczy, ale tak jest Visual Studioi rozumie technologię sieciową ASP.NET, więc to właśnie nam daje.

Aby pokazać, że Silverlight nie zależy od żadnej konkretnej technologii po stronie serwera, usuńmy to .aspx plik, pozostawiając tylko zwykły statyczny plik HTML.

Step 5- Kliknij prawym przyciskiem myszy FirstExampleTestpage.aspx. Na liście opcji kliknijDelete.

Step 6 - Ustaw FirstExampleTestPage.html jako Start strona.

Plik MainPage.xamlplik definiuje interfejs użytkownika dla zawartości Silverlight. Możesz napisać kod XAML bezpośrednio lub możesz również użyćToolbox przeciągać i upuszczać różne elementy interfejsu użytkownika.

Step 7 - Poniżej podano prosty kod w MainPage.xaml w którym a Button i a TextBlock są zdefiniowane wewnątrz StackPanel.

<UserControl x:Class = "FirstExample.MainPage" 
   xmlns = "http://schemas.microsoft.com/winfx/2006/xaml/presentation" 
   xmlns:x = "http://schemas.microsoft.com/winfx/2006/xaml" 
   xmlns:d = "http://schemas.microsoft.com/expression/blend/2008" 
   xmlns:mc = "http://schemas.openxmlformats.org/markup-compatibility/2006" 
   mc:Ignorable = "d" 
   d:DesignHeight = "300" d:DesignWidth = "400">  
   
   <Grid x:Name = "LayoutRoot" Background = "White"> 
      <StackPanel> 
		
         <TextBlock x:Name = "TextMessage"  
            Text = "Hello World!"  
            Margin = "5">
         </TextBlock> 
			
         <Button x:Name = "ClickMe"  
            Click = "ClickMe_Click"  
            Content = "Click Me!"  
            Margin = "5"> 
         </Button> 
			
      </StackPanel> 
   </Grid> 
	
</UserControl>

Step 8 - W tym przykładzie przyjęto założenie, że utworzono metodę obsługi zdarzeń o nazwie ClickMe_Click. Oto, jak to wygląda wMainPage.xaml.cs plik.

using System.Windows; 
using System.Windows.Controls;
  
namespace FirstExample { 

   public partial class MainPage : UserControl { 
	
      public MainPage() { 
         InitializeComponent(); 
      } 
	  
      private void ClickMe_Click(object sender, RoutedEventArgs e) { 
         TextMessage.Text = "Congratulations! you have created your first Silverlight Applicatoin"; 
      } 
   } 
}

Step 9 - Aplikację Silverlight można uruchomić w dowolnej zainstalowanej przeglądarce.

Step 10 - Kiedy powyższy kod zostanie skompilowany i wykonany, pojawi się następująca strona internetowa.

Step 11 - Teraz, gdy klikniesz Click Me przycisk, zaktualizuje tekst w TextBlock jak pokazano niżej.

Zalecamy wykonanie powyższego przykładu przez dodanie kilku elementów interfejsu użytkownika.