Este é um post disponível para assinantes MVPEste post também está disponível para assinantes da .net Magazine DIGITAL ou para quem possui Créditos DevMedia. Clique aqui para saber mais!
dê seu feedback
post favorito
Artigo .net Magazine 68 - Silverlight
Configurando e estilizando uma aplicação Silverlight
.net Magazine 68
[Artigo já está disponível no Leitor Digital DevMedia®. Clique aqui para acessá-lo]
> Clique aqui para ler todos os artigos da .net Magazine 68
[Artigo já está disponível no Leitor Digital DevMedia®. Clique aqui para acessá-lo]
> Clique aqui para ler todos os artigos da .net Magazine 68
Silverlight
Configurando e estilizando uma aplicação Silverlight
Do que trata o artigo
O Silverlight tem se consolidado no mercado de desenvolvimento de aplicativos Web de interfaces ricas e neste artigo veremos uma aplicação onde alguns conceitos são aplicados, como criação de estilos, o uso de telas modais, otimização do uso do controle ComboBox e a customização do DataGrid. O bom entendimento desses conceitos pode fazer a diferença em seu aplicativo.
Para que serve
Customizar a interface do usuário, fazendo com que um aplicativo tenha uma boa aparência, não cansativa, mas, mais do que isso, deve ser eficiente para exibir a maior quantidade de dados relevantes, para que se facilite a usabilidade.
Em que situação o tema é útil
Para a apresentação de dados, de uma forma mais perceptível. Por exemplo, o que é mais fácil de ser analisado, uma tabela repleta de números ou um gráfico que representa os números da tabela? Seguindo esse princípio uma exibição coerente pode dar mais agilidade ao usuário em suas tomadas de decisão.
Resumo do DevMan
Silverlight 3.0 vem sendo cada vez mais utilizado na criação de aplicações ricas e interativas. Criar módulos externos que se encaixam em aplicações e-business ficou fácil com Silverlight. Um ponto importante é que desenvolvedores que trabalham com sistemas Windows Forms sentem menos dificuldade ao desenvolver aplicações Silverlight do que desenvolver aplicações ASP.NET, isto ocorre pelo fato de utilizar C# no cliente.
Neste artigo focamos a parte de formatação e estilo Silverlight, ou seja, vamos mostrar para o desenvolvedor uma forma simples e rápida de criar uma aplicação com o mínimo de estilo e formatação. Vamos iniciar criando uma tela principal que exibe o nome do usuário, menu e informações de rodapé. Em seguida, vamos mostrar uma alternativa para formulário modal. Nos formulários modais vamos apresentar como utilizar a grade de visualização (DataGrid), explicando como alinhar os dados nas colunas, como aplicar formatação de números e datas, e como alterar a cor das linhas. Ainda, nas telas modais vamos mostrar como trabalhar com caixa de listagem (ComboBox) em cascata, dando dicas importantes no Silverlight e por fim criar estilos que serão aplicados nas caixas de texto, botões, e outros controles do Silverlight 3.0.
Para conquistar maior intimidade com os controles xaml, não utilizamos o Blend neste artigo. Para acompanhar é importante que seu Visual Studio 2008 esteja preparado para o Silverlight 3.0. Se você ainda não configurou seu Visual Studio, acesse o link disponível no fim do artigo e baixe os pacotes necessários.
Nota: Para um melhor entendimento do exemplo demonstrado neste artigo, é recomendada a leitura do artigo de capa da edição 64, “Introdução ao Silverlight”, e também das duas matérias sobre SL publicadas na edição 67.
Criando a solução
A solução é utilizada para agrupar projetos que estão relacionados e guardar as informações das dependências dos projetos que são utilizadas no processo de construção (build). Na nossa aplicação a solução será composta por uma aplicação Silverlight e o Web Site. Para criar uma nova solução abra o Visual Studio 2008, no menu File>New e então selecione Project. Será exibida a janela New Project. Localize a janela Project types, clique sobre (expandir) o item Other Project Types e então selecione o item Visual Studio Solutions. Na janela Templates selecione o item Blank Solution. Na parte inferior da janela altere a propriedade Name para EstiloSilverlight e altere também a propriedade Location informando o local onde a solução será salva. No Visual Studio vá no menu View > Solution Explorer. Note que foi criada uma solução chamada EstiloSilverlight onde vamos adicionar nossos projetos.
Criando a aplicação Silverlight e o Web Site
Vamos inserir a aplicação Silverlight e o Web Site na solução. Para criar um novo projeto, abra a solução, acesse o menu File>Add>New Project. Na janela Add New Project localize a janela Project types e selecione o item Silverlight, conforme Figura 1. Ainda, na janela Add New Project, selecione o template Silverlight Application, altere o campo Name para SilverlightApplication e na propriedade Location aponte para a pasta onde está sua solução (exemplo: C:\Projetos\ SolucaoSilverlight).
Figura 1. Criando o projeto Silverlight
Será exibida uma mensagem comunicando que para rodar uma aplicação Silverlight você precisa de uma página. Neste artigo optamos por criar um Web Site na mesma solução para hospedar a aplicação Silverlight. Marque a opção para adicionar um novo projeto Web ASP.NET na solução. Na parte de opções selecione ASP.NET Web Site e informe um nome para o Web Site, conforme Figura 2.
Figura 2. Criando o Web Site
"
ATENÇÃO! A exibição deste artigo foi interrompida.
Este é um post disponível para assinantes MVP
Configurando e estilizando uma aplicação Silverlight
Do que trata o artigo
O Silverlight tem se consolidado no mercado de desenvolvimento de aplicativos Web de interfaces ricas e neste artigo veremos uma aplicação onde alguns conceitos são aplicados, como criação de estilos, o uso de telas modais, otimização do uso do controle ComboBox e a customização do DataGrid. O bom entendimento desses conceitos pode fazer a diferença em seu aplicativo.
Para que serve
Customizar a interface do usuário, fazendo com que um aplicativo tenha uma boa aparência, não cansativa, mas, mais do que isso, deve ser eficiente para exibir a maior quantidade de dados relevantes, para que se facilite a usabilidade.
Em que situação o tema é útil
Para a apresentação de dados, de uma forma mais perceptível. Por exemplo, o que é mais fácil de ser analisado, uma tabela repleta de números ou um gráfico que representa os números da tabela? Seguindo esse princípio uma exibição coerente pode dar mais agilidade ao usuário em suas tomadas de decisão.
Resumo do DevMan
Silverlight 3.0 vem sendo cada vez mais utilizado na criação de aplicações ricas e interativas. Criar módulos externos que se encaixam em aplicações e-business ficou fácil com Silverlight. Um ponto importante é que desenvolvedores que trabalham com sistemas Windows Forms sentem menos dificuldade ao desenvolver aplicações Silverlight do que desenvolver aplicações ASP.NET, isto ocorre pelo fato de utilizar C# no cliente.
Neste artigo focamos a parte de formatação e estilo Silverlight, ou seja, vamos mostrar para o desenvolvedor uma forma simples e rápida de criar uma aplicação com o mínimo de estilo e formatação. Vamos iniciar criando uma tela principal que exibe o nome do usuário, menu e informações de rodapé. Em seguida, vamos mostrar uma alternativa para formulário modal. Nos formulários modais vamos apresentar como utilizar a grade de visualização (DataGrid), explicando como alinhar os dados nas colunas, como aplicar formatação de números e datas, e como alterar a cor das linhas. Ainda, nas telas modais vamos mostrar como trabalhar com caixa de listagem (ComboBox) em cascata, dando dicas importantes no Silverlight e por fim criar estilos que serão aplicados nas caixas de texto, botões, e outros controles do Silverlight 3.0.
Para conquistar maior intimidade com os controles xaml, não utilizamos o Blend neste artigo. Para acompanhar é importante que seu Visual Studio 2008 esteja preparado para o Silverlight 3.0. Se você ainda não configurou seu Visual Studio, acesse o link disponível no fim do artigo e baixe os pacotes necessários.
Nota: Para um melhor entendimento do exemplo demonstrado neste artigo, é recomendada a leitura do artigo de capa da edição 64, “Introdução ao Silverlight”, e também das duas matérias sobre SL publicadas na edição 67.
Criando a solução
A solução é utilizada para agrupar projetos que estão relacionados e guardar as informações das dependências dos projetos que são utilizadas no processo de construção (build). Na nossa aplicação a solução será composta por uma aplicação Silverlight e o Web Site. Para criar uma nova solução abra o Visual Studio 2008, no menu File>New e então selecione Project. Será exibida a janela New Project. Localize a janela Project types, clique sobre (expandir) o item Other Project Types e então selecione o item Visual Studio Solutions. Na janela Templates selecione o item Blank Solution. Na parte inferior da janela altere a propriedade Name para EstiloSilverlight e altere também a propriedade Location informando o local onde a solução será salva. No Visual Studio vá no menu View > Solution Explorer. Note que foi criada uma solução chamada EstiloSilverlight onde vamos adicionar nossos projetos.
Criando a aplicação Silverlight e o Web Site
Vamos inserir a aplicação Silverlight e o Web Site na solução. Para criar um novo projeto, abra a solução, acesse o menu File>Add>New Project. Na janela Add New Project localize a janela Project types e selecione o item Silverlight, conforme Figura 1. Ainda, na janela Add New Project, selecione o template Silverlight Application, altere o campo Name para SilverlightApplication e na propriedade Location aponte para a pasta onde está sua solução (exemplo: C:\Projetos\ SolucaoSilverlight).
Figura 1. Criando o projeto Silverlight
Será exibida uma mensagem comunicando que para rodar uma aplicação Silverlight você precisa de uma página. Neste artigo optamos por criar um Web Site na mesma solução para hospedar a aplicação Silverlight. Marque a opção para adicionar um novo projeto Web ASP.NET na solução. Na parte de opções selecione ASP.NET Web Site e informe um nome para o Web Site, conforme Figura 2.
Figura 2. Criando o Web Site
"
ATENÇÃO! A exibição deste artigo foi interrompida.
Este é um post disponível para assinantes MVPEste post também está disponível para assinantes da .net Magazine DIGITAL ou para quem possui Créditos DevMedia. Clique aqui para saber mais!
Você está em:
canal .net
Publicidade
0
0
