Silverlight - Primeiros passos

Neste capítulo, veremos um exemplo funcional do Silverlight. Precisamos de duas coisas -

  • Primeiro, precisamos de uma página da web. O Silverlight se destina a aplicativos avançados da Internet. Ele foi projetado para ser executado em um navegador da web como parte de uma página da web. A página precisa incorporar uma tag adequada para carregar o plug-in Silverlight. Ele também pode incluir a lógica para detectar se o Silverlight está instalado e pode fornecer alguma interface de usuário de fallback, quando estiver ausente.

  • A segunda coisa de que precisamos é o próprio conteúdo do Silverlight. Este tutorial se concentrará no modelo de programação .NET para Silverlight. Criaremos um aplicativo Silverlight compilado contendo uma mistura de XAML, a linguagem de maquete que usamos para definir as interfaces de usuário do Silverlight e código .NET escrito em C #.

Crie uma página da web

A maneira mais fácil de começar a usar o Silverlight é criar um site comum com páginas HTML e nenhum código do servidor. Vejamos um exemplo muito simples.

Step 1 - Aberto Visual Studio. Clique noFile menu, aponte para New e então clique Project.

Step 2 - A New Projecta caixa de diálogo será aberta. DebaixoTemplates, selecione Visual C# e depois click Silverlight. No painel direito, escolha Aplicativo Silverlight.

Insira um nome de projeto e um local em seu disco rígido para salvá-lo e clique em OK para criar o projeto.

O próprio projeto do Silverlight irá apenas construir o conteúdo do Silverlight, e esse conteúdo é apenas um ativo entre muitos que irão compor o aplicativo da web inteiro.

Clique OK.

Step 3 - Verifique o Host the Silverlight application checkbox. O padrão é um projeto de aplicativo da Web ASP.NET.

Step 4- O MS-Visual Studio criou dois projetos, o projeto Silverlight e um aplicativo da Web ASP.NET. Agora, precisamos de um aplicativo da web ASP.NET. Você pode ver isso noSolution Explorer janela conforme mostrado abaixo.

Qualquer coisa que possa servir o conteúdo via HTTP servirá, mas isso é Visual Studio, e entende a tecnologia da Web ASP.NET, então é isso que ela nos oferece.

Para demonstrar que o Silverlight não depende de nenhuma tecnologia específica do lado do servidor, vamos excluir este .aspx arquivo, deixando apenas o arquivo HTML estático simples.

Step 5- Clique com o botão direito em FirstExampleTestpage.aspx. Na lista de opções, clique emDelete.

Step 6 - Definir FirstExampleTestPage.html Enquanto o Start página.

o MainPage.xamlarquivo define a interface do usuário para o conteúdo do Silverlight. Você pode escrever o código XAML diretamente ou também pode usarToolbox para arrastar e soltar diferentes elementos da IU.

Step 7 - Abaixo está um código simples em MainPage.xaml em que um Button e um TextBlock são definidos dentro do 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 - Este exemplo assume que você criou um método de manipulação de eventos denominado ClickMe_Click. Aqui está o que parece noMainPage.xaml.cs Arquivo.

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 - Um aplicativo Silverlight pode ser executado em qualquer navegador instalado.

Step 10 - Quando o código acima for compilado e executado, você verá a seguinte página da web.

Step 11 - Agora, quando você clica no Click Me botão, ele irá atualizar o texto no TextBlock como mostrado abaixo.

Recomendamos que você execute o exemplo acima adicionando mais alguns elementos da IU.