Olá amigos!
Fui convidada a colocar os vídeos sobre Silverlight no MSDN :
Abraços,
Flávia Moreira
Nesta etapa do tutorial podemos separar as entidades geradas pelo T4 em um projeto separado, que posteriormente vamos utilizar na camada visual da aplicação, para realizar essa tarefa, adicione um novo projeto do tipo Class Library em sua Solution, com o nome de Contatos.Entities, em seguida delete o arquivo Class1.cs, pois não vamos utilizá-lo.
Na camada Contatos.Data, localize o arquivo ModeloContato.tt, que contém a classe Contato.cs, e mova o arquivo para a camada Contatos.Entities, para mover, arraste o arquivo com a tecla Shift pressionada e solte na camada Contatos.Entities.
O padrão de design MVVM (Model-View-ViewModel) é muito utilizado em aplicações Silverlight e WPF, principalmente em aplicações LOB, apesar de ser um padrão avançado, ele não resolve todos os problemas do desenvolvimento de um projeto, porém proporciona uma forma interessante de separar a camada View da camada Model de sua aplicação.
Resumidamente este padrão proporciona separar o modelo (Model) da interface visual do projeto (View), tanto o WPF como o Silverlight, tem um forte suporte a databinding, com esse modelo o desenvolver poderá trabalhar separado do designer na aplicação, ou seja, o designer terá uma maior flexibilidade, podendo utilizar por exemplo o Expression Blend e se concentrar no layout.
Existem diversas ferramentas disponíveis para você aplicar o padrão MVVM com as melhores práticas para uma aplicação em produção, como por exemplo, o framework MVVM Light Toolkit e o Prism, este último tem uma documentação interessante no link http://compositewpf.codeplex.com/, porém neste tutorial não vou utilizar nenhum framework, para simplificar, vou criar um exemplo básico, com o objetivo de explicar o conceito do padrão.
Para separar a View do Model, uma terceira classe será criada, essa classe será a ViewModel, ou seja, será a ponte entre essas duas camadas, o ViewModel pode implementar a interface INotifyPropertyChanged, ICommand, fazer validações, escutar eventos, possibilitar testes direto no ViewModel e fazer a adaptação entre a View e o Model.
Dessa forma a View, mais precisamente o arquivo XAML, fica com o mínimo de code-behind em C#, através de binding, ligamos a View com o ViewModel, dessa forma, por exemplo, o código que estaria dentro do evento click de um botão no code-behind do XAML, estará no ViewModel, sendo ligado através de ICommand, na teoria, ao abrir o code-behind de um arquivo XAML não teríamos códigos em C# para a manipulação dos dados e eventos, dessa forma o layout da aplicação fica mais flexível para sofrer mudanças.
O Padrão tem a seguinte arquitetura:
Olá pessoal!
Estamos na edição 19!
São 42′ de boa informação. Ouça, comente e aproveite os links abaixo.
Para assinar:
O XAMLCast também está no Twitter!
Até o próximo!
Abraços,
Kelps, Roberto Sonnino e Rodrigo Kono
Introdução
Neste tutorial será mostrado como gravar um arquivo com extensão em *.txt dentro do servidor usando o Silverlight usando a linguagem C# e o Visual Studio 2010. Como ponto de partida, é necessário conhecer as classes WebClient e StreamWriter, e o template Generic Handler.
A classe WebClient fornece métodos comuns para enviar dados ou receber dados a partir de qualquer local, intranet ou Internet recurso identificado por um URI. Nesta explicação será utilizado o método OpenWriteAsync.
abraços
Flávia
Olá, pessoal esse é uns dos primeiros POST’s que estarei fazendo aqui na FlexDev sobre Silverlight e tecnologias .NET, meu nome é Rodrigo da Silva Brito e trabalho na flexdev desde abril de 2009, comecei a trabalhar com desenvolvimento de sistemas em 2004 na TreinaSoftware, trabalhava com Visual Basic 6, MySQL e o grande e famoso Microsoft Access. Em 2006 comecei a estudar .NET e C#, me apaixonei por C# e estou até hoje nessa caminhada de estudos. No momento estou terminando o bacharelado em ASTI (Análise de Sistemas e Tecnologias da Informação) pelo Centro Paula Souza – FATEC Ourinhos, e escrevendo a minha monografria sobre frameworks de persistência. Possuo um blog do qual estou ressuscitando, você pode acessá-lo através do seguinte endereço http://rodrigobrito.wordpress.com. Agora vamos ao que interessa!
Para começarmos você vai precisar ter instalado em sua máquina o Microsoft Visual Studio 2010. Neste artigo estarei utilizando a versão Premium, precisaremos também do Microsoft Silverlight 4 Tools for Visual Studio 2010 que é um pré requisito para desenvolver aplicações em Silverlight 4 e aplicações Ria Services através do Visual Studio 2010. Precisaremos também do Microsoft Expression Blend® 4 Release Candidate (RC).
1. Inicie o Microsoft Visual Studio 2010
2. No menu File passe o mouse sobre New, e então selecione New Project
3. A caixa de diálogo New Project será exibida
4. Em Installed Templates no lado esquerdo da janela selecione Visual C# e então selecione Silverlight. Selecione Silverlight Application e verifique se na caixa de seleção superior está selecionado o .NET Framework 4. Em Name colocaremos o nome de nossa aplicação no caso FirstSilverlightApplication e então click em OK.
5. Na caixa de diálogo New Silverlight Application desselecione Host the Silverlight application in a new Web site e em Silverlight Version verifique se Silverlight 4 está selecionado e então click em OK.
6. Após clicado em OK você terá uma tela como esta.
Criando Controles
Os controles podem ser adicionados a aplicação usando o ToolBox do Visual Studio ou editando o texto XAML diretamente no editor XAML.
1. Selecione o controle TextBlock e o arraste a MainPage.xaml.
A. Altere a propriedade Text do controle para Contatos.
B. Altere o tamanho da fonte do controle para 14, através da propriedade FontSize.
C. Deixe a fonte em negrito através da propriedade FontWeight selecionando Bold.
2. Selecione o controle Border e o arraste a MainPage.xaml, altere a propriedade CornerRadius para 5.
3. Arraste o controle Grid para dentro do controle Border, então resete as propriedades Height e Width do Grid.
4. Arraste controles TextBlock e TextBox para dentro do controle Grid de forma que a página fique conforme a figura abaixo.
Como você já deve ter percebido, todas as mudanças feitas através da ToolBox Properties são refletidas instantaneamente no código XAML. Veja abaixo o código XAML referente ao controles TextBlock e TextBox que adicionamos dentro do grid.
<Grid>
<TextBlock Height="20" HorizontalAlignment="Left" Margin="6,9,0,0" VerticalAlignment="Top" Width="74" Text="Nome:" TextAlignment="Right" />
<TextBox Height="23" HorizontalAlignment="Left" Margin="86,6,0,0" Name="txtNome" VerticalAlignment="Top" Width="282" />
<TextBlock Text="Empresa:" Height="20" HorizontalAlignment="Left" Margin="6,37,0,0" VerticalAlignment="Top" Width="74" TextAlignment="Right" />
<TextBlock Text="Cargo:" Height="20" HorizontalAlignment="Left" Margin="6,66,0,0" VerticalAlignment="Top" Width="74" TextAlignment="Right" />
<TextBlock Text="E-mail:" Height="20" HorizontalAlignment="Left" Margin="6,94,0,0" VerticalAlignment="Top" Width="74" TextAlignment="Right" />
<TextBlock Text="Telefone:" HorizontalAlignment="Left" Margin="6,123,0,107" Width="74" TextAlignment="Right" />
<TextBlock Text="Observações:" Height="20" HorizontalAlignment="Left" Margin="0,149,0,0" VerticalAlignment="Top" Width="80" TextAlignment="Right" />
<TextBox Height="23" HorizontalAlignment="Left" Margin="86,35,0,0" Name="txtEmpresa" VerticalAlignment="Top" Width="282" />
<TextBox Height="23" HorizontalAlignment="Left" Margin="86,64,0,0" Name="txtCargo" VerticalAlignment="Top" Width="282" />
<TextBox Height="23" HorizontalAlignment="Left" Margin="86,92,0,0" Name="txtEmail" VerticalAlignment="Top" Width="282" />
<TextBox Height="23" HorizontalAlignment="Left" Margin="86,121,0,0" Name="txtDDI" VerticalAlignment="Top" Width="41" />
<TextBox Height="23" HorizontalAlignment="Left" Margin="133,121,0,0" Name="txtDDD" VerticalAlignment="Top" Width="41" />
<TextBox Height="23" HorizontalAlignment="Left" Margin="180,121,0,0" Name="txtTelefone" VerticalAlignment="Top" Width="188" />
<TextBox Height="95" HorizontalAlignment="Left" Margin="86,149,0,0" Name="txtObservacoes" VerticalAlignment="Top" Width="282" />
</Grid>
5. Aumente o tamanho da página “Height” e arraste dois controles Button, botões Salvar e Cancelar. Altere as suas propriedades Content e Name respectivamente.
Imagem da página criada:
Código XAML completo da página:
<UserControl x:Class="FirstSilverlightApplication.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="328" d:DesignWidth="400" xmlns:sdk="http://schemas.microsoft.com/winfx/2006/xaml/presentation/sdk">
<Grid x:Name="LayoutRoot" Background="White">
<TextBlock Height="28" HorizontalAlignment="Left" Margin="12,12,0,0" VerticalAlignment="Top" Width="120" Text="Contatos" FontSize="14" FontWeight="Bold" />
<Border BorderBrush="Silver" BorderThickness="1" Height="252" HorizontalAlignment="Left" Margin="12,36,0,0" Name="border1" VerticalAlignment="Top" Width="376" CornerRadius="5">
<Grid>
<TextBlock Height="20" HorizontalAlignment="Left" Margin="6,9,0,0" VerticalAlignment="Top" Width="74" Text="Nome:" TextAlignment="Right" />
<TextBox Height="23" HorizontalAlignment="Left" Margin="86,6,0,0" Name="txtNome" VerticalAlignment="Top" Width="282" />
<TextBlock Text="Empresa:" Height="20" HorizontalAlignment="Left" Margin="6,37,0,0" VerticalAlignment="Top" Width="74" TextAlignment="Right" />
<TextBlock Text="Cargo:" Height="20" HorizontalAlignment="Left" Margin="6,66,0,0" VerticalAlignment="Top" Width="74" TextAlignment="Right" />
<TextBlock Text="E-mail:" Height="20" HorizontalAlignment="Left" Margin="6,94,0,0" VerticalAlignment="Top" Width="74" TextAlignment="Right" />
<TextBlock Text="Telefone:" HorizontalAlignment="Left" Margin="6,123,0,107" Width="74" TextAlignment="Right" />
<TextBlock Text="Observações:" Height="20" HorizontalAlignment="Left" Margin="0,149,0,0" VerticalAlignment="Top" Width="80" TextAlignment="Right" />
<TextBox Height="23" HorizontalAlignment="Left" Margin="86,35,0,0" Name="txtEmpresa" VerticalAlignment="Top" Width="282" />
<TextBox Height="23" HorizontalAlignment="Left" Margin="86,64,0,0" Name="txtCargo" VerticalAlignment="Top" Width="282" />
<TextBox Height="23" HorizontalAlignment="Left" Margin="86,92,0,0" Name="txtEmail" VerticalAlignment="Top" Width="282" />
<TextBox Height="23" HorizontalAlignment="Left" Margin="86,121,0,0" Name="txtDDI" VerticalAlignment="Top" Width="41" />
<TextBox Height="23" HorizontalAlignment="Left" Margin="133,121,0,0" Name="txtDDD" VerticalAlignment="Top" Width="41" />
<TextBox Height="23" HorizontalAlignment="Left" Margin="180,121,0,0" Name="txtTelefone" VerticalAlignment="Top" Width="188" />
<TextBox Height="95" HorizontalAlignment="Left" Margin="86,149,0,0" Name="txtObservacoes" VerticalAlignment="Top" Width="282" />
</Grid>
</Border>
<Button Content="Cancelar" Height="23" HorizontalAlignment="Left" Margin="93,294,0,0" Name="btnCancelar" VerticalAlignment="Top" Width="75" />
<Button Content="Salvar" Height="23" HorizontalAlignment="Left" Margin="12,294,0,0" Name="btnSalvar" VerticalAlignment="Top" Width="75" />
</Grid>
</UserControl>
Nos próximos artigos de Silverlight estaremos complementando essa pequena aplicação, iremos criar o Grid para a listagem de contatos, botões de inclusão, edição e deleção. Utilizaremos WCF para acesso aos dados.
O WCF para quem não conhece é um poderoso framework para a criação de aplicações orientadas a serviço.
Até o próximo artigo!
Saudações caros ouvintes!
Mais informações para você neste episódio que está bem interessante. Incrível como sempre existe mais e mais novidades – bom para todos nós que nos alimentamos disto.
Nesta semana falamos de Metro UI, novos MVPs, Kinect e novas interfaces, Streaming 3D, Fluid UI, Windows Phone 7 e mais. Fique ligado e surfe conosco!
Para assinar:
O XAMLCast também está no Twitter!
- Twitter oficial: @xamlcast (e hashtag #xamlcast)
- Siga os XAMLCasters:
- Adicione o Twibbon do XAMLCast ao seu avatar!
Até o próximo!
Abraços,
Kelps, Roberto Sonnino e Rodrigo Kono
INTRODUÇÃO
Boa noite galera!
Veremos neste post, como se trabalhar com validações de campos no Silverlight 4. Há várias maneiras de se validar um campo no Silverlight, seja por DataAnnotations , ou através da interface IDataErrorInfo, que nos fornece métodos para validar dados de forma personalizada.
PREVIEW
Abaixo, temos o exemplo que será demonstrado. Os campos validados serão, campo “Nome” e “Idade”, sendo que a regra aplicada, teremos:
Nome :: Será um campo obrigatório.
Idade :: Aceitará somente valores maiores que zero.
Observe na imagem abaixo, o momento de validação de um dos campos, e o feedback ao usuário pelo erro encontrado.
CÓDIGO C#
Abaixo, temos o código em C# que irá constituir a classe Cliente, sendo que ela terá duas propriedades, “Nome” e “Idade”. A classe Cliente implementa a interface IDataErrorInfo, que nos fornece métodos para validação de dados.
Abaixo temos um método que valida as propriedades da Classe, nele passamos como parâmetro qual a propriedade que desejamos validar, e posteriormente criamos nossas regras de negócio referente a mesma, retornando uma “string” do erro personalizado que adotarmos.
public class Cliente : IDataErrorInfo
{
//Propriedades da Classe
public string Nome { get; set; }
public int Idade { get; set; }
//Método implementado através da
//interface IDataErrorInfo
//Retorna uma mensagem de erro indicando o que
//está errado com esse objeto.
public string Error
{
get { return null; }
}
//Método implementado através da
//interface IDataErrorInfo
//Através dele, passamos o nome da propriedade
//que desejamos validar
public string this[string columnName]
{
get
{
switch (columnName)
{
//Validando a Propriedade Nome
//e retornando a mensagem de erro
case "Nome":
if ((Nome.Length == 0) || Nome.Trim() == "")
return "O campo Nome é obrigatório.";
else
goto default;
//Validando a Propriedade Idade
//e retornando a mensagem de erro
case "Idade":
if (Idade < 0)
return "O campo Idade deve ser maior que 0.";
else
goto default;
//Por padrão, retorna null
default:
return null;
}
}
}
}
CÓDIGO XAML
No código XAML abaixo, temos os dois elementos TextBox que serão validados, observe que o primeiro elemento, o “textBoxNome”, está com a propriedade “Text” vinculada através de Binding, com a Propriedade “Nome”, da classe Cliente; E a propriedade “Text” do elemento “textBoxIdade”, vinculado através de Binding, com a Propriedade “Idade”.
Ambos os elementos estão com as meta-propriedades do Binding, “ValidatesOnDataErrors” e “ValidatesOnExceptions”, setados para “True”, pois é através dessa ativação, que os controles estarão aptos a utilizar os recursos de validação do Silverlight.
<!-- Elemento TextBox, vinculado
por Binding, a propriedade Nome -->
<TextBox x:Name="textBoxNome"
Margin="80,40,16,0"
Height="25"
VerticalAlignment="Top"
Text="{Binding Nome,
Mode=TwoWay,
ValidatesOnDataErrors=True,
ValidatesOnExceptions=True}"
d:LayoutOverrides="GridBox" />
<!-- Elemento TextBox, vinculado
por Binding, a propriedade Idade -->
<TextBox x:Name="textBoxIdade"
Margin="80,90,190,34"
Height="25"
Text="{Binding Idade,
Mode=TwoWay,
ValidatesOnDataErrors=True,
ValidatesOnExceptions=True}"
d:LayoutOverrides="GridBox" />
CÓDIGO C#
No código C# abaixo, vamos carregar o DataContext da nossa MainPage, através de alguns dados de exemplo, utilizando a classe “Cliente” implementada, para que os elementos TextBox possam ter suas propriedades “Text”, carregadas e possam utilizar os recursos de validação personalizada que implementamos.
public partial class MainPage : UserControl
{
public MainPage()
{
InitializeComponent();
//Adiciono objeto ao DataContext, para
//carregar elementos que estão na View,
//por Binding
DataContext = new Cliente() { Nome="Robson Fernandes",
Idade = 21
};
}
}
APLICAÇÃO – RUN
Abaixo temos a aplicação final executando.
DOWNLOAD
Fontes Silverlight Completo-> DataValidationApp
Abraços pessoal!
Robson Fernandes
Estamos de volta!
Ficamos quase quatro meses distantes dos microfones. Todos nós estivemos envolvidos em projetos pessoais que tomaram uma boa parte do tempo e ainda tivemos o problema do fuso horário do Sonnino que estava no GMT+5.
Agora normalizado, voltamos com novas idéias e boas informações para sua orientação e atualização.
Se você acompanha o XAMLCast, deve ter percebido que a numeração mudou – decidimos acabar com a contagem por temporadas, pois afinal o XAMLCast é uma coisa só. Logo, contando 4 episódios da 1a temporada, 2 do Tech-Ed 2007 e mais 9 da segunda temporada, você vai ouvir agora o Episódio 16 do XAMLCast!
Claro que não conseguimos falar de tudo que aconteceu nestes últimos 3 meses e meio. Porém falamos dos acontecimentos mais importantes desde o MIX10 e também de algumas boas novidades fresquinhas.
Neste episódio falamos de:
Para assinar:
O XAMLCast também está no Twitter!
- Twitter oficial: @xamlcast (e hashtag #xamlcast)
- Siga os XAMLCasters:
- Adicione o Twibbon do XAMLCast ao seu avatar!
Até o próximo!
Abraços,
Kelps, Roberto Sonnino e Rodrigo Kono
Já é notícia um pouco velha (do dia 15/Junho) mas eu achei que valia a pena postar aqui por conta da sua importância e pelo fato de pouca gente conhecer. Michael Scherotter (@synergist) postou uma atualização do Analytics Framwork para Silverlight 4. Para quem não conhece, o Analytics Framework é uma coleção de apis, Behaviors e Actions para integração de aplicações Silverlight e WPF com ferramentas de analytics e trends (como Google Analytics por exemplo).
O framework suporta nativamente uma série de serviços (Google Analytics, Nedstat, Omniture, Webtrekk, etc para citar alguns) e pode ser facilmente extendido. Se você deseja monitorar a utilização da sua aplicação Silverlight deve considerar o uso desse framework.
Alguns dos pontos mais interessantes desse framework estão listados abaixo:
Para mais informações acesse:
I pretty much took last week off from blogging. I sort of needed a break and since they were migrating this and many other blogs to a new updated blogging engine it seemed like a good time to step back from it for a while. I did still read blogs, follow Twitter and read a lot of email. So I do have some interesting links to share with you today. Regular blogging resumes tomorrow. Well, that’s the plan anyway.
From someone on Twitter (sorry – I lost the reference) I followed a couple of links to this article on the 10 most profitable college majors and highest paying college degrees. Computer Science is 4 on the list and Information Technology is 9. Mathematics is high on the list as well BTW.
I like how @robmiles explains C# Exceptions and Finally Some interesting examples and a solid dose of humour. (I think that is how they spell humor in the UK)
From Mark Drapeau AKA @cheeky_geeky: An interview with Microsoft about Government 2.0 that I found interesting. The interview is with Kristin Bockius (@Microsoft_gov ), the SLG Relationship Marketing Manager in Microsoft’s Public Sector group.
From the ACM (@TheOfficialACM) and Arizona State University (@ASUnews) this article called "Girls got game: Professor helps close computer science gender gap" The article explains that girls and women do play games. And they play them a lot. They just don’t play the same types of games (in general) that boys do. Worth thinking about if you are looking to incorporate games or game development into your curriculum.
Speaking of games, from the official US Imagine Cup twitter account @imaginecupus is a link to a video that will help you learn how to add sound to your project in XNA Studio 3.1.
On Microsoft’s Press Pass pages, is this article about taking the vital signs of the Brazilian rainforest: using hundreds of sensors to track climate. Computers are going to be essential to solving many problems including climate change and changes to local environments.
From @Microsoft there is this announcement of the new and free Robotics Developer Studio 2008 R3 on the Microsoft Robotics blog.
From @tonnet here is a list of the Top 20 Education Blogs –According to their Technorati authority rankings. No, I’m not on the top 20 list. I suspect I would show up if the list was longer but I have no idea how long the list would have to be. 
